@import "vuetify.css?v=1"; @import "element-ui/2.13.0/index.css"; @import "https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css"; @import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap'); @import "commonNewCss.css?13"; .vue2Classic,body{ --el-color-primary: #0D9488; --el-color-primary-light-3: #2b9c95; --el-color-primary-light-5: #4eb0aa; --el-color-primary-light-7: #b7d6d4; --el-color-primary-light-8: #94d8d6; --el-color-primary-light-9: #e7f1f1; --el-text-color-primary:var(--el-color-primary) } .buttons .btn-info{background-color: #49afcd;} body{ --teal: #0D9488; --green:#16A34A; --red:#DC2626; --gray-100:#F3F4F6; --gray-200:#E5E7EB; --gray-300:#D1D5DB; --gray-400:#9CA3AF; --gray-800: #1F2937; --gray-700: #374151; --gray-600: #4B5563; --gray-500: #6B7280; --teal-600:#0D9488; } .vue2-conflict-css .el-select__tags .el-tag{ display: flex;} .el-tabs.el-tabs--top{ display: block;} .newGreenTag{border-radius:4px;background-color:#CCFBF1;color:#0F766E;width:auto;padding:2px 6px;font-size:12px;font-weight:500;line-height:16px; display: inline-block;} .btn-default2.v1{font-family:"Inter",sans-serif; box-shadow: none; background: white; border: 1px solid #ccc;text-shadow: none;} .btn-default2.v1.selected{background: #B45309;color:white; border-color:#B45309 ;} .btn-default2.v1.selectedRushJob{background: #B45309;color:white; border-color:#B45309 ;} .newBrownTag{font-family:"Inter",sans-serif;border-radius:4px;background-color:#FEF3C7;color:#B45309;width:auto;padding:2px 6px;font-size:12px;font-weight:500;line-height:16px; display: inline-block;} .color-teal-600{color: var(--teal-600);} .color800{color: var(--gray-800);} .color700{color: var(--gray-700);} .color600{color: var(--gray-600);} .color500{color: var(--gray-500);} .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner { background-color: var(--el-color-primary); border-color: var(--el-color-primary); } .el-checkbox__input.is-checked + .el-checkbox__label { color: var(--el-color-primary); } .m360popup {position: fixed;top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important; max-height: 80vh !important; overflow-y: auto !important;} .m360popup .ui-dialog-title{ background: url(../img/m360.png) no-repeat left top; padding-left: 60px;min-height: 32px; padding-top:3px} .no-title-dialog .ui-dialog-titlebar { display: none; } .wdp-shortcuts ul li > a.wdp-shortcut{color: var(--teal); padding: 6px 12px;} .wdp-shortcuts ul li > a.wdp-shortcut:hover{background-color: var(--teal);color:white} .outstanding-dialog-body{padding-top:10px; padding-bottom: 20px;} .outstanding-dialog-body .gray-Container{border-radius: 4px; border: 1px solid #DCDFE6; padding: 12px 10px; background: #F0F2F5;} .outstanding-dialog-body .flex-justify-between{display: flex; justify-content: space-between; align-items: center;} .outstanding-dialog-body .flex-start{display: flex; justify-content: flex-start; align-items: center;} .outstanding-dialog-body .gray-Container .outstanding-tag{background: #F56C6C;border-radius: 4px;color: #fff;font-size: 15px;font-style: normal;font-weight: 500;padding: 6px 10px} .outstanding-dialog-body .title{font-size: 12px; color: #606266; margin-bottom: 0;} .outstanding-dialog-body .title-lg{font-size: 14px; color: #303133;font-family:OpenSans-Semibold; margin-bottom: 10px} .outstanding-dialog-body .gray-Container .outstanding-btn{color: var(--el-color-primary);font-size: 16px;font-weight: 500;text-decoration-line: underline;} .outstanding-dialog-body .flag-Container{margin-top: 20px;} .outstanding-dialog-body .flag-Container .semiBold-title{font-size:16px; color: #303133; margin-bottom: 0;font-family:OpenSans-Semibold} .outstanding-dialog-body .danger-Container{margin-top: 12px; border-radius: 4px; border: 1px solid #FAB5B5; padding: 12px 10px; background: #FDE2E2;} .outstanding-dialog-body .danger-Container .user-avatar{border-radius: 50%; background: #C0C4CC; color: #fff; font-size: 14px; margin-right: 6px;height: 24px; display: flex;justify-content: center;align-items: center;width: 24px; margin-bottom: 0;} .outstanding-dialog-body .danger-Container .user-name{margin: 0;font-size: 14px;color: #303133;padding-right: 6px;font-family:OpenSans-Semibold} .outstanding-dialog-body .danger-Container .note-str{font-size: 13px;color: #606266;} .outstanding-dialog-body .danger-Container .outstanding-danger-link{font-size: 12px;text-decoration-line: underline;color: #F56C6C;} .el-dialog.r6px .el-dialog__header{ border-radius: 6px 6px 0 0;} body{padding-top:0;font-size:14px;font-family:"Open Sans"; background-color:#f8f8f8;}@font-face{font-family:'HelveticaNeue-Bold';src:url(../fonts/HelveticaNeue-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/HelveticaNeue-Bold.woff) format("woff"),url(../fonts/HelveticaNeue-Bold.ttf) format("truetype"),url(../fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold) format("svg");font-weight:400;font-style:normal}@font-face{font-family:'OpenSans-Extrabold';src:url(../fonts/OpenSans-Extrabold.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Extrabold.woff) format("woff"),url(../fonts/OpenSans-Extrabold.ttf) format("truetype"),url(../fonts/OpenSans-Extrabold.svg#OpenSans-Extrabold) format("svg");font-weight:400;font-style:normal}@font-face{font-family:'CooperBlackStd';src:url(../fonts/CooperBlackStd.eot?#iefix) format("embedded-opentype"),url(../fonts/CooperBlackStd.woff) format("woff"),url(../fonts/CooperBlackStd.ttf) format("truetype"),url(../fonts/CooperBlackStd.svg#CooperBlackStd) format("svg");font-weight:400;font-style:normal}@font-face{font-family:'Helvetica';src:url(../fonts/Helvetica.eot?#iefix) format("embedded-opentype"),url(../fonts/Helvetica.woff) format("woff"),url(../fonts/Helvetica.ttf) format("truetype"),url(../fonts/Helvetica.svg#Helvetica) format("svg");font-weight:400;font-style:normal}@font-face{font-family:'Arial-Black';src:url(../fonts/Arial-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/Arial-Black.woff) format("woff"),url(../fonts/Arial-Black.ttf) format("truetype"),url(../fonts/Arial-Black.svg#Arial-Black) format("svg");font-weight:400;font-style:normal}@font-face{font-family:'OpenSans-Bold';src:url(../fonts/OpenSans-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Bold.woff) format("woff"),url(../fonts/OpenSans-Bold.ttf) format("truetype"),url(../fonts/OpenSans-Bold.svg#OpenSans-Bold) format("svg");font-weight:400;font-style:normal}@font-face{font-family:'OpenSans-Semibold';src:url(../fonts/OpenSans-Semibold.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Semibold.woff) format("woff"),url(../fonts/OpenSans-Semibold.ttf) format("truetype"),url(../fonts/OpenSans-Semibold.svg#OpenSans-Semibold) format("svg");font-weight:400;font-style:normal}@font-face{font-family:'OpenSans-Light';src:url(../fonts/OpenSans-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Light.woff) format("woff"),url(../fonts/OpenSans-Light.ttf) format("truetype"),url(../fonts/OpenSans-Light.svg#OpenSans-Light) format("svg");font-weight:400;font-style:normal}@font-face{font-family:"Open Sans";src:url(../fonts/983520508-OpenSans-Regular.eot);src:url(../fonts/983520508-OpenSans-Regular.eot?#iefix) format("embedded-opentype"),url('../fonts/983520508-OpenSans-Regular.svg#Open Sans') format("svg"),url(../fonts/983520508-OpenSans-Regular.woff) format("woff"),url(../fonts/983520508-OpenSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal} @font-face { font-family: 'Raleway';src: url('../fonts/Raleway.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway.woff') format('woff'), url('../fonts/Raleway.ttf') format('truetype'), url('../fonts/Raleway.svg#Raleway') format('svg');font-weight: normal;font-style: normal;} @font-face { font-family: 'Raleway-Medium';src: url('../fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway-Medium.woff') format('woff'), url('../fonts/Raleway-Medium.ttf') format('truetype'), url('../fonts/Raleway-Medium.svg#Raleway-Medium') format('svg');font-weight: normal;font-style: normal;} @font-face { font-family: 'Raleway-SemiBold';src: url('../fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway-SemiBold.woff') format('woff'), url('../fonts/Raleway-SemiBold.ttf') format('truetype'), url('../fonts/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg');font-weight: normal;font-style: normal;} @font-face { font-family: 'Raleway-Bold';src: url('../fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway-Bold.woff') format('woff'), url('../fonts/Raleway-Bold.ttf') format('truetype'), url('../fonts/Raleway-Bold.svg#Raleway-Bold') format('svg');font-weight: normal;font-style: normal;} .topbox{background-color:#134E4A;margin-bottom:11px;} .gradient{border:1px solid #212325;background:#191b1e;background:-moz-linear-gradient(top,rgba(25,27,30,1) 0%,rgba(37,38,39,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(25,27,30,1)),color-stop(100%,rgba(37,38,39,1)));background:-webkit-linear-gradient(top,rgba(25,27,30,1) 0%,rgba(37,38,39,1) 100%);background:-o-linear-gradient(top,rgba(25,27,30,1) 0%,rgba(37,38,39,1) 100%);background:-ms-linear-gradient(top,rgba(25,27,30,1) 0%,rgba(37,38,39,1) 100%);background:linear-gradient(to bottom,rgba(25,27,30,1) 0%,rgba(37,38,39,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#191b1e',endColorstr='#252627',GradientType=0)} #page{min-height:500px} /* new theme css start */ body{ --teal: #0D9488; --green:#16A34A; --red:#DC2626; } img{display: inline-block;} ::selection{ color: white; background: var(--teal);} a{color: var(--teal);} a.circle-plus2,.circle-plus2{border-radius: 30px; width: 18px; height: 18px; background-color: var(--teal); color: #fff !important; display: inline-flex; font-size: 10px; margin: 0 2px;justify-content: center; align-items: center;} a.circle-plus2:hover,.circle-plus2:hover{text-decoration: none !important;} .tooltip-inner{background-color: var(--teal);} .tooltip.top .tooltip-arrow{border-top-color: var(--teal);} .tooltip.bottom .tooltip-arrow{border-bottom-color: var(--teal);} .tooltip.left .tooltip-arrow{border-left-color: var(--teal);} .tooltip.right .tooltip-arrow{border-right-color: var(--teal);} .chosen-container .chosen-results li.highlighted{ background: var(--teal) !important;} .chosen-container-active .chosen-single{border-color:var(--teal) !important;} /* .ui-widget-content{border-color: var(--teal) !important;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ border-color:var(--teal) !important ; background: var(--teal) !important;} */ .btn-primary,button.btn-primary{background:var(--teal) ;} .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled]{background:var(--teal) ;} .device_locations{color: var(--teal) !important;} .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a{ background: var(--teal); background-image: none; } .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active{ background-color: var(--teal) !important; background-image: none; } .noTableData{background-color: #0D948812; color: var(--teal);} [type="reset"].btn-success,[type="submit"].btn-success,[type="button"].btn-success,button.btn-success,.btn-success{background: var(--teal);} .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled]{ background-color: var(--teal); } .el-select-dropdown__item.hover, .el-select-dropdown__item.hover:hover { background-color: #E7F1F1 !important; box-shadow: none !important;color: var(--teal); } /* xero setting page css */ .base-btn,a.base-btn{border:1px solid #D1D5DB; padding: 5px 10px; background-color: #fff; font-size: 14px; border-radius: 6px; color: #374151; font-size: 14px;} .base-btn:hover,a.base-btn:hover{ box-shadow:0 0 6px #00000013 inset;color:inherit} .base-btn.primary:hover,a.base-btn.primary:hover{ box-shadow:0 0 6px #faf8f813 inset;} .base-btn.primary,a.base-btn.primary{background-color: var(--teal); color: #fff; border-color: transparent;} .nav-tabs6.v2 li a.disable{ pointer-events: none;} .base-btn.disable,a.base-btn.disable{ pointer-events:none; background-color: #F3F4F6; opacity: 1; color: #D1D5DB;} .breadcurmNew{ gap:12px;color: #374151; font-size: 14px;} .breadcurmNew a{color:inherit;} .box5new{ background-color: #fff; border-radius:6px;border: 1px solid #E5E7EB;} .taxMappingHeadSection .title{font-size: 16px; font-family:OpenSans-Semibold !important; color: #374151;} .box5new .titleText{font-size: 12px; color: #6B7280;} .taxMappingHeadSection .ti-receipt-tax{font-size: 24px; color: #6B7280;} .infoBlueTag{border-radius: 4px; background: #E0F2FE; color: #0369A1; font-size: 12px; padding: 2px 8px; font-family:OpenSans-Semibold; margin-bottom: 16px; display: block; width: fit-content;} .text-primary{color:var(--teal)} .v4input.v2 input[type=text],.v4input.v2 input[type=password],.v4input.v2 select{ border-radius: 6px;height: 32px; padding: 2px 12px;color:#171818;} .ui-dialog .v4input.v2 .chosen-container-single .chosen-single, .v4input.v2 .chosen-container-single .chosen-single{padding: 5px 12px;border-radius: 6px;color:#171818;} .ui-dialog .v4input.v2 .chosen-container-single .chosen-single div b, .v4input.v2 .chosen-container-single .chosen-single div b{margin-top: 10px; background: url(../img/arrowdownnew.png) no-repeat scroll center center;} .ui-dialog .v4input.v2 .chosen-container-active.chosen-with-drop .chosen-single div b, .v4input.v2 .chosen-container-active.chosen-with-drop .chosen-single div b { background: url(../img/arrowdownnew.png) no-repeat scroll center center;margin-top: 10px;} .v4input.v2 .chosen-container-single .chosen-search{padding-top: 10px;} .v4input.v2 .chosen-container-single .chosen-search input{height: auto;padding: 4px 20px 4px 5px; border-radius: 4px;} .v4input.v2 .chosen-container-single .chosen-drop{border-color: var(--teal);margin-top: -3px; box-shadow: 0 6px 5px rgba(0, 0, 0, 0.15);} .v4input.v2 .chosen-container-single .chosen-single div {width: 24px;} .v4input.v2 .chosen-container-single .chosen-single abbr { top: 13px; } /* xero setting page css end */ .nav-tabs > li > a:hover { /* RB-10073 removed as focus was on All tab irrespective of the current tab */ border-color: var(--teal); background-color: var(--teal); color: white; } .v-application .widgetCommonSetting a { color: var(--teal) !important; } .v-application .widgetCommonSetting .primary--text { color: var(--teal) !important; caret-color: var(--teal) !important; } .text-primary{color:var(--teal)} textarea:focus{border-color:var(--teal);} .noWrap,.nowrap{ white-space:nowrap;} /* select option:checked {background-color: var(--teal) !important; } */ /* select option:hover,select option:checked {background-color: var(--teal) !important; } */ /* new theme css end */ .el-dialog.r4px .el-dialog__header{ border-radius: 4px 4px 0 0;} body .ui-tooltip{display: none !important;} .row{display:block;} .row2:before,.row2:after{ content: "";display: table;line-height: 0; clear:both;}.fln{ float:none !important;} .row2{ margin:0 -10px;} .row2 .col-xs-1, .row2 .col-sm-1, .row2 .col-md-1, .row2 .col-lg-1, .row2 .col-xs-2, .row2 .col-sm-2, .row2 .col-md-2, .row2 .col-lg-2, .row2 .col-xs-3, .row2 .col-sm-3, .row2 .col-md-3, .row2 .col-lg-3, .row2 .col-xs-4, .row2 .col-sm-4, .row2 .col-md-4, .row2 .col-lg-4, .row2 .col-xs-5, .row2 .col-sm-5, .row2 .col-md-5, .row2 .col-lg-5, .row2 .col-xs-6, .row2 .col-sm-6, .row2 .col-md-6, .row2 .col-lg-6, .row2 .col-xs-7, .row2 .col-sm-7, .row2 .col-md-7, .row2 .col-lg-7, .row2 .col-xs-8, .row2 .col-sm-8, .row2 .col-md-8, .row2 .col-lg-8, .row2 .col-xs-9, .row2 .col-sm-9, .row2 .col-md-9, .row2 .col-lg-9, .row2 .col-xs-10, .row2 .col-sm-10, .row2 .col-md-10, .row2 .col-lg-10, .row2 .col-xs-11, .row2 .col-sm-11, .row2 .col-md-11, .row2 .col-lg-11, .row2 .col-xs-12, .row2 .col-sm-12, .row2 .col-md-12,.row2 .col-lg-12{ padding-left:10px; padding-right:10px;} textarea, input[type="text"], input[type="password"]{ height:auto; } .chosen-container-single .chosen-search input[type="text"]{ -o-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box} .topbox .logo{color:#fff;font-size:15px;font-weight:700;max-width:230px;padding:13px 6px 13px 1%} .seprator{border-left:1px solid #000;border-right:1px solid #2d2d2e;height:50px} .seprator.pull-right{margin:0 10px} .search{display:inline-block;float:left;margin:10px 0 0;position:relative;width:21%;-moz-border-radius:20px;-o-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;overflow:hidden;height:27px;background:#49494a} .search i{position:absolute;right:10px;top:4px} .search input[type='text']{background:none;border-color:transparent;height:27px;margin:0;padding:0 30px 0 10px;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;width:100%} a:focus{outline:none;color:var(--teal);text-decoration:none} a:hover{text-decoration:none;color: #0D9488C4;} .search input[type='submit']{-moz-opacity:0;-o-opacity:0;-webkit-opacity:0;opacity:0;position:absolute;cursor:pointer;z-index:2;right:0;top:0;width:29px} .payment-alert{background-color:#ec4b4b;color:#fff;padding:4px 0 7px} .payment-alert a{color:#fff} input.input-transparent{background:none;border:none} input.input-transparent:focus{box-shadow:none;outline:none;border:0} .navbar-fixed-top2{float:left;margin:0 0 -13px;padding-top:5px} .navbar-fixed-top2 .navbar-inner{border-radius:0} .topbox .dropdown-toggle{color: #fff;display: inline-block;font-size: 12px;margin-top: 3px;line-height: normal;padding: 6px; border-radius: 4px;} .topbox .navbar-fixed-top3 .dropdown-toggle{margin-top:0} .topbox .user-img{margin-right:10px;width:32px;overflow:hidden;height:32px;border-radius:100%;border:1px solid #d9d6d6; text-align: center;} .topbox .user-img img{width: 100%;} .user-box{float:right;padding:6px 0 0;margin-right:10px;min-height:50px} .topbox .dropdown-toggle span.icon-menu{float:left;background:url(../img/icon-menu.png) no-repeat;width:16px;height:16px} .user-box .dropdown-menu1{position:absolute;right: 9px;background-color:#fff;box-shadow:0 0 11px RGBA(0, 0, 0, 0.14);width:550px;top:45px;z-index:10000;display:none} .user-box .dropdown-menu1:before{content:"";position:absolute;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:11px solid #fff;top:-11px;right:103px; display: none;} .user-box .dropdown-menu1 ul{list-style:none;padding:16px;margin:0;display:grid;gap:20px 0;grid-template-columns:auto auto auto} .user-box .dropdown-menu1 ul li a{color:#7C7A7A;font-size:14px;display: flex; align-items: center;} .user-box .dropdown-menu1 .last .topmenu-switch-user{color:#0F766E;margin-top:3px;} .user-box .dropdown-menu1 .last .topmenu-switch-user:hover{color:#df0404;} .user-box .dropdown-menu1 ul li a .img-box{display:flex;background-color: #F3F4F6;border-radius: 4px;width: 32px;height: 32px;margin-right: 8px;align-items: center;justify-content: center;font-size: 20px;color: #0F766E;} .user-box .dropdown-menu1 ul li a:hover{color:#0F766E} .user-box .dropdown-menu1 .last{border-top: 1px solid #D1D5DB;padding: 12px 16px;} .topbox .help{background:url(../img/questionmark.png) no-repeat scroll left center;color:#fff;float:right;font-size:12px;margin:14px 14px 0 0;padding:0 0 0 24px} .edit_yellow_bg {background: #ffeb0040 !important;} .seprator2{float:right;margin:0 12px} .sb-toggle-left{cursor:pointer;display:none;float:right;margin-right:10px;padding:14px 3px;position:relative;z-index:998} .sb-toggle-left i{ color: #fff; font-size: 20px;} .navicon-line{background-color:#fff;border-radius:3px;display:block;height:4px;margin-bottom:3px;width:26px} .infobox{width:auto;display:block} .navbar.navbar-fixed-top2 .nav li.pull-right > div.pull-right{padding-top:10px;float:none} .breadcrumbs{color:var(--teal);font-size:13px;background-color: #fff;margin: -10px -10px 15px;padding: 8px 5px 10px;} .breadcrumbs a{display:inline-block;margin:0 5px;vertical-align:text-bottom} .breadcrumbs a:last-child{color:#444;cursor:auto;text-decoration:none;pointer-events:none} .breadcrumbs span{color:#444;margin-left:5px} .breadcrumbs .sectionTitle{color:var(--gray-700);font-size:16px; padding-left: 8px;} .navbar.navbar-fixed-top2 .navbar-inner{background:none;border:0;padding:0;font-size:12px} .navbar.navbar-fixed-top2 .nav-collapse,.nav-collapse.collapse{height:auto} .navbar.navbar-fixed-top2 .btn-navbar{display:none} .custom-table2 input.span1{width:56px} .row-fluid .error-fix{margin-left:0} /*How did you hear about us graph*/ .mc-tag2.v2{ padding-right:20px; width:auto; position:relative;} .mc-tag2.v2 i{ position:absolute; top:5px; right:5px; color:#a5c1d7;} .action-box3 i.fa-trash-alt:hover{ color:#f33f3f;} .icon-percentage{ border-radius: 20px;background-color: #5a5a5a;color: #fff;display: inline-block; padding: 2px 0;font-size: 10px;text-align: center;} .icon-percentage i.fa-percentage:hover{ background-color:var(--teal);} @media only screen and (min-width: 992px) { .navbar.navbar-fixed-top2 .nav > li.txt-greenvPos > a{color: #2DD4BF;} .bl_chart>#graphme>div{ height: 270px !important; min-height: 100% !important;overflow-y:auto !important;} } .bl_chart>#graphme .amcharts-main-div>.amChartsLegend.amcharts-legend-div{top:30px !important; font-weight:bold;width:55% !important;overflow:auto !important;word-wrap: break-word !important;} .bl_chart2>#graphme .amcharts-main-div>.amChartsLegend.amcharts-legend-div{margin-left:0px !important;} .bl_chart>#graphme .amcharts-main-div>.amChartsLegend.amcharts-legend-div>svg{ width: 100% !important;} .bl_chart1>#graphme .amcharts-main-div>.amChartsLegend.amcharts-legend-div>svg>g>g>g text:nth-child(4) {display:none !important;} .bl_chart2>#graphme .amcharts-main-div>.amChartsLegend.amcharts-legend-div>svg>g>g>g {overflow:auto !important;} .bl_chart2>#graphme .amcharts-main-div>.amChartsLegend.amcharts-legend-div>svg>g>g>g>text:nth-child(4){display:none!important} .bl_chart2>#graphme .amcharts-main-div>.amChartsLegend.amcharts-legend-div>svg>g>g>g>text:nth-child(3)>tspan{max-width:140px !important;width:140px !important;} @media (min-width: 1100px) { .row-fluid .span2.ipad{width:17%} .row-fluid .span10.ipad{margin-left:1%;width:82%} .table-responsive[data-pattern="priority-columns"]{overflow:visible} } .topbox .user-box.open .dropdown-toggle{background-color: #175F5A;} .user-box.open .dropdown-menu1{display:block} @media all and (min-width: 980px ) { .navbar.navbar-fixed-top2 .nav > li.dropdown:hover > .dropdown-menu{display:block} .navbar.navbar-fixed-top2 .mega-dropdown > .multi-level{-webkit-column-count:2;-webkit-column-rule:1px solid #EBECEF;-webkit-column-gap:0;-moz-column-count:2;-moz-column-rule:1px solid #EBECEF;-moz-column-gap:0;column-count:2;column-rule:1px solid #EBECEF;column-gap:0} .navbar.navbar-fixed-top2 .dropdown-menu{top:42px;border-radius:4px;box-shadow:0 0px 11px RGBA(0, 0, 0, 0.14);border:0;padding:0;float:none;overflow-y: auto;overflow-x: hidden;z-index: 1002;} .topbox .user-box:hover .dropdown-toggle,.topbox .user-box.open .dropdown-toggle{background-color: #175F5A;} .user-box.open .dropdown-menu1,.user-box:hover .dropdown-menu1{display:block} } .navbar.navbar-fixed-top2 .nav > .active > a{background:none;-moz-box-shadow:none;-o-box-shadow:none;-webkit-box-shadow:none;box-shadow:none} .navbar.navbar-fixed-top2 .nav > li > a{color:#fff;background-color:transparent;margin-top:5px;margin-bottom: 9px;font-size:13px;padding:5px 10px;text-shadow:none;font-family:'OpenSans-Semibold';border:1px solid rgba(0,0,0,0.00)} .navbar.navbar-fixed-top2 .nav > li.active > a:hover{color:#fff} reportsMegaDropDownMenu .navbar.navbar-fixed-top2 .nav > li.dropdown:hover > a,.navbar.navbar-fixed-top2 .nav > li.dropdown.open > a{background:#0F766E;border-radius:4px;position:relative;z-index:10000;color:#fff} .navbar.navbar-fixed-top2 .nav > li > .dropdown-menu:before{border:0} .navbar.navbar-fixed-top2 .nav > li > .dropdown-menu:after{border:0} .navbar.navbar-fixed-top3 .dropdown-menu{max-height: 280px; overflow: auto;} .navbar.navbar-fixed-top2 .dropdown-menu > li{border-top:1px solid #EBECEF;clear:both;position:relative;min-width:234px;padding:12px 16px;display:inline-block;width:100%} .navbar.navbar-fixed-top2 .dropdown-menu > li:last-child{border-bottom:1px solid #f4f4f4} .navbar.navbar-fixed-top2 .dropdown-menu > li.divider{display:none} .navbar.navbar-fixed-top2 .dropdown-menu > li > a{padding:0;display:inline-block} .navbar.navbar-fixed-top2 .dropdown-submenu2 > a{width:100%} .navbar.navbar-fixed-top2 .mega-dropdown > ul > li.dropdown-submenu2:hover > a{background:none;color:#0F766E} .navbar.navbar-fixed-top2 .mega-dropdown .dropdown-submenu2{clear:both} .navbar.navbar-fixed-top2 .dropdown-menu > li > a:hover,.navbar.navbar-fixed-top2 .dropdown-menu > li > a:focus,.navbar.navbar-fixed-top2 .mega-dropdown .dropdown-submenu2 > a.active2,.navbar.navbar-fixed-top2 .dropdown-menu > li.active a{text-decoration:underline;color:#0F766E;background:none} .navbar.navbar-fixed-top2 .dropdown-menu .dropdown-menu{position:static;border:0;box-shadow:none;padding: 5px 16px;background-color: #F3F3F3; margin: 12px -16px -12px;border-radius: 0;} .navbar.navbar-fixed-top2 .dropdown-menu .dropdown-menu li{border:0;padding:5px 0;min-width:10px} .navbar.navbar-fixed-top2 .dropdown-menu > .dropdown-submenu:hover > .dropdown-menu{display:none} .navbar.navbar-fixed-top2 .dropdown-menu .dropdown-menu li a:focus{background:none;color:#333} .navbar.navbar-fixed-top2 .dropdown-menu > li a .tag-new{border:1px solid #fff} .navbar.navbar-fixed-top2 .nav{width:100%;margin:0} .navbar.navbar-fixed-top2 .nav li.pull-right{float:right} .navbar.navbar-fixed-top2 .nav li.pull-right > div.pull-right{float:right} .navbar.navbar-fixed-top2 .container-fluid{padding:0} #selectable2 li > .dropdown-menu{border-radius:unset;padding:0;font-size:14px;left:100%;min-width:208px;top:0} #selectable2 li > .dropdown-menu li a{padding:6px 17px} #selectable2 li > .dropdown-menu li a:hover,#selectable2 li > .dropdown-menu li.active a{background:#e4e4e4;color:#333} .invoicedetail .span4{border-right:1px solid #f1f1f1;box-sizing:border-box;margin:0;width:33.33%;min-height:274px} .invoicePage3 .invoicedetail .span4,.invoicePage2 .invoicedetail .span4{min-height:231px} .invoicePage3 .offset3{margin-left:362px} .invoicePage3 .span5{float:right;margin:0;padding-top:94px;width:50%;max-width:550px} .navbar-fixed-top2 .nav li.setting a{background:url(../img/left-align.png) no-repeat scroll center center;height:20px;margin:11px 10px 0 3px;padding:0;width:20px} .user-box .dropdown-menu{top:95%} .user-box:hover .dropdown-menu{display:block} .navbar-fixed-top2 .nav li.setting a{background:url(../img/setting.png) no-repeat scroll center center;height:21px} .search-store.navbar-fixed-top2 .dropdown-menu > li{ padding:0;} .search-store.navbar-fixed-top2 .dropdown-menu > li.store-li{ padding:11px 20px 11px 10px;} .search-store.navbar-fixed-top2 .dropdown-menu > li > a{padding: 11px 10px;display: block;} /* } */ .infobox .menu-building-icon{margin:14px 10px 0 0; } .infobox .menu-building-icon a{ color:#fff;font-size: 20px; display: inline-block;} .navbar.navbar-fixed-top2 .dropdown-submenu2 > a:after{content:"\f078";font-family:Font Awesome\ 5 Free; font-weight: 900; position:absolute;right:13px;padding-top:4px;top:9px;font-size:13px;border:0;width:25px;height:25px;text-align:center;color: #707070} .navbar.navbar-fixed-top2 .dropdown-submenu2 > a.active2:after{content:'\f077';color:#0F766E} .navbar.navbar-fixed-top2 .dropdown-menu > li{position:relative} .navbar.navbar-fixed-top2 .dropdown-menu > li a.plus-green{background:#f3f3f3;color: #b0b1b3; border-radius: 100%;width:20px;height:20px;position:absolute;right:16px;top:12px;} .navbar.navbar-fixed-top2 .dropdown-menu > li a.plus-green:after{content: "\eb0b";font-size: 15px;left: 2px;top: 0px; position: absolute;font-family: "tabler-icons" !important;} .navbar.navbar-fixed-top2 .dropdown-menu > li a.plus-green:focus{background:url(../img/Gray.png) no-repeat center top} .navbar.navbar-fixed-top2 .dropdown-menu > li a.plus-green:hover{opacity:.9;box-shadow:0 0 2px #0F766EBD;border-radius:40px} .navbar.navbar-fixed-top2 .dropdown-submenu2 .dropdown-menu > li a.plus-green{top:6px;right:0 !important;background:white;} .navbar.navbar-fixed-top2 .dropdown-menu > li.active a.plus-green{background:var(--teal);color: white;} a.plus-green{background:url(../img/plus-green.png) no-repeat center top;width:16px;height:16px;padding: 0px 10px;right:-3px;top:0.5px;position:relative;} .address-box > div > a.plus-green{background:url(../img/plus-green.png) no-repeat center top;width:16px;height:16px;padding: 0px 10px;right:-3px;top:0.5px;position:relative;} .address-box > div > a.plus-green:focus{background:url(../img/plus-green.png) no-repeat center top} .address-box > div > a.plus-green:hover{opacity:.9;box-shadow:0 0 2px #69CF7E;border-radius:40px} .address-box > div >.active a.plus-green{background:url(../img/plus-green.png) no-repeat center top!important} .navbar-fixed-top2 .nav li.barrcode1 a{background:url(../img/NewScan.svg) no-repeat scroll center center;padding:0;height:20px;margin:11px 16px 0 5px;width:20px} .navbar-fixed-top2 .nav li.chatbox a{background:url(../img/ChatSquare.svg) no-repeat scroll center center;padding:0;height:21px;margin:11px 12px 0 5px;width:27px;background-size:contain;} .navbar.navbar-fixed-top2 .nav .btn.btn-success{font-family:'HelveticaNeue-Bold'} .navbar.navbar-fixed-top2 .nav .btn.btn-success a{color:#FFF} .navbar.navbar-fixed-top2 .nav .btn.btn-success a:hover{background:none} body .ui-widget-overlay{-moz-opacity:.6;-o-opacity:.6;-webkit-opacity:.6;opacity:.6;background:#000} .navbar.navbar-fixed-top2 .nav .dropdown-toggle .caret{background:url(../img/arrow-white.png) no-repeat scroll 0 0;border:0 none;float:none;height:8px;margin-left:3px;margin-right:0;margin-top:6px;width:11px} .navbar.navbar-fixed-top2 .nav > li > a span.plus{background:url(../img/plus.png) no-repeat;display:inline-block;height:22px;margin:-2px 0 0;vertical-align:top;width:22px} .dashboard{padding:14px 0 0} .box-counter{border:1px solid #ddd;background-color:#fff;margin-bottom:20px;-moz-box-shadow:0 0 8px #ebebeb;-webkit-box-shadow:0 0 8px #ebebeb;-o-box-shadow:0 0 8px #ebebeb;box-shadow:0 0 8px #ebebeb} .box-counter h3{border-bottom:1px solid #ddd;line-height:normal;padding:9px 14px;text-transform:uppercase;margin:0 9px} .box-counter h3 span{font-family:Open Sans;font-weight:400} .box-counter-inner{padding:3px 14px 17px} .txt-green{color:#51a451} .po_stats_amount_green .txt-green{color:var(--green)} .lh-normal{line-height:normal} .tab-box,.common-box{background-color:#fff;border:1px solid #b1b1b1;margin-bottom:20px} .tab-box-head{border-bottom:1px solid #b1b1b1;padding:0 10px;margin-bottom:25px} .cbh{padding:11px;margin-bottom:15px;border-bottom:1px solid #b1b1b1} .tab-box-head span.txt18.pull-left{margin-top:10px} .tab-box-head .setting-sub-links li{border-bottom:3px solid #b7b7b7;margin-left:0} .tab-box-head .setting-sub-links li a{padding:17px 10px 3px;font-size:12px;color:#333} .dashboard .common-box .tab-box-head{border-bottom:0} /* kpi dashboard css start */ .dashboard .common-box.v2 {border-color:#DCDFE6;} .dashboard .common-box.v2 .tab-box-head{min-height:48px; border-bottom:1px solid #DCDFE6;color:#303133; padding: 12px 8px 12px 0;} .dashboard .common-box.v2 .common-box-inner{padding:16px;} .simple-table table{ width: 100%; margin-bottom: -1px;} .simple-table .tr-detail > td { padding:0;} .simple-table .tr-detail > td table td:first-child, .simple-table .tr-detail > td table th:first-child{ padding-left:33px;} .simple-table th,.simple-table td,.simple-table table.table th,.simple-table table.table td{ padding: 9px 12px; font-weight: 500; color:#1F2937;border-bottom:1px solid #DCDFE6; text-align: left; font-size: 14px;} .simple-table th{white-space: nowrap;} .simple-table td,.simple-table table.table td{ font-weight: 400;} .simple-table .tr-detail table tr th{ background-color: #F9FAFB;} .gridboxDashboard{ display: grid; grid-template-columns: repeat(2 , minmax(0, 1fr)) ; gap: 16px; box-sizing: border-box;} /* .gridboxDashboard > div:nth-child(1){ grid-column: span 2;} */ .ui-sortable-placeholder{ visibility: visible !important; background-color:#00ffcf12; min-height: 100px;} .gridboxDashboard.grid2col > div {grid-column:span 2;} .grid2ColChild{ grid-column: span 2;} .csv-icon {background: url(../img/csv-file.png) no-repeat;width: 20px;height: 21px;} .dropdown-menu.v2.v3 {box-shadow: 0 0 6px rgba(0,0,0,0.15);margin-top: 8px;} .dropdown-menu.v2.v3::after{display: none;} .simple-table tfoot tr td {font-weight: 600;} #location_payments_report strong{ font-weight: 500;} .footerBottom.v2{ position: relative; padding-bottom: 51px;} .footerBottom.v2 .common-box-inner{ border-top: 1px solid #DCDFE6; position: absolute; inset: auto 1px 1px;} .dashboard .icon173{ background-image: url("../img/iconInfo.png");width: 16px; height: 16px;} .v11input input[type=text]{ border-radius: 4px;border: 1px solid #DCDFE6;box-shadow: none;padding: 0 11px;min-height: 32px;margin: 0;width: 100%; } .v11input input[type=text]:hover{ box-shadow: none;border-color:#C0C4CC} .v11input input[type=text]:focus{ box-shadow: none;border-color:var(--teal)} .dropdownD.v2{ position: relative; background-color: white;width: 100%;height: 32px;padding: 4px 20px 4px 10px;border: 1px solid #DCDFE6; background-image: none; } .dropdownD.v2::before{ content: "\ea5f"; position: absolute; right: 4px ; font-size: 16px; font-family: tabler-icons;top: 50%;transform: translateY(-50%);} .dropdownD.v2:hover{border-color:#C0C4CC; box-shadow: none;} .dropdownD.v2.active{border-color:var(--teal); box-shadow: none;} /* kpi dashboard css End */ #chartdiv{height:350px} .paginationBox{background-color: #F9FAFB;border-top: 1px solid #DCDFE6;padding: 10px 16px;} .paginationBox .pagination ul > li > a,.paginationBox .pagination ul > li > span{border-color: #DCDFE6; border-radius: 6px; color: #303133; font-family: "Inter", sans-serif;} .paginationBox .pagination ul > .active > a,.paginationBox .pagination ul > .active > span{ border-color: transparent; color: white;} .paginationBox .pagination ul > li:first-child > a,.paginationBox .pagination ul > li:last-child > a {border-radius: 6px; border-radius: 6px;} .tab-box .salebox{border-bottom:1px dashed #acacac;margin-bottom:16px;padding-bottom:7px;color:#656464;margin-right:25px} .common-box-head{background-color:#fafafa;border-bottom:1px solid #ebedf3;border-radius:3px 3px 0 0;font-size:14px;margin:0;padding:4px 15px;text-transform:uppercase} .common-box .table-striped td{border:1px solid #ccc;padding:4px 5px;background-color:#f9f9f9;font-size:12px;height:47px} .common-box .table-striped tbody > tr:nth-child(2n+1) > th{border:1px solid #ccc;height:40px;padding:0 5px;font-family:OpenSans-Bold;background-color:#efefef;line-height:14px} .common-box .table-striped{margin:0} .common-box-inner{padding:15px;line-height:normal} .responsive-table{overflow-x:auto;overflow-y:hidden} .alert-box{background:#f2dedf url(../img/alert.png) no-repeat scroll 15px center;border:1px solid #d24343;color:#d24343;margin:20px 10px;padding-left:56px} .alert-box .desc{background-color:#fff;border-left:1px solid;line-height:24px;padding:11px 5px 11px 11px} i.icon-plus-white{background:url(../img/plus-white.png) no-repeat center center} i.icon-plus3{background:url(../img/plus-white3.png) no-repeat center center;width:17px;height:17px;margin-top:0} .setup-btn.green{box-shadow:0 1px 0 var(--teal) inset} .ui-dialog .form-actions .setup-btn.green{background-color:var(--teal);border-color:var(--teal);box-shadow:0 1px 0 var(--teal) inset} .setup-btn2.green, .ui-dialog .form-actions .setup-btn2.green{background-color:var(--teal);border-color:var(--teal);box-shadow:0 1px 0 var(--teal) inset} .btn-disable{opacity: 0.2} .progressbox{background-color:#f0f0f0;margin:0 auto 40px;max-width:650px;min-height:100px;padding:35px 0 20px;color:#676767;text-align:center} .progressbox .col-xs-4{margin-bottom:20px; padding:0 5px;} .progressbox .counter2{display:block;font-size:60px;line-height:37px;margin:4px 0 14px;color:#676767} .progressbox a.link2{font-size:16px;color:#676767;display:inline-block;padding-bottom:10px;position:relative} .progressbox a.link2:hover{text-decoration:underline} .clear{clear:both} .box{border:1px solid #ddd;padding:0 10px 10px;margin-bottom:15px;-moz-border-radius:4px;background:#fff;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;box-shadow:0 1px 1px 0 #ebebeb} .box .head{-moz-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;color:#fff;font-size:16px;font-weight:700;margin:0 -11px 10px;padding:8px 10px} .move{cursor:move} #sortable button.close2{background:url(../img/close.png) no-repeat;width:18px;opacity:1} #sortable button.close2:hover{opacity:1} button.close.minus,.closeMinus{border-color:#686868;border-style:solid;border-width:3px 1px 1px;height:5px;margin:0 8px 0 0;opacity:1;width:16px} button.close.minus.max,.closeMinus.max{height:12px} .min-box{border-color:#686868;border-style:solid;border-width:3px 1px 1px;height:1px;cursor:pointer;float:right;margin:8px 8px 0 0;width:16px;box-sizing:content-box} .max-box{height:8px} .alert{background-color:#fcf8e3;border:1px solid #fbeed5;border-radius:4px;margin-bottom:20px;padding:8px 35px 8px 14px;text-shadow:0 1px 0 rgba(255,255,255,0.5)} .alert,.alert h4{color:#c09853} .alert h4{margin:0} .alert .close{line-height:20px;position: relative;right: -30px;top: -2px;font-size: 35px;text-align: center;min-width: 30px;} .alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847} .alert-success h4{color:#468847} .alert-danger,.alert-error{background:#fbeeee;background:-moz-linear-gradient(top,rgba(251,238,238,1) 0%,rgba(241,220,220,1) 2%,rgba(231,195,195,1) 100%);background:-webkit-linear-gradient(top,rgba(251,238,238,1) 0%,rgba(241,220,220,1) 2%,rgba(231,195,195,1) 100%);background:linear-gradient(to bottom,rgba(251,238,238,1) 0%,rgba(241,220,220,1) 2%,rgba(231,195,195,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbeeee',endColorstr='#e7c3c3',GradientType=0);border-color:#dca7a7;color:#b94a48;box-shadow:0 1px 0 #fbeeee inset} .alert-danger h4,.alert-error h4{color:#b94a48} .alert-info{background-color:#0D948812;border-color:#bce8f1;color:var(--teal)} .alert-info h4{color:var(--teal)} .alert-block{padding-bottom:14px;padding-top:14px} .alert-block > p,.alert-block > ul{margin-bottom:0} .alert-block p + p{margin-top:5px} .box .alert h4{background:url(../img/error.png) no-repeat scroll left top;color:red;font-size:14px;padding:2px 0 7px 33px} .box .table-striped tbody > tr:nth-child(2n+1) > th{background:#e8e8e8;background:-moz-linear-gradient(top,rgba(232,232,232,1) 0%,rgba(205,205,205,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(232,232,232,1)),color-stop(100%,rgba(205,205,205,1)));background:-webkit-linear-gradient(top,rgba(232,232,232,1) 0%,rgba(205,205,205,1) 100%);background:-o-linear-gradient(top,rgba(232,232,232,1) 0%,rgba(205,205,205,1) 100%);background:-ms-linear-gradient(top,rgba(232,232,232,1) 0%,rgba(205,205,205,1) 100%);background:linear-gradient(to bottom,rgba(232,232,232,1) 0%,rgba(205,205,205,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8',endColorstr='#cdcdcd',GradientType=0);border-color:#ccc #c8c8c8} .box .table-striped tbody > tr:nth-child(2n+1) > td{background:#e8e8e8;background:-moz-linear-gradient(top,rgba(232,232,232,1) 0%,rgba(237,237,237,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(232,232,232,1)),color-stop(100%,rgba(237,237,237,1)));background:-webkit-linear-gradient(top,rgba(232,232,232,1) 0%,rgba(237,237,237,1) 100%);background:-o-linear-gradient(top,rgba(232,232,232,1) 0%,rgba(237,237,237,1) 100%);background:-ms-linear-gradient(top,rgba(232,232,232,1) 0%,rgba(237,237,237,1) 100%);background:linear-gradient(to bottom,rgba(232,232,232,1) 0%,rgba(237,237,237,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8',endColorstr='#ededed',GradientType=0)} .box + .box table th:first-child{min-width:35%} .box table td,.box table th{border:1px solid #ccc;height:38px;padding:5px 9px;text-align:left} .next7{background:url(../img/icon.png) no-repeat;margin-top:3px;padding:2px 0 3px 30px} .r4px{-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px} .boxinner{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;float:left;margin:0 .5% 10px;padding:10px;width:19%} .boxinner:hover{border-color:#4f4f4f} .boxinner .imgbox{line-height:normal;margin-bottom:16px} .boxinner .imgbox i.icon-user2{background:url(../img/user2.png) no-repeat;height:32px;width:32px} .boxinner .imgbox i.icon-cechkbox{background:url(../img/checked.png) no-repeat;height:32px;width:32px} .boxinner .imgbox i.icon-arrowbox{background:url(../img/arrowbox.png) no-repeat;height:32px;width:32px} .boxinner .imgbox i.icon-invoice{background:url(../img/invoice.png) no-repeat;height:32px;width:32px} .boxinner .imgbox i.icon-calculator{background:url(../img/calculator.png) no-repeat;height:32px;width:32px} .boxinner span{font-family:Arial,Helvetica,sans-serif;font-size:30px;color:#39464e;font-weight:700;vertical-align:top} .boxinner a{color:#39464e;display:inline-block;font-size:18px;font-weight:700;margin-left:5px} #footer{color:#fff;border:0;border-top:1px solid #ccc;padding:10px 0;min-height:50px;margin-top:10px;background-color:#134E4A} .icon-question{background:url(../img/question.png) no-repeat scroll center center;border-right:1px solid #ccc;height:28px;margin:-6px 12px -5px -12px;width:28px} .icon-question.icon-white{background-image:url(../img/question2.png);border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);box-shadow:10px 0 5px -2px rgba(0,0,0,0.05)} .btn-info .icon-question.icon-white{box-shadow:1px 0 0 0 #57c8e9} .btn-inverse .icon-question.icon-white{box-shadow:1px 0 0 0 #505050} /* #295B57 */ .side-nave-left{background-color:transparent;margin-bottom: -10px;min-height:521px;height:auto!important} .bs-docs-sidenav{list-style:outside none none;margin:0;padding:0} .bs-docs-sidenav > li > a:focus{text-decoration:none} .bs-docs-sidenav > li > a{color:#fff;display:block;font-size:14px;margin:0;padding:8px 14px;background-color:#295B57} .bs-docs-sidenav > li.active > a,.bs-docs-sidenav > li.active:hover > a{background-color:#134E4A;color:#fff;font-family:OpenSans-Bold} .bs-docs-sidenav > li:hover > a{background-color:#134E4A;text-decoration:none;font-family:OpenSans-Bold} .bs-docs-sidenav .icon-chevron-right{display:none} #main-height .breadcrumbs,.breadcrumbs2{background-color:#f6f6f6;border-radius:4px;margin:0 0 10px;padding:7px} .boxmain{border:1px solid #ccc;padding:10px 20px} .heading{font-family:HelveticaNeue-Bold;font-size:24px;color:#121416;margin:0} .custome-table td{padding:11px 8px} .custome-table td strong{display:inline-block;padding-right:3%;text-align:right;width:17%} .custome-table td input{margin:0 10px 0 0;width:45%} .custome-table td input[type=checkbox],.custome-table td input[type=radio]{width:auto;margin:0} #storeBox .storeBoxInner{display:inline-block;vertical-align:middle} input[type="radio"],input[type="checkbox"]{margin:0;accent-color:var(--teal)} .storeName{min-width:100px;display:inline-block} .custome-table .input-prepend.input-append{width:47%} .custome-table td input.span2{margin:0;width:80%} .icon-pencil2{background:url(../img/pencil.png) no-repeat scroll center 0;height:16px;width:25px} .custome-table .input-append.input-prepend{margin-bottom:0} .custome-table .imgbox{border:1px solid #ccc;padding:5px;display:inline-block} .custome-table select.big{width:46.8%} .custome-table tfoot tr td{background-color:#f5f5f5} .boxmain .progressbox{width:312px} .boxmain .open-jobs,.boxmain .field-jobs,.boxmain .critical{font-size:18px;margin-top:27px} .boxmain .open-jobs-txt,.boxmain .field-jobs-txt,.boxmain .critical-txt{font-size:14px;width:auto;margin:32px 0 20px} .boxmain .critical-txt{margin-left:14px;margin-right:8px} .filterbox{border:1px solid #ccc;margin-bottom:10px} .filterbox form{margin:0} .filterbox header{background-color:#fbfbfc;padding:10px;font-size:18px;font-family:OpenSans-Bold;-moz-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0} .filterbox footer{background-color:#fbfbfc;padding:10px;-moz-border-radius:0 0 4px 4px;-o-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px} .filterbox article{background-color:#f7f7f9;padding:10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:11px;font-family:"OpenSans-Bold";text-transform:uppercase} .filterbox article .control-group{margin-bottom:0} .filterbox article .chosen-container-single{font-size:14px;text-transform:none;font-family:'Helvetica';margin-bottom:10px} .chosen-container-single .chosen-single{-moz-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;-ms-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;-o-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset} .filterbox article input[type="text"]{-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:32px;width:220px;max-width:100%} .filterbox article select{max-width:100%} .filterbox article label{font-size:11px} .nav-pills.nav-pills-custom{margin-bottom:10px} .nav-pills.nav-pills-custom > li > a{-moz-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#333;font-size:12px;line-height:normal;margin:2px;padding:3px 10px} .nav-pills.nav-pills-custom > .active > a,.nav-pills.nav-pills-custom > .active > a:hover,.nav-pills.nav-pills-custom > .active > a:focus{color:#fff;background-color:#7f7f7f} .table td{padding:13px 5px} .table-wrapper .btn-toolbar{display:none;min-height:33px} .label{font-family:"Arial-Black";font-size:10px;font-weight:400;min-width:77px;padding:4px 6px;text-align:center;text-transform:uppercase} .label-warning{background-color:#ff7607} .label-danger{background-color:#f61a0a} .label-important{background-color:#17b5d7} .label-blue{background-color:#17ccf3} .label-orange2{ background-color:#ffcc99} .label-success,.badge-success{background-color:#43c35e} .label-inverse,.badge-inverse{background-color:#ff0303} .label-success.Invoiced{background-color:#3c792e} .label-black{background-color:#5a5a5a} .label-inverse.Waiting-For-Parts{background-color:#2c425e} .label-inverse.Repair-Awaiting-Collection{background-color:#af9b4b} .nav-tabs2{margin:0;border:0} input[type=text].hasDatepicker,input[type=text].datepicker{background:#fff url(../img/newCalender.png) no-repeat 99% center} .buttonbox{float:right;text-align:right} .buttonbox a{margin-right:5px} .nav-tabs2 > li:first-child > a{-moz-border-radius:4px 0 0;-o-border-radius:4px 0 0 0;-webkit-border-radius:4px 0 0 0;border-radius:4px 0 0 0} .nav-tabs2 > li > a{background-color:#ddd;color:#191b1e;font-size:14px;text-transform:uppercase;font-weight:700;min-width:70px;text-align:center;-moz-border-radius:0;-o-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:0 0 0 1px #e9e9e9 inset;-o-box-shadow:0 0 0 1px #e9e9e9 inset;-webkit-box-shadow:0 0 0 1px #e9e9e9 inset;box-shadow:0 0 0 1px #e9e9e9 inset;text-shadow:-1px -1px 0 #e8e8e8,1px -1px 0 #e8e8e8,-1px 1px 0 #e8e8e8,1px 1px 0 #e8e8e8} .nav-tabs2 > li.active > a{text-shadow:-1px -1px 0 #f6f6f6,1px -1px 0 #f6f6f6,-1px 1px 0 #f6f6f6,1px 1px 0 #f6f6f6;-moz-box-shadow:0 0 0 1px #fafafa inset;-o-box-shadow:0 0 0 1px #fafafa inset;-webkit-box-shadow:0 0 0 1px #fafafa inset;box-shadow:0 0 0 1px #fafafa inset} .nav-tabs2 > li.last > a{-moz-border-radius:0 4px 0 0;-o-border-radius:0 4px 0 0;-webkit-border-radius:0 4px 0 0;border-radius:0 4px 0 0} .nav-tabs2 > li:first-child.last > a{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0} .boxarrow .arrow{background:#fff;background:-moz-linear-gradient(top,#fff 0%,#fcfcfc 2%,#e7e7e7 100%);background:-webkit-linear-gradient(top,#fff 0%,#fcfcfc 2%,#e7e7e7 100%);background:linear-gradient(to bottom,#fff 0%,#fcfcfc 2%,#e7e7e7 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e7e7e7',GradientType=0);border:1px solid #b3b3b3;color:#333;display:inline-block;font-size:12px;min-width:50px; position:relative; text-align:center;font-family:OpenSans-Semibold;line-height:normal;margin:0 0 0 3px;padding:3px 15px 3px 10px;vertical-align:middle;box-sizing:content-box} .boxarrow .arrow i.icon-down-arrow{background:url(../img/arrowbox2.png) no-repeat scroll 0 0;height:6px;width:8px; position:absolute; right:5px; top:8px;} .boxarrow .arrow:hover{background:-moz-linear-gradient(top,#e7e7e7 0%,#fcfcfc 98%,#fff 100%);background:-webkit-linear-gradient(top,#e7e7e7 0%,#fcfcfc 98%,#fff 100%);background:linear-gradient(to bottom,#e7e7e7 0%,#fcfcfc 98%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7',endColorstr='#ffffff',GradientType=0)} .boxarrow > .dropdown-menu{left:auto;right:0;border-radius:0;padding:0;border-color:#eae9e9;} .boxarrow > .dropdown-menu span.carret-top2{background:url(../img/caret-top2.png) no-repeat scroll 0 0;height:9px;position:absolute;right:0;top:-9px;width:16px} .custom-table4 table tr:last-child .boxarrow .dropdown-backdrop,.custom-table4 table tr:nth-last-child(2) .boxarrow .dropdown-backdrop ,.custom-table4 table tr:nth-last-child(3) .boxarrow .dropdown-backdrop,.custom-table4 table tr:nth-last-child(4) .boxarrow .dropdown-backdrop { display:none !important;} .custom-table4 table tr:last-child .boxarrow ,.custom-table4 table tr:nth-last-child(2) .boxarrow ,.custom-table4 table tr:nth-last-child(3) .boxarrow ,.custom-table4 table tr:nth-last-child(4) .boxarrow { width:82px;} .custom-table4 table tr:last-child .boxarrow > .dropdown-menu,.custom-table4 table tr:nth-last-child(2) .boxarrow > .dropdown-menu,.custom-table4 table tr:nth-last-child(3) .boxarrow > .dropdown-menu,.custom-table4 table tr:nth-last-child(4) .boxarrow > .dropdown-menu{float: right;position: static;} .custom-table4 table tr:last-child .boxarrow > .dropdown-menu span.carret-top2,.custom-table4 table tr:nth-last-child(2) .boxarrow > .dropdown-menu span.carret-top2,.custom-table4 table tr:nth-last-child(3) .boxarrow > .dropdown-menu span.carret-top2,.custom-table4 table tr:nth-last-child(4) .boxarrow > .dropdown-menu span.carret-top2{float: right;position: relative;} #ticket-section .boxarrow > .dropdown-menu > li a,.boxarrow2 > .dropdown-menu > li a{border-bottom:1px solid #eae9e9;padding:7px 10px} .boxarrow > .dropdown-menu > li a:hover,.boxarrow > .dropdown-menu > li a:focus{background:var(--teal)} .boxarrow .dropdown-menu i{background:url(../img/all1.png) no-repeat;width:18px;display:inline-block;margin-right:4px} .boxarrow > .dropdown-menu > li a:hover i,.boxarrow > .dropdown-menu > li a:focus i{background:url(../img/all1.png) no-repeat} .boxarrow .dropdown-menu .icon-uplod{height:18px} .boxarrow > .dropdown-menu > li a:hover .icon-uplod,.boxarrow > .dropdown-menu > li a:focus .icon-uplod{ background-position:0 -19px} .boxarrow .dropdown-menu .icon-pre{background-position:0 -39px;height:18px} .boxarrow > .dropdown-menu > li a:hover .icon-pre,.boxarrow > .dropdown-menu > li a:focus .icon-pre{ background-position:0 -58px} .boxarrow .dropdown-menu .icon-notes{background-position:0 -78px;height:17px} .boxarrow > .dropdown-menu > li a:hover .icon-notes,.boxarrow > .dropdown-menu > li a:focus .icon-notes{ background-position:0 -96px} .boxarrow .dropdown-menu .icon-comments{background-position:0 -114px;height:19px} .boxarrow > .dropdown-menu > li a:hover .icon-comments,.boxarrow > .dropdown-menu > li a:focus .icon-comments{ background-position:0 -133px} .boxarrow .dropdown-menu .icon-del{background-position:0 -154px;height:17px} .boxarrow > .dropdown-menu > li a:hover .icon-del,.boxarrow > .dropdown-menu > li a:focus .icon-del{ background-position:0 -174px} .boxarrow .dropdown-menu .icon-add{background-position:0 -195px;height:15px;margin-top:3px} .boxarrow > .dropdown-menu > li a:hover .icon-add,.boxarrow > .dropdown-menu > li a:focus .icon-add{ background-position:0 -213px} .dropdown-submenu.pull-left > .dropdown-menu{margin-left:12px;left:auto;right:100%} .pagination ul > li > a,.pagination ul > li > span{border:1px solid #b1b1b1;font-family:OpenSans-Bold;margin-right:5px;min-width:30px;padding:5px 3px;text-align:center;border-radius:2px} .pagination ul > li > a:hover,.pagination ul > li > a:focus,.pagination ul > .active > a,.pagination ul > .active > span{background-color:var(--teal);color:#fff;border-color:var(--teal)} .pagination ul > li:first-child > a,.pagination ul > li:first-child > span{border-bottom-left-radius:2px;border-top-left-radius:2px} .pagination ul > li:last-child > a,.pagination ul > li:last-child > span{border-bottom-right-radius:2px;border-top-right-radius:2px} .table thead th,.table th,.table td{vertical-align:middle} .nav-tabs > li > a,.nav-pills > li > a{margin-left:10px;margin-right:-10px} .invoicedetail{background-color:#f9f9f9;padding:0 0 0 10px;margin-bottom:20px} .invoicedetail table{margin-top:15px} .invoicedetail label{cursor:default;font-family:OpenSans-Semibold;font-size:13px;margin:0;padding-right:7px;text-align:right} .red{color:red;font-family:Verdana,Geneva,sans-serif} .invoicedetail .row{margin:0} .invoicedetail .span4.last{border:0} .addnew{background-color:var(--teal);color:#fff;display:block;-moz-border-radius:0 0F 4px 4px;-o-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;padding:7px 10px} .addnew:hover{color:#fff} .addblueplus{background-color:var(--teal);color:#fff;padding:7px 0} .smallField,.ui-dialog input.smallField,.ui-dialog select.smallField,input.textField.smallField,.v2input input[type="text"].smallField,.v2input input[type="password"].smallField,.v2input textarea.smallField,select.textField.smallField,.v2input select.smallField{width:130px} .lp20{padding-left:20px} .uponReceipt{background:url(../img/calander2.png) no-repeat scroll 0 center;color:#e74c3c;display:inline-block;padding-left:19px;position:absolute} .invoicePage2 .uponReceipt{margin:0} .invoicedetail ul{list-style:none;margin:0} .invoicedetail ul label{display:inline-block;width:63px} .invoicedetail ul li{border-bottom:1px solid #f1f1f1;padding:20px 0 10px} .invoicedetail ul li:last-child{border-bottom:0} .invoicedetail input{box-shadow:none;padding:5px;margin:5px 0} .invoicedetail ul li input,.invoicedetail ul li textarea{width:300px} .custom-table2.table td input,.custom-table2.table td select{-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;min-height:32px;padding:0 0 0 2px} .custom-table2.table td input.smallField{width:62px} input,textarea,.uneditable-input,select{max-width:100%} .newline{background:url(../img/greenPlus.png) no-repeat scroll left 3px;color:var(--teal);float:left;padding-left:19px} #_parts .newline{display:inline-block;float:none;margin:0 0 13px} #_parts .newline,.newline2{background:url(../img/plus-grey.png) no-repeat scroll 0 2px;color:var(--teal);display:inline-block;float:none;cursor:pointer;font-size:13px;margin:-12px 0 10px;padding-left:23px} #_repair .newline,.newline3{height: 32px; border-radius: 6px; background:var(--teal) url(../img/plus-white1.png) no-repeat scroll 10px center;border:1px solid var(--teal);box-shadow:0 1px 0 var(--teal) inset;color:#fff;cursor:pointer;display:inline-block;float:none;text-transform:uppercase;font-family:OpenSans-bold;margin:0 0 10px;padding:6px 14px 9px 30px} .icon-plus1{background:url(../img/plus-white1.png) no-repeat;vertical-align:middle} #_repair .newline:hover{text-decoration:none} #_repair #deivces-container{display:inline-block;vertical-align:top} #_repair .search-filter input[type="text"]{height:32px;border-color:#D1D5DB; border-radius: 6px; padding-left: 12px; padding-right: 12px; color: var(--gray-700); font-weight: normal; margin-bottom: 0 !important;} #_repair .search-filter input[type="text"]::placeholder{color: #9CA3AF;} #_repair .search-filter button{top:6px; padding-right: 12px;} #_repair .search-filter button .icon-search{background:url(../img/search5.png) no-repeat} #casual .search-filter button .icon-search{background:url(../img/search5.png) no-repeat} #_parts .newline{margin-top:-4px} .newline2.addCasuals{margin-top:4px} .newline:hover{text-decoration:underline} .search-filter{max-width:295px;position:relative} .search-filter input[type=text]{height:32px;border-color:#D1D5DB; border-radius: 6px; padding-left: 12px; padding-right: 12px; color: var(--gray-700); font-weight: normal; margin-bottom: 0 !important;} .search-filter input[type="text"]::placeholder{color: #9CA3AF;} .search-filter button{background:none;border:0 none;position:absolute;right:0;top:7px} #repair-add .checkbox-prety label{text-align:center} .totalbox .table tr:first-child th,.totalbox .table tr:first-child td{border-top:0} .totalbox{border:1px solid #ccc;float:right;font-family:"Open Sans";font-size:14px;width:33.33%} .totalbox span{font-family:OpenSans-Bold} .totalbox hr{margin:4px 0 0;border-top-color:#e6e6e6} .totalboxInner{border-bottom:1px solid #ccc;line-height:30px;padding:13px 20px 0} .totalboxInner .smallField{width:65px} .totalboxInner-left{float:left} .totatboxInner-right{float:right} .totalboxFooter{font-weight:700;padding:10px 20px} .totalbox .pull-right{min-width:76px} .buttonBox{background-color:#f4f8fe;padding:10px 0;text-align:center} .buttonBox .btn-large{font-family:Open Sans;font-size:24px;font-weight:600;padding:16px 21px 19px} .invoicedetail h3{font-family:OpenSans-Light;font-size:24px;font-weight:400;margin:0 0 15px} .invoicedetail h3 .hide{display:none;width:50px} .invoicedetail h3 strong{font-family:'OpenSans-Semibold'} .invoicedetail .address{color:#787878;font-size:14px} table #customer_info.address{padding:0} .invoicedetail .address h4,.invoicedetail .address h5{color:#010101;font-weight:400;text-transform:capitalize;margin:0 0 3px} label.edit-option{display:inline-block} .edit-option i.icon-pencil{margin-left:3px;display:none;cursor:pointer} .edit-option:hover i.icon-pencil{display:inline-block} .invoicePage3 .invoicedetail{background:none;padding:0} .invoicePage3 .invoicedetail h3{font-size:30px;line-height:normal;text-align:right;float:left} .invoicedetail h3 span,.invoicedetail2 h3 span{font-family:Open Sans;font-size:12px;color:var(--teal);line-height:normal;display:block;font-weight:400} .invoicedetail #customer_info{padding:10px 0 0 81px} .invoicePage3 .invoicedetail .address{border-bottom:1px solid #ccc;margin-top:10px;padding-bottom:8px} .invoicePage3 .invoicedetail .address.last{border:none} .invoicePage3 .invoicedetail h2{font-size:20px;line-height:normal} .setting-d2{border:1px solid #e1e1e8;cursor:pointer;font-family:OpenSans-Semibold;margin:0 9px 9px 0;min-width:43px} .icon-trash{background:url(../img/remove2.png) no-repeat scroll 0 0;height:15px;width:11px} .icon-upload{background:url(../img/upload2.png) no-repeat scroll 0 0;height:15px} .icon-plus{background:url(../img/plus-black.png) no-repeat scroll 0 0;height:16px;width:16px} .setting-d2 > a{padding:2px 10px;color:#333;display:block} .nav-tabs2 > li.setting-d,.nav-tabs4 > li.setting-d{float:right} .nav-tabs2 > li.setting-d span,.nav-tabs4 > li.setting-d span{border:1px solid #ccc;border-radius:4px 4px 0 0;background-color:#fff;border-bottom:0;cursor:pointer;margin-bottom:-1px;display:block;margin-right:10px;padding:8px 10px 7px;font-family:OpenSans-Semibold} .nav-tabs4 > li.setting-d span{padding:6px 10px} .nav-tabs2 > li.setting-d .dropdown-menu,.nav-tabs4 > li.setting-d .dropdown-menu{left:auto;margin:0;padding:0;font-size:13px;right:10px;font-family:OpenSans-Semibold} .nav-tabs2 > li.setting-d .dropdown-menu > li > a:hover,.nav-tabs2 > li.setting-d .dropdown-menu > li > a:focus,.nav-tabs2 > li.setting-d .dropdown-submenu:hover > a,.nav-tabs2 > li.setting-d .dropdown-submenu:focus > a,.nav-tabs4 > li.setting-d .dropdown-menu > li > a:hover,.nav-tabs4 > li.setting-d .dropdown-menu > li > a:focus,.nav-tabs4 > li.setting-d .dropdown-submenu:hover > a,.nav-tabs4 > li.setting-d .dropdown-submenu:focus > a{background:#eee;color:#000} .tag{position:relative;width:160px} .tag img{position:absolute;max-height:unset} .tag img.due,.tag img.paid{right:101px;top:-75px;max-height:none} .tag img.process{right:100px;top:-10px} .tag2{display:none;float:right;width:94px} .invoicedetail h1{text-align:center;text-align:right;font-size:30px;font-family:'OpenSans-Bold';line-height:normal} .invoicedetail h1 span{font-family:Open Sans;font-size:14px;font-weight:400} .invoicebox{border:1px solid #ddd;font-size:16px} .invoicebox .invoicebox-left{float:left;width:50%;background-color:#ddd} .invoicebox ul li{border-bottom:1px solid #b9b9b9;border-top:1px solid #ededed;padding:11px 5px 11px 10px} .invoicebox ul li:first-child{border-top:none} .invoicebox ul li:last-child{border-bottom:none} .invoicebox .invoicebox-right{float:right;width:50%} .invoicebox-right ul li{border-top:1px solid #f7f7f7;border-bottom:1px solid #dedede} .note{float:left;color:#787878;font-size:14px;line-height:24px;width:60%;white-space:normal} .note .inner-note{min-height:272px} .note h3{font-size:18px;margin:0;font-family:'OpenSans-Semibold';line-height:normal} .note p{max-width:432px;margin-bottom:40px} .dell{background:url(../img/dell.png) no-repeat scroll left 5px;color:#ff0101;display:inline-block;font-size:14px;margin:-13px 0 20px 3px;padding-left:20px;text-decoration:underline;font-weight:700} .dell:hover{color:#ff0101} .custom-table3 th,.grid-view .custom-table3 th a.sort-link{background-color:#f1f6fe;color:var(--teal);font-family:OpenSans-Bold} .grid-view .custom-table3 .button-column{text-align:left} .editTicket .setting-d,.viewInvoice .setting-d{border:1px solid #e1e1e8;float:right;margin:0 9px 9px 0;padding:2px 10px;cursor:pointer;min-width:43px;font-family:OpenSans-Semibold} .viewInvoice .btn2.setting-d{width:auto;background:#fff;background:-moz-linear-gradient(top,#fff 0%,#fff 21%,#e2e2e2 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(21%,#fff),color-stop(100%,#e2e2e2));background:-webkit-linear-gradient(top,#fff 0%,#fff 21%,#e2e2e2 100%);background:-o-linear-gradient(top,#fff 0%,#fff 21%,#e2e2e2 100%);background:-ms-linear-gradient(top,#fff 0%,#fff 21%,#e2e2e2 100%);background:linear-gradient(to bottom,#fff 0%,#fff 21%,#e2e2e2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e2e2e2',GradientType=0)} .viewInvoice .btn2.setting-d:hover{background:#e2e2e2;background:-moz-linear-gradient(top,#e2e2e2 0%,#fff 100%,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e2e2e2),color-stop(100%,#fff),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#e2e2e2 0%,#fff 100%,#fff 100%);background:-o-linear-gradient(top,#e2e2e2 0%,#fff 100%,#fff 100%);background:-ms-linear-gradient(top,#e2e2e2 0%,#fff 100%,#fff 100%);background:linear-gradient(to bottom,#e2e2e2 0%,#fff 100%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2',endColorstr='#ffffff',GradientType=0)} .btn2.setting-d .caret{margin-top:10px} .menu-right{left:auto;right:0} .editTicket-heading{font-size:30px;font-weight:400;margin:27px 0 -100px 10px;width:415px} .editTicket-heading span{color:var(--teal);display:block;font-family:Open Sans;font-size:12px;line-height:normal} .editTicket .fckBox.box2{min-height:0;margin:20px 0; border:0;} .tab-content6 .fckBox.box2{ border:0;} .editTicket .invoicedetail h3{font-size:30px;margin-top:15px} .editTicket .tab-content h3,.viewInvoice .tab-content h3,.heading3{font-family:OpenSans-Bold;font-size:14px;line-height:normal;margin:3px 0 13px} .commentbox{float:left;width:65%} .supplied{font-size:13px;font-family:OpenSans-Semibold} .supplied input[type=checkbox]{display:inline-block;margin:0 0 0 7px;vertical-align:sub} .commentbox h5{color:#787878;font-family:OpenSans-semibold;margin-top:50px;font-size:18px} .commentbox textarea{color:#787878;font-size:14px;line-height:24px;min-height:100px;width:65%} .textareaSmall{height:20px;margin:0;width:206px} .editTicket .custom-table2.table td input.smallField{width:111px} .editTicket .custom-table2.table .datetimepicker input.smallField{width:150px} .editTicket .custom-table2.table td input.tiny{width:64px} .fckBox{background-color:#f9f9f9;margin-top:15px} .fck-head > div{display:inline-block;margin:0 5px 10px 0} .fck-head > div .inline{padding:0} .icon-rocket{background:url(../img/rocket.png) no-repeat;width:18px;height:17px} .fckBox .footer{background-color:transparent;margin:0;padding:10px 0 20px} .fckBox #comments .control-group{display:inline-block} .nav-tabs3{border:0 none;margin:0} .nav-tabs3 > li > a{margin:0 3px 0 0} .nav-tabs3 > li > span.filler{display:none} .nav-tabs3 > li.active > span.filler{background-color:#fff;border-left:1px solid #ccc;display:block;margin:-8px 0 0;position:absolute;width:10px} .invoicePage .tab-content3,.tab-content3{background-color:#fff} .fckBox .table td{border:0 none;line-height:normal} .table label,.table input,.table select,.table textarea{margin:0;cursor:default} .inline{display:inline-block;padding:0 10px 0 20px} select.smallField{width:129px} .full{width:100%;box-sizing:border-box;max-width:none} .tinyField{width:50px} .editTicket .invoicedetail ul label{width:145px} .invoicedetail input[type=checkbox]{width:auto} .editTicket .invoicedetail ul li p{padding-left:25px;margin:8px 0 0} .icon-arrow-round{background:url(../img/arrow-round.png) no-repeat;height:15px;width:17px} #customer .history{text-decoration:underline;margin:0 5px} #yw0{margin:0} .viewInvoice .invoicedetail{background-color:#d9edf7;border:1px solid #61bde8;color:#1659a4;font-size:14px;line-height:26px;padding:12px 20px} .viewInvoice .invoicedetail strong{font-family:OpenSans-Bold} .commentbox p{color:#787878;font-size:14px;width:74%;line-height:24px} .viewInvoice .inline{padding:0 6px 0 15px} .viewInvoice .fckBox select.smallField{width:100px} .filterbox.filterbox2 header{background:#e8e8e8;background:-moz-linear-gradient(top,#e8e8e8 0%,#cdcdcd 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e8e8e8),color-stop(100%,#cdcdcd));background:-webkit-linear-gradient(top,#e8e8e8 0%,#cdcdcd 100%);background:-o-linear-gradient(top,#e8e8e8 0%,#cdcdcd 100%);background:-ms-linear-gradient(top,#e8e8e8 0%,#cdcdcd 100%);background:linear-gradient(to bottom,#e8e8e8 0%,#cdcdcd 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8',endColorstr='#cdcdcd',GradientType=0);-moz-border-radius:4px 4px 0 0;-ms-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0} .filterbox.filterbox2 article{background-color:#f9f9f9;font-family:'Open Sans';font-size:14px;text-transform:none;padding:10px 20px;display:block} .filterbox.filterbox2 article h3{font-size:22px;font-weight:400;margin:0} .filterbox.filterbox2 article span{font-family:'OpenSans-Bold'} .filterbox.filterbox2 article hr{margin:20px -10px} .filterbox.filterbox2 .btn-success{background:none repeat scroll 0 0 var(--teal);font-family:OpenSans-Bold;font-size:16px;margin-bottom:10px;min-width:140px;padding:13px 10px 13px 57px;position:relative} .filterbox.filterbox2 .btn-success span{border-right:1px solid #4dd068;height:100%;left:0;position:absolute;top:0;width:47px} .filterbox.filterbox2 .btn-success span i{border-right:1px solid var(--teal);height:100%;margin:0;width:46px} i.icon-b1{background:url(../img/b1.png) no-repeat center center} i.icon-b2{background:url(../img/signature2.png) no-repeat center center} i.icon-calculator2{background:url(../img/calculator2.png) no-repeat center center} i.icon-payment{background:url(../img/payment-icon.png) no-repeat center center} i.icon-download2{background:url(../img/download.png) no-repeat center center} .filterbox.filterbox2 footer{background-color:#fff;display:block} .filterbox.filterbox2 footer .printer{color:var(--teal);border:none;background:url(../img/printer.png) no-repeat left center;padding-left:25px;margin-left:12px;display:inline-block} .margin-zero{margin:0!important} .pagination-no-margin .pagination{margin:0} .add-detail .boxmain{padding:10px;margin-bottom:15px} .add-detail-heading{background-color:#f4f8fe;-moz-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;color:var(--teal);font-size:22px;font-weight:400;margin:-10px -10px 10px;padding:10px 10px 13px} .shadow-bottom{-moz-box-shadow:0 3px 3px -3px;-o-box-shadow:0 3px 3px -3px;-webkit-box-shadow:0 3px 3px -3px;box-shadow:0 3px 3px -3px} .add-detail-inner{background-color:#f9f9f9;margin-bottom:10px;padding:10px;min-height:300px} .add-detail-inner h3{font-size:22px;font-weight:400;line-height:normal;margin:0} .label-inline label{display:inline-block;min-width:130px} .label-inline .control-group > div{display:inline-block;min-width:264px} .v2input .label-inline .control-group > div{min-width:264px} .label-inline .control-group > div .chosen-container{margin-left:-3px} .label-inline2 label{display:inline-block;min-width:168px;font-family:OpenSans-Semibold;padding-right:3px} .label-inline2 .control-group > div{display:inline-block;min-width:264px} .label-inline2 .control-group > div .chosen-container{margin-left:-4px} .v-align-top{vertical-align:top;padding-top:5px} .nav-tabs > li.add-item-li a.btn{border-radius:4px;box-shadow:none;line-height:normal;margin:2px 4px 0 0;padding:4px 6px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#5bb75b;*background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);background-repeat:repeat-x;border-color:#51a351 #51a351 #387038;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)} .nav-tabs > li.add-item-li a.btn:hover{background-position:0 28px} .nav-tabs > li.add-item-li a.btn i.icon-plus-sign{margin:2px} .nav-tabs > li.add-item-li a.green{ border-radius: 0;color: #fff;padding: 7px 10px;} .nav-tabs > li.add-item-li a.green:hover,.nav-tabs > li.add-item-li a.green:focus{background-color: var(--teal);border-color: var(--teal); box-shadow: 0 0 3px inset;} ul.nav-tabs4{border:0 none;margin-bottom:0} .nav-tabs4 > li:first-child{margin-left:10px} .nav-tabs4 > li:first-child > a{border-top-left-radius:4px} .nav-tabs4 > li:nth-last-child(3) > a{border-radius:0 4px 0 0} .nav-tabs4 > li > a{background-color:#d9d9d9;border-left:1px solid #e9e9e9;border-radius:0;border-right:1px solid #cfcfcf;color:#7e7e7e;font-family:OpenSans-Bold;font-size:11px;font-weight:400;line-height:normal;margin:0;min-width:0;padding:8px 7px;text-shadow:1px 1px #fff} .btn{padding:5px 12px} .pos-main{margin-top:-11px; background-color: #F3F4F6;padding-bottom: 16px;margin-bottom: -10px;} .row-fluid .left-column{width:45%;margin:0} .row-fluid .right-column{width:55%;margin:0} .basket{padding:0 16px} .basket .searchbar{font-size:18px;padding:12px 12px 0;position:relative;z-index:1;background-color: #fff; border-radius: 6px 6px 0 0;} .basket .searchbar .search1{position:relative} /* .basket .searchbar .search1 button{background:none repeat scroll 0 0;border:medium none;height:20px;padding:0;position:absolute;right:5px;top:6px;width:20px;z-index:10} */ .basket .searchbar .search1 input[type="text"]{border-color:#D1D5DB;box-shadow:none;color:#000;margin:0;max-width:none;padding:4px 0;text-indent:6px;width:100%;box-sizing:border-box;height:32px;border-radius:6px} .dropdown-arrow2{background:rgba(0,0,0,0) url(../img/selectArrow.png) no-repeat scroll center center!important;border-left:1px solid #D1D5DB;height:27px;position:absolute;right:1px;top:2px;width:27px} .searchbar .dropdown-menu2{left:0;min-width:216px;right:1px} .searchCustomer2{position:relative;margin-top:5px} .searchCustomer2 input[type=text]{border-color:#D1D5DB;box-shadow:none;color:#000;margin:0;max-width:none;padding:4px 25px 4px 6px;text-indent:6px;width:100%;height:32px;border-radius:6px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);} .searchCustomer2 button{position:absolute;background:none;border:0;top:0;right:0;padding:8px 10px} #purchaseorder-section .searchCustomer2{margin:0} #purchaseorder-section .searchCustomer2 input[type=text]{height:auto} .searchCustomerFilter{ position:relative;width:260px} .searchCustomerFilter input[type=text]{border-color:#b1b1b1;box-shadow:none;margin:0;max-width:none;text-indent:6px;border-radius:0} .searchCustomerFilter button{position:absolute;background:none;border:0;top:0;right:0;padding:9px 7px} .basket-parent{margin-bottom:15px;height:590px;background-color: #fff;border-radius: 6px;} .messageBox{background-color:#fff;padding:16px; padding-top: 8px; } .repair-box{ border-radius: 6px; background-color:#F3F4F6; width:100%; max-width:100%; padding:8px 12px; display: flex; justify-content: space-between; align-items: center; } #tabsA .repair-box label{ display:inline-block; margin:0 3px 0 0;} .repair-box input[type=text].repairbasketprice ,.repair-box input[type=text].basketprice{width:124px; text-align:center;} .box9{ background-color:#fff; padding:16px; border:1px solid #E5E7EB; padding-bottom: 6px;} #pos-repair-form .box9 label{ font-family:OpenSans-Semibold} #pos-repair-form .select-small{ position:relative;min-height: 36px;} #pos-repair-form input#imei,#pos-repair-form input#serial{ padding-left:70px;} #list_chosen.chosen-container-single{position: absolute;top: 6px; left: 0px; border-right:1px solid #b1b1b1; padding-right:5px;} #list_chosen.chosen-container-single .chosen-single{border: 0 none;box-shadow: unset;padding: 2px 0 2px 8px; background:none; } #list_chosen.chosen-container-single .chosen-single div b{ margin-top: 4px; } #list_chosen.chosen-container-active.chosen-with-drop .chosen-single div b{margin-top:5px} #list_chosen.chosen-container-single .chosen-single div{ width:14px;} #list_chosen.chosen-container-single .chosen-single span{ margin-right:8px;} #list_chosen.chosen-container-single .chosen-drop{margin-top: 5px; } #pos-repair-form .warenty-box{ position:relative;} #pos-repair-form .warenty-box select{ padding-left:80px; padding-top:4px;} #pos-repair-form .warenty-box input.warenty1{ box-shadow: none;left: 1px;padding: 3.5px 5px;position: absolute;top: 4px;width: 74px !important; border:0; border-right:1px solid #b1b1b1; border-radius:0; z-index:100;} #pos-repair-form .warenty-box .chosen-container-single .chosen-single{ padding-left:76px} #pos-repair-form .nextBtn{bottom:9px;top:auto} #pos-repair-form .btn{vertical-align: top;width: 148px;font-size: 12px;text-align: left;line-height: 16px;padding: 3px 10px;margin: 0 8px 15px 0;} .icon-add-custom{ background:url(../img/add-custom.png) no-repeat;width:17px; height:17px;position: absolute;left: 7px; top: 50%;margin-top: -8px;} #pos-repair-form #pre-conditions{} #pos-repair-form .customer-sig{padding-left: 29px;position: relative;} .customer-sig > i.icon-pencil2,.icon-pencil3{background:url(../img/pencil2.png) no-repeat;height:17px;width:16px;position: absolute;left: 10px;top: 50%;margin-top: -8px;} #pos-repair-form .supplied label{ display:block; word-wrap:break-word;} #pos-repair-form .setup-btn.green{padding:9px 24px} #pos-repair-form .setup-btn2.green{padding:9px 24px} .basket-table-parent{border-top:40px solid #fff;position:relative} .basket-table-parent .icon-th{ background: none; font-family: "tabler-icons" !important;font-style: normal;} .basket-table-parent .icon-th::before{content: "\ea53";} .basket-table-parent-inner{overflow-y:auto;height: 548px;border-radius: 6px;} .basket-table-parent-inner table{border-spacing:0;width:100%} .basket-table-parent-inner table td.button-column{text-align:center;min-width:58px;line-height:15px} input.basketqty{border-radius:6px;height:32px;padding:0;text-align:center;width:32px; border-color:#D1D5DB ;} .basket-table-parent-inner input[type=text]{margin-bottom:0} .basket-table-parent-inner td,.basket-table-parent-inner th{border-bottom:1px solid #E5E7EB;color:#6B7280;padding:10px 5px} .basket-table-parent-inner tr:last-child td{ border-color: transparent;} .basket-table-parent-inner th{height:0;line-height:0;border-bottom:0;padding-top:0;padding-bottom:0;color:transparent;white-space:nowrap;border-top:1px solid #eae9e9} .basket-table-parent-inner th div{font-size: 12px;color:#6B7280;line-height:normal;margin-left:0;padding:11px 4px;position:absolute;top:-40px; font-weight: 400;} #invoice-data #PurchaseOrderInv_0_name,#invoice-data #product_name{width:200px!important} .basket-table-parent-inner .icon-edit{background:url(../img/edit.png) no-repeat;margin-right:2px} .basket-table-parent-inner .icon-remove{background:rgba(0,0,0,0) url(../img/remove.png) no-repeat scroll 0 0;height:15px} .innerbox2{height:150px;overflow:auto} .progress{cursor:pointer} .progress .active{text-decoration:underline} .taxable{background:url(../img/tax.png) no-repeat scroll 0 0;cursor:alias;display:inline-block;height:15px;margin:0 4px 0 0;width:12px} .posloading{background:url(../img/loading_dark_large.gif) no-repeat center center;opacity:.5} .grid-manufacturer{color:var(--gray-800);font-size:14px;} .basket .totalspace{ background-color: #fff; border-radius: 6px; padding: 16px; position: relative;} .totalspace .innerbox{font-size:16px; display: none;bottom: 100%;z-index: 10;left: 0;right: 0; position: absolute; padding: 16px;background-color: #fff;border-radius: 8px;margin-bottom: 10px;border: 1px solid #cccccc45;} .totalspace .innerbox ._totalbox{min-height:30px} .totalspace ._totalbox:before,.totalspace ._totalbox:after{content:"";display:table;line-height:0} .totalspace ._totalbox:after{clear:both} .totalspace .title{float:left; color: var(--gray-500);} .totalspace .val{float:right;text-align:right; font-size: 14px; color:var(--gray-700)} .totalspace #txtdiscount{float:right} .totalspace #txtdiscount .val{float:none;padding:0} .totalspace #editdiscount #discountme{box-shadow:none;margin:0 -3px 0 0;padding:0;text-align:center;width:50px} .basketTotal{font-family:OpenSans-Semibold;font-size:14px;} .basketTotal .title,.basketTotal .val{color: var(--gray-700); font-size: 18px;} .tag-danger{ display: flex; align-items: center; height: 28px; background: #FEE2E2; color: #B91C1C; font-size: 18px; font-family: OpenSans-Semibold; padding: 2px 8px; border-radius: 4px;} .tag-info{display: inline-flex !important; align-items: center; height: 28px; background: #E0F2FE; color: #0369A1; font-size: 14px; font-family: OpenSans-Semibold; padding: 2px 8px; border-radius: 4px;} .tag-theme{display: flex; align-items: center; height: 28px; background: #CCFBF1; color: #0F766E; font-size: 14px; font-family: OpenSans-Semibold; padding: 2px 8px; border-radius: 4px;} .stock-warn{background-color:#f2dede!important;border-color:#eed3d7;color:#b94a48} .dicount_error{border-color:#b94a48!important;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset} ._customerInfo{padding: 16px; } .customerInner{background-color:#fff; padding: 16px;position:relative;border-radius: 6px;} .customerInner .row-fluid .span7{margin:0;width:60%;float:left} .customerInner .row-fluid .span5{margin:0;width:40%;float:left} .r2px{-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;border-radius:2px} #customer_info .imgbox{border:1px solid #e4e4e4;border-radius:30px;height:48px;background-color:#fff;margin:0;overflow:hidden;text-align:center;width:48px;font-size: 18px;justify-content: center; align-items: center;display: inline-flex;text-transform: uppercase; margin-right: 12px; min-width: 48px;} .address-box{font-size:14px} .insert-box1{ border-top:1px solid var(--gray-200); border-bottom:1px solid var(--gray-200) ; margin-top: -1px; padding: 8px 0;} .insert-box1 .old-seprator::after{ position: absolute; top: 4px; content: ""; border-left:1px solid var(--gray-200) ; right:0; bottom: 4px;} .tag-blue2{background-color:#F0F9EB;color: #67C23A; border-radius: 4px; padding:2.5px 8px; display: inline-block; font-size: 12px; line-height: normal; vertical-align: middle; border: 1px solid #E1F3D8;} .insert-box1 a.circle-plus2,.insert-box1 .circle-plus2{ background-color: var(--gray-100); color: #6B7280 !important; width: 24px; height: 24px; vertical-align: middle; margin: 0 0 0 8px;} .on-off2.v5{ background-color: #F3F4F6; width: 44px; height: 24px; border: 0;} .on-off.v5::before {border-color: #cccccc7a;} .on-off.v5.active::before {left: 21px;} .customFieldBox{ display: grid; grid-template-columns:1fr 1fr; gap: 4px 8px;} #customer_info h5{margin:0;font-size:18px} #customer_info h5 .tag-grey2{ background-color: var(--gray-200); color: var(--gray-800); border-radius: 4px; margin: 6px 0 0;} .searchCustomer{display: flex; justify-content: center; align-items: center; background-color:#fff; height: 32px; width: 32px; border:1px solid #b1b1b1;cursor:pointer;margin-top:5px;border-radius:2px;} #customer-choosen .chosen-container-single .chosen-single{border-radius:2px;box-shadow:none;margin-top:5px} #customer-choosen .chosen-container-active .chosen-single{background:#fff} #customer-choosen .chosen-drop{border-top:1px solid #aaa;border-radius:2px;margin-top:1px} #customer-choosen .chosen-container-single .chosen-search{text-align:center;background-color:#f3f3f3} #customer-choosen .chosen-container-single .chosen-search input[type="text"]{background:#fff url(../img/chosen-sprite.png) no-repeat scroll 100% -20px;display:inline-block} #customer-choosen .chosen-container .chosen-results{margin:0 0 4px;padding:0} #customer-choosen .chosen-container .chosen-results li{padding:8px 6px;line-height:normal;font-size:13px} #customer-choosen .chosen-container .chosen-results li.highlighted:hover,#customer-choosen .chosen-container .chosen-results li.result-selected{background:#f7f7f7;color:#3b3b3b} #customer-choosen .chosen-container .chosen-results li.result-selected{margin:1px 0} .icon-search3{background:url(../img/search3.png) no-repeat;margin:0} .customerul{float:right;padding-top:5px} .customer-add,.btn-small3{background-color:var(--teal);color:#fff;display:inline-block;font-family:OpenSans-Semibold;cursor:pointer;margin-right:7px;font-size:12px;vertical-align:top;min-width:53px;padding:6px} #customer_info .customer-add,#customer_info .btn-small3,#customer_info .cfd-btn-blue{ float:left; margin-right:3px;} .icon-plus2{background:url(../img/plus-white2.png) no-repeat scroll 0 0;height:18px;margin:-1px 0 0;width:18px} .customer-add:hover{color:#fff;text-decoration:none} .button-box2 > div{border-radius:6px;color:#fff;position:relative;background-color:#0EB215;cursor:pointer;font-size:16px;line-height:normal;margin:0px 0 16px 16px;text-align:center} .button-box2 > div:last-child,.button-box2 > div#make_payment_old{ margin-bottom: 0;} .button-box2 .v-center{height:65px} #make_estimate{background-color:#F3F4F6;border-radius:6px} .basketButtons{color:#1F2937;float:left;width:75%; display: grid; gap: 16px; grid-template-columns: 1fr 1fr 1fr;} .basketButtons > div{background-color:#F3F4F6;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:16px;position:relative;text-align:center;} .basketButtons > div i{color: #6B7280; font-size: 24px; vertical-align: bottom !important; margin-right: 4px;} .button-box2 p,.basketButtons p{display:none} .basketButtons > div p.disable,.button-box2 > div p.disable{background-color:rgba(255,255,255,0.8);cursor:no-drop;height:100%;display:block;position:absolute;width:100%;z-index:20; margin: 0;} .basketButtons div .v-center{height:65px} .basketButtons div .v-center img{margin-bottom:4px} .basketButtons div#cancel{background-color:#FEE2E2;border-radius:6px; } .basketButtons div#cancel i{color: #DC2626;} .basketButtons div a{color:#DC2626;text-decoration:none; font-size: 16px;} .button-box2{float:left;width:25%; } .add-inv{cursor:pointer;color:#FFF;float:right;font-size:12px} .add-inv .icon-plus-sign.icon-white{background:url(../img/Add-icon.png) no-repeat scroll 0 0;height:25px;width:25px} .customer-sig{cursor:pointer;} .customer-sig > i{background:url(../img/in-take-sig.png) no-repeat scroll 0 0;display:inline-block;height:25px;width:25px} .printer{background:url(../img/printer.png) no-repeat scroll left center;border:medium none;color:var(--teal);display:inline-block;margin-left:12px;padding-left:25px} #tabsA .nav-tabs{margin-bottom:0;padding:8px 0 4px;position:relative;z-index:10;background-color: #134E4A; display: flex; overflow: auto; } #tabsA .nav-tabs > li{padding:0 2px;width: 100%;margin: 0;} #tabsA .nav-tabs > li a{padding: 10px 6px; display: block; text-align: center; margin: 0 0 4px 0; border-radius: 4px;color: #fff;font-size: 12px;border: 0; white-space: nowrap;} #tabsA .nav-tabs > li.active a,#tabsA .nav-tabs > li a:hover,#tabsA .nav-tabs > li a:focus{background-color:#175F5A; border: 0;} .additionalInfo{font-size: 14px;font-family: OpenSans-Semibold; color: var(--gray-600);} .newButtons .basketButtons > div {background-color: var(--el-color-primary); color: #fff;} .tab-content{clear:both} .color-custom-gray{ color: #606266 !important; } @media only screen and (min-width: 1440px) { #tabsA .nav-tabs > li a{ font-size: 14px;} } #tabsA .tab-content{ min-height:600px; padding:0;position:relative; padding-right: 16px;} .posTabInnerbox{ background-color: white; padding:0 8px;} .posActionButtons::after{content: "1"; clear: both; visibility: hidden; height: 0px; display: block;} .posActionButtons{ background-color: white; padding: 16px; border-radius:0 0 6px 6px; margin-top: -1px; margin-right: 16px; position: relative; padding-right: 16px;} #tabsA .progress{ box-shadow:none;cursor:default;font-size:14px; height: auto; font-weight: 400;color: var(--gray-500); background: #fff;margin-bottom: 0;margin-top: 15px;padding: 16px;padding-bottom: 8px;border-radius: 6px; border-bottom-left-radius: 0;border-bottom-right-radius: 0;} #tabsA .progress > span{float:left;position:relative;cursor:pointer} #tabsA .progress > span:hover{text-decoration:underline} #tabsA .progress > i.fa-angle-right{float:left;margin:3px 15px 0;font-size:16px; color: var(--gray-400);} #tabsA .progress > span.active{color:var(--teal);text-decoration:none} #tabsA label{display:block;font-family:OpenSans-Semibold;font-size:13px;margin-bottom:5px} #tabsA .newBg ,#tabsA .pos-manufacturer,.common-ul.pos-devices, .common-ul.pos-repairs{background-color: #fff; padding: 8px;} #tabsA .newTopHeader{background-color: #fff; padding: 8px 16px; width: 100%; } #tabsA .newBtn{background-color:var(--teal);color:#fff; border-radius: 6px;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);font-size: 14px; font-weight: 500;border: none;height: 32px; display: flex;justify-content: center;align-items: center;padding: 6px 10px;} #tabsA .newBtn i {font-size: 12px; padding-left:6px;} #tabsA .btnPosition{position:absolute;top:16px;right:16px;margin:0} #tabsA .newCheckBox{background: #fff;color: #374151; font-size: 14px;margin: 0; width: 100%; padding: 16px 0 0 18px} #tabsA .newBasicBtn{cursor: pointer; color:#374151; border-radius: 6px;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);font-size: 14px; font-weight: 500;border: 1px solid #D1D5DB;height: 32px; padding: 6px 10px; display: inline-block;} #tabsA .newRepairBox{border-radius: 6px;background-color: #F3F4F6;width: 100%;max-width: 100%;padding: 8px 12px; margin-top: 16px;} #tabsA .newWarningTag{border-radius: 4px; background-color: #FEF3C7;font-size: 12px; font-weight: 500; color: #B45309; padding:4px 12px;} #tabsA input[type="text"],#tabsA textarea,#tabsA select,#tabsA .datetimepicker{width: 100%!important;} #tabsA .mb-6{margin-bottom: 16px;} #tabsA .w-72{width: 72px !important} #tabsA .tab-pane{background: #fff; padding:8px; border-radius: 6px 6px 0 0; margin-top:16px; min-height: 624px; } #tabsA #_trade .slimScrollDiv,#tabsA #_trade .slimScrollDiv .items{ height: 480px !important;} #tabsA #_casual .slimScrollDiv,#tabsA #_casual .slimScrollDiv .items{ height: 480px !important;} #tabsA #repairs{margin-top: 0;padding: 0;} #tabsA .priceTag{color: #0D9488; font-size: 13px;font-family: 'OpenSans-Semibold';background: #F0FDFA;border: 1px solid #CCFBF1;border-radius: 4px;padding: 2px 6px;display: inline-block;margin: 8px 0;} #tabsA .giftcardID{color: #9CA3AF; font-size: 14px;} .productTab{color: var(--gray-600); font-size: 14px;} .semiBold{ font-family:OpenSans-Semibold !important; } .extraSpace{padding-top: 5px;} .dynamic-ml{ padding-left: 6px; } .flexBox{display: flex;justify-content: space-between;align-items: center;} .br-16{border-top-left-radius: 6px;border-top-right-radius: 6px;} .add-detail-inner2{box-sizing:border-box;display:inline-block;padding: 8px;width: 24.5%;font-size:16px; color: var(--gray-800); vertical-align:top;position:relative} #repairs .add-detail-inner2 .v-center img{display: block; margin: 0 auto; max-width: 50px;} .dropdown2{position:absolute;right:4px;top:10px;display:none} .add-detail-inner2:hover .dropdown2{display:block} .add-detail-inner-col-5{width: 19.5%;} .dropdown2 .dots{display:inline-block;padding:8px 5px;text-align:center;width:35px} .dropdown2 .dropdown-menu4{min-width:90px;top:18px;left:auto;right:3px;border-radius: 6px;overflow: hidden;border-color: var(--gray-300);} .newline4{background-color:var(--teal);text-align:center;border:1px solid transparent;color:#fff;line-height:normal;cursor:pointer;display:block;text-transform:capitalize;padding:10px 5px; font-size: 16px; border-radius: 6px;} .newline4:hover,.newline4:focus{ color:#fff;} .icon78{background:url(../img/icon78.png) no-repeat;display:inline-block;width:15px;height:15px;margin-bottom:5px} .inner-child{border:1px solid var(--gray-300);border-radius: 6px; text-align:center;cursor:pointer} .fix-h{ overflow:hidden; height:100px;} .fix-h:hover{ height:auto !important;} .fix-h.v2{ height:94px} .fix-h3 .img-box img{max-width: 70%;} .checkbox-prety.fix-h2 { padding-left:0;} #tabsA .fix-h2 label{ overflow:hidden; height:42px; min-height:42px; padding-left:20px;} #tabsA .fix-h2:hover label{ height:auto;} .fix-h2.checkbox-prety label:before{ margin-left:5px;top: 19px;} .flg-css .fix-h2.checkbox-prety label:before{ top: 8px;} .newline4.fix-h2{ height:145px !important; overflow:hidden;} .newline4.fix-h2 .v-center{ height:145px !important;} #tabsA .fix-h3 label { height:122px; min-height:122px; overflow:hidden; margin-bottom:0;padding-left:20px;} #tabsA .fix-h3:hover label{ height:auto;} #tabsA .fix-h3 .modal-body label{ height: auto; min-height:20px; vertical-align: middle;} .fix-h3 .checkbox-prety{ padding:0;} .fix-h3 .checkbox-prety label:before{ margin-left:5px;} .fix-h4{line-height: 16px; height: 70px; margin-bottom: 5px;} .fix-h5{ height:40px; min-height:40px; overflow:hidden; display:inline-block;} .newHeight{line-height: 16px;height: 105px;margin-bottom: 5px } ._posProd:hover .fix-h5{ height:auto;} .fix-h6{ height:65px; min-height:65px; overflow:hidden; display:inline-block;} ._posProd:hover .fix-h6{ height:auto;} .fix-h7 p{ overflow:hidden; height:40px; min-height:40px; font-size:16px;} .fix-h7:hover p{ height:auto;} .newline5 .v-center{ height:195px;} #tabsA .inner-child .price{color: #0D9488; font-size: 13px; font-family: 'OpenSans-Semibold'; background: #F0FDFA; border: 1px solid #CCFBF1; border-radius: 4px; padding: 2px 6px; display: inline-block; margin: 4px 0;} #tabsA .inner-child .sale-price{color: #0D9488; font-size: 13px; font-family: 'OpenSans-Semibold'; background: #F0FDFA; border: 1px solid #CCFBF1; border-radius: 4px; padding: 2px 6px; display: inline-block; margin: 8px 0;} .v-center-parent{display:inline-table; width:100%;} .v-center{box-sizing:border-box;display:table-cell;height:98px;padding:4px;vertical-align:middle} .add-detail-inner2.problems,.add-detail-inner2.add-detail-inner3{width:24.4%} .add-detail-inner2:hover .inner-child,.add-detail-inner2 .inner-child.active{border-color:var(--teal);transition: all; box-shadow:0 0 2px 1px #dcfce7 inset} .bigbutton2{border-radius: 6px; background-color: var(--teal);border:0 none;color:#fff;font-size:14px;height:36px;padding:0 18px} .add-detail-inner2 .img-box{height:80px} .add-detail-inner-col-5 .img-box{height: 44px; display: inline-block;} #repairs .add-detail-inner-col-5 .v-center img{ max-height: 40px !important;} #tabsA .add-detail-inner-col-5 strong{ line-height: 18px;} ._posProd .img-box{ display:inline-block;} #progressSteps{background: none;margin-top: -6px;padding-left: 13px;color:var(--teal); padding-bottom:0; margin-bottom:10px;} #progressSteps > span{color:var(--teal);margin:0;padding-right:6px;cursor:pointer} #progressSteps > span:after{content:'/';padding-left:6px} #progressSteps > span:last-child{color:#444} #progressSteps > span:last-child:after{content:''} .acces-tabs-inner{cursor:pointer;display:block;border:1px solid #E5E7EB;text-align:center;font-family:OpenSans-Semibold;padding:6px 12px;margin-bottom:16px; font-size: 14px; color: var(--gray-700); background-color: #F3F4F6;} .acces-tabs .newline3{margin-bottom:10px} .acces-tabs .acces-tabs-inner.active{background-color:#fff;} .acces-tabs .tabLeft{border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .acces-tabs .tabRight{border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-left: none; } #tabsA .pagination{margin:7px} #tabsA .pagination ul{box-shadow:none;float:right} #tabsA .pagination ul > li > a:hover,#tabsA .pagination ul > li > a:focus,#tabsA .pagination ul > .active > a,#tabsA .pagination ul > .active > span{background:none;color:#333;text-decoration:underline} #tabsA .pagination ul > li > a,#tabsA .pagination ul > li > span{border:0 none;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:normal;padding:0 3px} #tabsA .pagination ul > li.disabled > a{opacity:.3} #tabsA .pagination ul > li.disabled > a:hover{text-decoration:none} .nextBtn.btn-blue2{position:absolute;top:0;right:0;padding:9px 15px;margin:0} .btn:focus,select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:none} .nextBtn:hover,.nextBtn:focus,.nextBtn.btn-primary{background-color:var(--teal);color:#fff} .bigbutton{background:none repeat scroll 0 0;border:1px solid #ddd;-moz-box-shadow:0 0 0 2px #fff inset;-o-box-shadow:0 0 0 2px #fff inset;-webkit-box-shadow:0 0 0 2px #fff inset;box-shadow:0 0 0 2px #fff inset;display:block;padding:2px;width:100%} .bigbutton:hover,.bigbutton:focus{background:none} .r3px{-moz-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border-radius:3px} .bigbutton span{background:none repeat scroll 0 0 #777f86;display:block;padding:2px 0} #tabsA table tr td:first-child{padding-right:5px;width:120px} .pricebox{background-color:#f7f7f7;padding:8px 10px} .info-box2{padding:18px 15px 25px;line-height:24px;background-color:#f7f7f7} .left-box{float:left;width:50%} .ui-dialog .left-box .control-group,.ui-dialog .right-box .control-group{display:block;width:auto} .right-box{float:right;width:47%} #tabsA select#list{width: 64px !important;} .chosen-container-single .chosen-drop{ margin-top: -5px; padding-top: 5px;} .chosen-container-single .chosen-single div{width: 22px;} .chosen-container.chosen-container-single .chosen-single div b{background: url(../img/selectArrow.png) no-repeat top -3px left -3px !important;width: 18px !important; height: 18px; margin-top: 8px;background-size: 20px !important;} .pos-main .icon-pencil{ background: url(../img/newUiImages/pencil.png); width: 16px; height: 16px;} .ui-dialog .chosen-container.chosen-container-active.chosen-with-drop .chosen-single div b, .chosen-container.chosen-container-active.chosen-with-drop .chosen-single div b{background: url(../img/selectArrow.png) no-repeat top -3px left -3px!important;} .ui-dialog .chosen-container-single .chosen-single div b,.v2input .chosen-container-single .chosen-single div b{ background: url(../img/selectArrow.png) no-repeat top -3px left -3px!important;margin-top:10px;width: 18px!important; height: 18px!important;;} .ui-dialog .chosen-container-single .chosen-single,.v2input .chosen-container-single .chosen-single{border-radius:6px;padding:7px 0 7px 8px} .ui-dialog .chosen-container-multi .chosen-choices{background:#fff url(../img/select-arrow2.png) no-repeat scroll right 13px;border-color:#ccc;border-radius:2px;box-shadow:0 1px 2px #f0f0f0 inset;padding:3px 20px 3px 3px} .ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Open Sans} .ui-dialog #Inventory_warranty_timeframe_chosen{margin-left:-5px} .ui-dialog .ui-dialog-titlebar.ui-widget-header{background:none repeat scroll 0 0;border-radius:0;border:0;padding:8px 10px 11px; z-index:10;} .ui-dialog .ui-dialog-titlebar-close:hover{background:none;} .ui-dialog .ui-dialog-titlebar-close span{background:url(../img/cross-popup2.png) no-repeat center center} .ui-dialog.ui-widget-content{padding:0} .ui-dialog .ui-dialog-title{font-size:17px;font-family:OpenSans-Semibold} .t-center.ui-dialog .ui-dialog-titlebar.ui-widget-header{ text-align: center;} .t-center.ui-dialog .ui-dialog-title{float:none;margin: 0;} .ui-dialog .ui-dialog-content.ui-widget-content{background-color:#f8f8f8;max-height:none;padding:10px 20px 0} #appointment_calendar_service_img{background-color:#ffffff;} .ui-dialog .control-group{display:inline-block;margin-bottom:10px;vertical-align:top;width:49%} .ui-dialog .control-group.block{display:block;width:auto} .ui-dialog-content.ui-widget-content .control-group > label{font-family:OpenSans-Semibold;font-size:13px;color:#000} .ui-dialog-content.ui-widget-content > div > form > label{display:inline-block;min-width:160px;padding-right:10px;text-align:right} .ui-dialog-content.ui-widget-content .control-group .controls{display:inline} .ui-dialog input,.ui-dialog textarea,.ui-dialog .uneditable-input{border-color:#ccc;border-radius:2px;box-shadow:0 1px 2px #f0f0f0 inset;margin-bottom:0;padding:7px 5px;width:264px} .ui-dialog input:focus,.ui-dialog textarea:focus,.ui-dialog .uneditable-input:focus{box-shadow:0 1px 2px #f0f0f0 inset;border-color:#ccc} input.textField,input.textField2,.v2input input[type=text],.v2input input[type=password],.v2input textarea,select.textField,.v2input select{border-color:#D1D5DB;border-radius:6px;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);margin-bottom:0;max-width:100%;padding:7px 5px;width:264px; background-color:#fff;} .chosen-container-multi .chosen-choices{border-color:#ccc;border-radius:2px;box-shadow:0 1px 2px #f0f0f0 inset;padding:3px 5px 4px;width:264px;background:#fff;max-width:100%} input.textField2{box-sizing:border-box;min-height:36px} select.textField,.v2input select{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background:#fff url(../img/selectArrow.png) no-repeat right 4px center !important;height:36px;width:264px;padding-right:15px} .v2input select.red-shadow:focus,.v2input select.red-shadow:hover, select.red-shadow:focus, select.red-shadow:hover,select.red-shadow{ box-shadow:0 0 8px red; border-color:red;} .ui-dialog input.btn[type="submit"]{width:auto} .ui-dialog input[type=checkbox],.ui-dialog input[type=radio],.ui-dialog .uneditable-input[type=radio]{width:auto;margin: 0 10px 0 0;} .ui-dialog select{-moz-appearance:none;-o-appearance:none;-webkit-appearance:none;appearance:none;background:url(../img/select-arrow.png) no-repeat scroll right 10px center #fff;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;height:36px;margin-bottom:0;width:264px;border-radius:2px} .ui-dialog .form-actions{background-color:#fff;border:0 none;margin:15px -20px 0;padding:10px 20px;text-align:right} .ui-dialog form{margin:0} .ui-dialog .single-column-inner{margin:-10px -20px;max-height:400px;overflow:auto;padding:10px 20px 0} .ui-dialog .single-column .control-group{display:block;width:auto} .ui-dialog .single-column .control-group > label{display:inline-block;text-align:right;padding-right:10px;min-width:160px} .additional-arrow-box{margin:10px 0} .ui-widget-content .moreInfo-toggle, .moreInfo-toggle2{background-color:var(--teal);border:1px solid var(--teal);box-shadow:0 1px 0 var(--teal) inset;color:#fff;cursor:pointer;display:inline-block;font-family:OpenSans-Bold;font-size:14px;padding:9px 10px} .ui-widget.ui-dialog{border:1px solid #51a0c9;border-radius:0;box-shadow:0 0 5px} .grid-view .summary{text-align:left} .footer{background-color:#fff;bottom:-10px;margin:0 -20px -10px;padding:10px 20px;position:relative} .r0{-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;-webkit-border-radius:0;border-radius:0} .footer .setup-btn,.ui-dialog .form-actions .setup-btn{background-color:var(--teal);border-color:var(--teal);box-shadow:0 1px 0 #238cc4 inset;color:#fff;min-width:98px;padding:10px 10px 9px;text-align:center;text-transform:capitalize;font-family:OpenSans-Semibold} .footer .setup-btn,.ui-dialog .form-actions .setup-btn.black{outline:none;background-color:#000000;border-color:#000000;box-shadow:0 1px 0 #000000 inset;color:#fff;min-width:98px;padding:10px 10px 9px;text-align:center;text-transform:capitalize;font-family:OpenSans-Semibold; border-radius: 3px;} .footer .setup-btn2,.ui-dialog .form-actions .setup-btn2{background-color:var(--teal);border-color:var(--teal);box-shadow:0 1px 0 #238cc4 inset;color:#fff;min-width:98px;padding:10px 10px 9px;text-align:center;text-transform:capitalize;font-family:OpenSans-Semibold} .footer .setup-btn2,.ui-dialog .form-actions .setup-btn2.black{outline:none;background-color:#000000;border-color:#000000;box-shadow:0 1px 0 #000000 inset;color:#fff;min-width:98px;padding:10px 10px 9px;text-align:center;text-transform:capitalize;font-family:OpenSans-Semibold; border-radius: 3px;} .footer .btn-blue,.ui-dialog .form-actions .btn-blue{padding:10px 10px 9px} .footer .btn-default,.ui-dialog .form-actions .btn-default,.btn-default2{box-shadow:0 1px 0 #fff inset;padding:9px 18px 10px;vertical-align:top} .btn-default2{padding:10px} .footer .btn-primary,.ui-dialog .form-actions .btn-primary{background:var(--teal) url(../img/upload1.png) no-repeat scroll right center;border:1px solid var(--teal);border-radius:0;box-shadow:0 1px 0 #238cc4 inset;min-width:98px;padding:9px 30px 10px 10px;font-family:OpenSans-Semibold} .footer .btn.cancel,.ui-dialog .form-actions .btn.cancel{display:none} .icon-syn2{background:url(../img/syn2.png) no-repeat scroll 0 0;height:15px;margin:-3px 0 0;vertical-align:middle;width:19px} .icon-uploadCloud{background:url(../img/upload.png) no-repeat scroll 0 0;height:15px;margin:-2px 0 0;vertical-align:middle;width:24px} .jquery-popup-custome .pagination{margin:5px 0 15px;text-align:right} .jquery-popup-custome .pagination ul{box-shadow:none} .jquery-popup-custome .pagination ul li a{background-color:#fff;border:1px solid #d4d4d4;border-radius:2px;color:var(--teal);margin-left:4px;min-width:26px;padding:5px 2px;text-align:center} .jquery-popup-custome .pagination ul li:first-child a,.jquery-popup-custome .pagination ul li:nth-child(2) a,.jquery-popup-custome .pagination ul li:last-child a,.jquery-popup-custome .pagination ul li:nth-last-child(2) a{color:#333} .jquery-popup-custome .pagination ul > li.active > a{background-color:var(--teal);border-color:var(--teal);color:#fff} .search-filter-pos,.search-filter-pos:hover,.search-filter-pos:focus{border-radius:0;padding:10px 12px;background:var(--teal);font-size:15px} .search-filter-pos span{background-color:#fff;border-radius:20px;display:inline-block;height:16px;text-align:center;vertical-align:middle;width:16px} .filter-carret .fa-caret-down{background-color:#fff;border-radius:40px;box-shadow:0 2px 2px -1px rgba(62,141,184,0.76);color:#4f8bb9;font-size:16px;height:16px;line-height:16px;padding:0 4px;text-align:center} .search-filter-pos span .caret{border-top-color:#333;margin:6px 0 0} .toggle-box-filter{background-color:#f0f2f2;border:1px solid #b1b1b1;padding:15px;margin-top:12px} .toggle-box-filter .caret2{background:url(../img/arrow-pos.png) no-repeat scroll 0 0;display:inline-block;height:12px;left:20px;position:absolute;top:-12px;width:19px} .toggle-box-filter input[type=text]{box-sizing:border-box;height:auto} .toggle-box-filter .control-group{display:block;width:auto} .toggle-box-filter hr,.hr{border-top:1px solid #d9d9d9} .toggle-box-filter .btn-primary{background:var(--teal);border-radius:0;min-width:100px;padding:10px 5px} .moreInfo-toggle .caret, .moreInfo-toggle2 .caret{background:url(../img/additional-arrow2.png) no-repeat scroll 0 0;border:0 none;height:17px;margin-left:3px;vertical-align:middle;width:15px} .jquery-popup-custome.ui-dialog .table thead th{background-color:#efefef;font-family:OpenSans-Bold} .table-radius-0 .table-responsive[data-pattern="priority-columns"]{border-radius:0} .table-radius-0 thead:first-child tr:first-child > th:first-child,.table-radius-0 tbody:first-child tr:first-child > td:first-child,.table-radius-0 tbody:first-child tr:first-child > th:first-child,.table-radius-0 thead:first-child tr:first-child > th:last-child,.table-radius-0 tbody:first-child tr:first-child > td:last-child,.table-radius-0 tbody:first-child tr:first-child > th:last-child{border-radius:0} .jquery-popup-custome.ui-dialog .table tbody tr td{font-size:12px} .jquery-popup-custome.ui-dialog .table tbody tr.odd td{background-color:#f9f9f9} .jquery-popup-custome.ui-dialog .table tbody tr.even td{background-color:#fff} .moreInfo-toggle:hover{text-decoration:none} .moreInfo-toggle .caret-top, .moreInfo-toggle2 .caret-top{background:url(../img/additional-arrow.png) no-repeat scroll 0 0;margin-top:3px;vertical-align:top} .button-box{padding:10px 0 20px} .button-box a{background-color:#fff;border:1px solid #ccc;color:#696868;display:inline-block;font-family:OpenSans-Bold;font-size:16px;margin-right:3px;padding:10px 20px;transition:all 0 ease 0} .filterbox span a.wdp-clear-icon{right:23px;top:-7px} div span a.wdp-clear-icon{top:0;right:23px} .button-box a:hover,.button-box a.selected{background-color:var(--teal);border-color:var(--teal);color:#fff;text-decoration:none} .makePayment-leftSide{color:#232323;float:left;width:26%;min-height:100px!important} .makePayment-leftSide > ul{border:1px solid #b1b1b1;box-sizing:border-box;color:#232323;list-style:outside none none;text-align:center;margin:0;padding:0} .makePayment-leftSide > ul > li{border-bottom:1px solid #b1b1b1;font-family:OpenSans-Bold;font-size:14px;padding:5px} .makePayment-leftSide > ul > li a{padding:12px 10px;display:block;text-align:left} .makePayment-leftSide > ul > li:last-child{border-bottom:0} .makePayment-leftSide > ul > li.active{background-color:var(--teal);margin-right:-1px;position:relative;color:#fff} .makePayment-leftSide > ul > li i{background:url(../img/icon8.png) no-repeat center;height:20px;margin-right:5px; vertical-align:middle; display:inline-block;width:30px} .makePayment-leftSide > ul > li.paymethod{padding:12px 10px;display:block;text-align:left;cursor:pointer} .makePayment-leftSide > ul > li#Offline_Credit_Card i{background:url(../img/icon9.png) no-repeat center} .makePayment-leftSide > ul > li#Cheque i{background:url(../img/icon10.png) no-repeat center} .makePayment-leftSide > ul > li#Paypal i{background:url(../img/icon11.png) no-repeat center} .makePayment-leftSide > ul > li#Skrill i{background:url(../img/icon12.png) no-repeat center} .makePayment-leftSide > ul > li#customButton i{background:url(../img/stripe.png) no-repeat center} .makePayment-leftSide > ul > li#Bluefin i{background:url(../img/bluefin.png) no-repeat center;height:23px} .makePayment-leftSide > ul > li#cayan i{background:url(../img/cayan.png) no-repeat center;height:17px;width:41px} .makePayment-leftSide > ul > li#Loyalty i{background:url(../img/loyalty.png) no-repeat center;height:20px;width:17px} .makePayment-leftSide > ul > li.active i{background:url(../img/icon8w.png) no-repeat center} .makePayment-leftSide > ul > li#Offline_Credit_Card.active i{background:url(../img/icon9w.png) no-repeat center} .makePayment-leftSide > ul > li#Cheque.active i{background:url(../img/icon10w.png) no-repeat center} .makePayment-leftSide > ul > li#Paypal.active i{background:url(../img/icon11w.png) no-repeat center} .makePayment-leftSide > ul > li#Skrill.active i{background:url(../img/icon12w.png) no-repeat center} .makePayment-leftSide > ul > li#customButton.active i{background:url(../img/stripeB.png) no-repeat center} .makePayment-leftSide > ul > li#Bluefin.active i{background:url(../img/bluefinW.png) no-repeat center} .makePayment-leftSide > ul > li#cayan.active i{background:url(../img/cayanW.png) no-repeat center} .makePayment-leftSide > ul > li#Loyalty.active i{background:url(../img/loyaltyW.png) no-repeat center} .makePayment-leftSide > ul > li#Loyalty_Points i{background:url(../img/loy-icon-ab.png) no-repeat center; width:30px;height:20px;} .makePayment-leftSide > ul > li#Loyalty_Points.active i{background:url(../img/loy-icon-a.png) no-repeat center} .makePayment-leftSide > ul > li#Gift_Card i{background:url(../img/giftp-iconB.png) no-repeat center; width:30px;height:20px;} .makePayment-leftSide > ul > li#Gift_Card.active i{background:url(../img/giftp-iconW.png) no-repeat center} .paymentbtns{border:1px solid #CCC;float:left;font-family:OpenSans-Bold;margin:5px 10px 5px 0;text-align:center;padding:5px 3px;width:85px;border-radius:3px;cursor:pointer;background-color:#fff;font-size:12px} .paymentbtns:nth-child(even){margin-right:0} .paidbymethod{border:1px solid #CCC;float:left;width:92px} .paymentbtns._fullpay{background-color:var(--teal);border-color:var(--teal);color:#fff} .tabs-inner .setup-btn{vertical-align:middle;padding:5px} .tabs-inner .setup-btn2{vertical-align:middle;padding:5px} .smallbtn{margin:0 -10px} .paymentbtns.small{border-radius:100%;width:auto;padding:5px 3px 5px 2px;font-size:10px;margin:5px 0 5px 5px; min-width:32px;} .solid-line{border-bottom:1px solid #bdbdbd;margin:5px 0} .box4{background-color:#f0f0f0;padding:5px 10px 10px} .bf_info{text-transform:lowercase} .dotted-line{border-top:1px dashed #ccc;margin:5px 0} .okCash,.clrtoAmount,.clr{background:url(../img/checksmall.png) no-repeat scroll 0 0;cursor:pointer;display:inline-block;height:32px;margin:10px;width:32px;vertical-align:middle} .clrtoAmount,.clr{background:url(../img/clear2.png) no-repeat scroll 0 0;margin-right:0} #bluefin_tab input.tiny{height:27px;padding:0;text-align:center;width:84px} #bluefin_tab .setup-btn.green{margin:0 0 0 3px;padding:2px 5px 3px;vertical-align:middle} #bluefin_tab .setup-btn2.green{margin:0 0 0 3px;padding:2px 5px 3px;vertical-align:middle} #bluefin_tab .box4 .solid-line:last-child{display:none} input.error,.error,textarea.error{border-color:#a94442} .makePayment-leftSide .chosen-container .chosen-results{max-height:100px} .makePayment-rightSide{background-color:#fff;border:1px solid #b1b1b1;box-sizing:border-box;float:left;margin-bottom:10px;margin-left:-1px;padding:20px;width:74%} .paymentboxInner{margin:0 -10px 50px} .tabs-inner{background-color:#f8f8f8;box-sizing:border-box;display:none;float:left;margin-right:2%;width:40%} .tabH3{font-family:OpenSans-Bold;font-size:16px;margin:0;padding:10px;line-height:normal} .inputbox{background-color:#f0f0f0;padding:10px 10px 15px} .makePayment-rightSide .totalbox{border:0;width:100%;background-color:#f7f7f7} .makePayment-rightSide .totalbox2{float:left;width:58%;margin:0} .findUs{padding-bottom:16px;padding-top:3px;text-align:center} .makePayment-rightSide .totalboxInner{border-bottom:none} .makePayment-rightSide .totalbox hr{border:1px solid #bdbdbd;margin:9px -4px} .makePayment-rightSide .totalbox .pull-right{min-width:30px} .makePayment-rightSide .totalbox .pull-right input.tiny{border-radius:0;padding:5px;text-align:center;width:82px} .paidbox .pull-right{text-align:center} .ui-dialog input.tiny{width:50px} .paidbox{background-color:#fff;margin:0 -10px;padding:13px 10px} .txt-green{color:#3e7200} .txt-red{color:red} .po_stats_amount_red .txt-red{color:#DC4743} .noItem{min-height:300px} form{margin:0} .print-main{padding:0;max-width:1030px;margin:0 auto} .print-main .tag{display:none} .print-main .invoicedetail .address{border:0 none;margin:0 0 40px;padding-left:20px;width:400px} .print-main .invoicedetail h1{margin:0;text-transform:uppercase} .print-main .invoicedetail h1 span{text-transform:none} .invoiceFor{border:1px solid #ddd} .invoiceFor .inner-invoiceFor{min-height:118px;padding:10px;border-bottom:1px solid #ddd} .invoicePage3 .invoiceFor h2{background-color:#ccc;margin:0;font-size:16px;border-bottom:1px solid #ddd;padding:5px 10px} .invoicePage3 .invoiceFor h5{margin:0} .nextpage{margin:13px auto 0;padding-bottom:15px;max-width:594px} .btn1{background-color:#fff;border:1px solid #eae9e9;border-radius:0;display:inline-block;font-size:15px;margin:11px 0 0 5px;min-width:181px;padding:13px 3px;text-align:center} .btn1:hover,.btn1-active{border-color:#242627;color:#333!important;text-decoration:none;box-shadow:0 0 1px 1px #dbdbdb inset} .print-main .note{width:50%} .print-main .totalbox{width:42%} .print-main .invoicebox .invoicebox-left{border-right:1px solid #ddd;margin-right:-2px} .ui-dialog ul.makePayment-leftSide li .chosen-container{width:180px!important} .ui-dialog ul.makePayment-leftSide li .chosen-container .chosen-results{max-height:90px} .pdf-inner{margin:0 auto;padding:0 5px} .pdf-inner .invoicedetail{background:none!important} .pdf-inner .invoicedetail .address{border:0 none;margin:0 0 40px;padding-left:20px;width:400px} .add-detail-inner input{margin-bottom:0} .label-inline4 label{width:245px} .view-logo{max-width:100px} .setup{max-width:660px;margin:0 auto} .setup h3.heading2{text-align:center} .setup .add-detail-inner{background-color:#fff;border:1px solid #f5f5f5;padding:30px 10px 20px} .setup .control-group{margin-bottom:20px} .setup .label-inline label{text-align:right;padding-right:10px} .setup input[type=text],.setup input[type=password],.setup textarea{min-height:36px;width:338px} .setup select{height:36px;width:338px} .setup .chosen-container-single .chosen-single{padding:7px 0 7px 8px} .setup .chosen-container-single .chosen-single div b{margin-top:8px} .setup .chosen-container-single .chosen-single abbr{top:12px} .customer-add-edit input{padding:6px;width:202px} .customer-add-edit textarea{width:299px;height:54px} .customer-add-edit .label-inline label{font-family:OpenSans-Semibold;font-size:13px;width:100px;min-width:inherit;padding-right:10px;text-align:right} .customer-add-edit .control-group{margin-bottom:20px} .customer-add-edit select{-o-appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/select-arrow.png) no-repeat scroll 96% center #fff;-moz-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;-o-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;height:32px;margin:0;width:202px} .v-top{vertical-align:top!important;margin-top:2px!important} .customer-add-edit .label-inline .control-group > div .chosen-container{margin-left:-4px} .customer-add-edit .chosen-container-single .chosen-single{padding:6px 0 6px 8px} .customer-add-edit .chosen-container-single .chosen-single div b{background:url(../img/select-arrow.png) no-repeat scroll center 4px;margin-top:9px} .SalebyProd{background-color:#eee;border:1px solid #dcdcdc;border-radius:4px;float:left;margin-bottom:15px;padding:2px 2px 0} .SalebyProd ul{margin:0;float:left} .SalebyProd ul li{background:#fff;background:-moz-linear-gradient(top,#fff 0%,#f1f1f1 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f1f1f1));background:-webkit-linear-gradient(top,#fff 0%,#f1f1f1 100%);background:-o-linear-gradient(top,#fff 0%,#f1f1f1 100%);background:-ms-linear-gradient(top,#fff 0%,#f1f1f1 100%);background:linear-gradient(to bottom,#fff 0%,#f1f1f1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f1f1f1',GradientType=0);border-radius:4px;color:#333;float:left;font-family:OpenSans-Bold;font-size:18px;list-style:outside none none;margin-right:2px;min-width:140px;padding:17px 10px 12px;text-align:center} .SalebyProd ul li.last{margin:0} .SalebyProd ul li span{display:inline-block;font-family:OpenSans-Semibold;font-size:14px;margin-bottom:8px} .SalebyProd ul li span.txt-green{color:var(--teal);font-size:22px;font-family:OpenSans-Bold} .SalebyProd ul li span.txt-blue{color:var(--teal);font-family:OpenSans-Bold;font-size:22px} .SalebyProd2{margin-left:14px} .SalebyProd2 ul li{min-width:114px} .viewCustomer.viewInvoice .invoicedetail{background-color:#f9f9f9;border:0 none;color:#010101} .viewCustomer.viewInvoice .invoicedetail .btn{padding:10px 12px} .mr15{margin:0 -15px} .headingBox{border-bottom:1px solid #ccc;margin:0 -20px 10px;padding:0 16px} #main-height .add-detail-heading{margin-top:0} #main-height .custome-table{clear:both} #main-height .heading{font-family:OpenSans-Bold;font-size:24px;float:left;margin-top:5px;margin-bottom:8px} .common-ul{padding:0;margin:0;list-style:none} .container{width:auto;padding:0 10px; margin:0; max-width:unset} .setting-sub-links{float:right} .setting-sub-links li{float:left;font-size:13px;border-bottom:4px solid #fff;margin-left:1px} .setting-sub-links li:hover,.setting-sub-links li.active{border-color:var(--teal)} .setting-sub-links li a{color:#000;padding:15px 8px;display:block} .setting-sub-links li a:hover{text-decoration:none} .setting-sub-links2{background-color:#134E4A; position: relative;padding-bottom: 10px;} ul.setting-sub-links2::before{ position: absolute; content: ""; width: 1px; left: 17px; bottom: 25px;top: 13px; background-color: RGBA(255, 255, 255, 0.32);} .setting-sub-links2 li{position: relative;} .setting-sub-links2 li::before{position: absolute;content: "";border: 1px solid RGBA(255, 255, 255, 0.32); border-radius: 10px;width: 7px; height: 7px;background-color: #134E4A; top: 12px; left: -1px;} .setting-sub-links2 li a{color:#CCCCCC;display:block;padding: 4px 15px;margin-bottom: 3px;} .setting-sub-links2 li a:hover,.setting-sub-links2 li.active a{color:#fff} #main-height .custome-table td{padding:10px 0} #main-height .custome-table td strong,#main-height .label-inline label{font-family:OpenSans-Semibold;width:20%} #main-height .custome-table td input{padding:6px} .buttonBox2{border-top:1px solid #d9d9d9;box-shadow:0 1px 0 #fff inset;padding:19px 0;text-align:right} .buttonBox2 .newline{float:none} .buttonBox2.padding-left{padding-left:210px} #main-height .label-inline label{margin:0;vertical-align:middle} #main-height .label-inline .control-group{margin-bottom:20px} #main-height .label-inline .control-group > div.controls{width:78%} #main-height .label-inline .control-group > div.controls > input{margin:0;width:57.7%} #main-height .label-inline .control-group > div.controls > select{-moz-appearance:none;-o-appearance:none;-webkit-appearance:none;appearance:none;background:url(../img/select-arrow.png) no-repeat scroll 98% center #fff;height:36px;-moz-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;-o-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;width:57.7%} #main-height .label-inline .control-group > div.controls > textarea{width:57.7%;height:137px} #main-height .label-inline .control-group > div.controls .chosen-container-single .chosen-single { padding: 7px 0 7px 8px;} #main-height .label-inline .control-group > div.controls input[type="checkbox"],#main-height .label-inline .box6 .control-group > div.controls > input[type="checkbox"]{width:auto} #main-height .custom-table3 th{background-color:#f1f6fe;color:var(--teal)} #main-height .grid-view .table .button-column{text-align:left} #main-height .custom-table3 th a{color:var(--teal)} #main-height .custom-table2 th{padding:10px 8px} .download-pdf{background:url(../img/pdf.png) no-repeat scroll 20px center var(--teal);border-radius:3px;color:#fff;display:inline-block;font-family:arial;font-size:13px;padding:15px 20px 15px 57px} .download-pdf:hover,a.download-pdf:hover{color:#fff} .txt-blue,.ui-widget-content a.txt-blue,a.txt-blue:focus{color:var(--teal)} #main-height .label-inline2 label{width:55%} #main-height .label-inline2 .control-group > div.controls{width:auto} #main-height .label-inline3 label{width:32%} #main-height .label-inline3 .control-group > div.controls{width:auto} #main-height .label-inline6 label{font-family:OpenSans-Semibold} .v2input .label-inline6 select,.v2input .label-inline6 textarea,.v2input .label-inline6 input[type='text'],.v2input .label-inline6 input[type='password']{width:363px} #main-height .label-inline .error label{margin:9px 0 0;vertical-align:top} #main-height .table-responsive{box-sizing:border-box} .billing-box,.common-box3{background-color:#fff; padding:20px; border:1px solid #dcdcdc; box-shadow:0 0 4px #dcdcdc;margin-bottom:20px} .current-package{float:left;padding-right: 22px;text-align:center;width:40%} .package-inner{background-color:#2684c6;color:#fff;min-height:161px;padding:5px 0 10px} .current-package h3{font-family:OpenSans-Semibold;font-size:24px;line-height:normal;margin:20px 0 30px} .package-inner span{display:block;color:#fff} .change-package{background-color:#00bff3;color:#fff;display:inline-block;font-family:OpenSans-Bold;font-size:18px;margin:30px 0 45px;padding:11px 15px;text-transform:capitalize} .change-package:hover{color:#fff;text-decoration:none} .billing-detail{float:left;width:60%} .billing-detail h3{margin:0;line-height:normal} .billing-detail .custom-table4 table tbody td{background-color:#fff;border-bottom-color:#f1f1f1;font-size:14px;color:#333} .billing-detail .custom-table4 table tbody tr:last-child td{border-bottom-color:#ccc} .billing-detail .custom-table4 table tfoot td{padding:10px} .Orange-box{padding:15px 25px;background-color:#fff2cc;border:1px solid #fee9aa} .txt-brown{color:#8a6d3b} .billingbox2 .common-box3{min-height:212px;padding:15px 15px 5px} .button-box3{border:10px solid #fff;max-width:328px;margin:0 auto 30px} .button-box3 .btn-default2{background-color:#e9e9e9;border:1px solid #e9e9e9;box-shadow:none;float:left;height:55px;padding:5px;width:50%} .button-box3 .btn-default2.active{background-color:var(--teal);border-color:var(--teal);color:#fff} .box-common{width:33.33%;float:left;margin-bottom:10px} .box-common-inner{background-color:#fff;cursor:pointer;position:relative} .box-common-inner .tag-blue{top:0;left:0} .box-common-inner .tag-blue span{font-size:13px;font-family:OpenSans-Bold;left:-5px;top:-77px} .box-common-inner.active{border:1px solid var(--teal);box-shadow:0 0 4px rgba(41,131,197,.89);margin-top:-10px;z-index:1} .box-common-inner .inner-child2{background-color:#2684c6;color:#fff;padding:10px 5px 20px;margin-bottom:10px} .box-common-inner.active .inner-child2{padding:20px 5px} .box-common-inner p{margin:0;padding:5px 0 10px} .box-common-inner .btn-blank{border:1px solid #c7c7c7;display:inline-block;margin-bottom:25px;padding:16px 10px;text-align:left;width:192px} .box-common-inner.active .btn-blank{background-color:#2684c6;border-color:#2684c6;color:#fff} .box-common-inner .btn-blank span{background-color:#ebebeb;border:1px solid #c7c7c7;display:inline-block;text-align:center;margin-right:5px;padding:2px 0;width:22px;height:21px;vertical-align:middle} .box-common-inner.active .btn-blank span{color:#2684c6;background-color:#fff;border-color:#fff} .promotion-box{background-color:#f9f9f9} .promotion-box-inner{ border-top:1px solid #ccc;background-color: #fff;padding: 14px 20px; z-index:999; margin:0 -10px;} .promotion-box-inner.fixed3{ position:fixed; bottom:0; left:0; right:0; margin:0;} .promotion-box-inner span.txt14{background-color:#158ce4;border-radius:44px;color:#fff;display:inline-block;padding:8px 14px;margin-right:13px;} .promotion-box-inner label{display:inline-block;margin:0 10px 0 0;font-size:16px; vertical-align:middle;} .promotion-box-inner input[type=text]{width:171px} .promotion-box-inner .setup-btn{padding:7px 10px; background:#3aba02;box-shadow: unset;margin-left: 10px;} .promotion-box-inner .setup-btn2{padding:7px 10px; background:#3aba02;box-shadow: unset;margin-left: 10px;} ul.faq{padding:5px 10px 15px} ul.faq li{background:url(../img/icon46.png) no-repeat left 14px;padding:10px 0 10px 25px;border-bottom:1px solid #e1e1e1} ul.faq li > div{padding-top:10px;display:none} .store-type ul.faq li{ border-bottom:0;} .store-type ul.faq li > div{ display:block;} .package-box2{background-color:#f5f5f5;padding:10px} .package-box2 input[type=text]{width:80px;margin:0} .m0{margin:0!important} .mb{margin-bottom:0} .new-package-table{border:2px solid #4290be;float:left;margin-left:-1px;margin-top:-9px} .new-package-table th{background-color:#4290be;border:0 none;color:#fff;padding:7px 10px 9px} .new-package-table tfoot td{background-color:#4290be;border-color:#66b5e3;color:#fff} .timer-box{background:#2f4050 url(../img/timer.png) no-repeat scroll 10px center;float:right;height:49px;width:56px;cursor:pointer} .timer-box span.caret{background:url(../img/arrow-white.png) no-repeat scroll 0 center;border:0 none;float:right;height:49px;margin:0 8px 0 0;width:10px} .dropdown-notification{float:right} .dropdown-notification .notification-icon{display:inline-block;margin:16px 5px 0 0;color:#fff;} .dropdown-notification .notification-icon svg{width:20px; height: 20px;} .dropdown-notification .icon-bell{background:rgba(0,0,0,0) url(../img/bell.png) no-repeat scroll 0 0;height:20px;margin-right:-4px;margin-top:4px;position:relative;width:18px} .dropdown-notification .badge{background-color: #FF4D4F;border-radius: 100%;text-align: center;position: absolute;top: 12px;text-indent: -999em;padding: 0;width: 8px;height: 8px;left: 13px;} .dropdown-notification .dropdown-menu{border:1px solid #e4e8ee;border-radius:0;left:auto;margin:0;top:51px;max-width:275px;min-width:160px;padding:0;box-shadow:5px 5px rgba(102,102,102,0.1);right:0;width:275px;z-index:9995} .dropdown-notification .dropdown-menu li.external{background-color:#eaedf2} .dropdown-notification .dropdown-menu li.external h3{color:#77878f;font-size:13px;line-height:normal;margin:0;font-weight:400;padding:13px 10px} .dropdown-notification .dropdown-menu li.external h3 a{color:#5b9bd1;float:right;font-weight:700;padding:0} .dropdown-notification .dropdown-menu li > a{border-bottom:1px solid #e4e8ee;padding:10px 15px;white-space:normal} .dropdown-notification .dropdown-menu li > a:hover,.dropdown-notification .dropdown-menu li > a:focus{background:#F8F9FA;color:#898989} .dropdown-notification .dropdown-menu li a .time{background-color:#f5f5f5;float:right;font-size:10px;width:50px;padding:1px;text-align:center} .dropdown-notification .dropdown-menu::before{border-bottom:7px solid rgba(0,0,0,0.2);border-left:7px solid transparent;border-right:7px solid transparent;content:"";display:inline-block!important;position:absolute;right:9px;top:-7px} .dropdown-notification .dropdown-menu:before{border-bottom-color:#e4e8ee} .dropdown-notification .dropdown-menu li a .details{display:inline-block;width:191px} .dropdown-notification .dropdown-menu li a .details .pull-left{width:150px} .dropdown-notification .label-icon{border-radius:0;font-size:12px;margin-right:5px;padding:7px 0 6px;color:#fff;float:left;text-align:center;width:25px} .dropdown-notification .label-success{background-color:#45b6af} .dropdown-notification .slimScrollBar{border-radius:0!important} .timer{position:relative;min-width:105px;text-align:center} #ticket-timer-widget{background-color:#efefef;border:1px solid #ccc;border-radius:3px;box-shadow:0 3px 4px #d6d6d6 inset;color:#0e0e0e;display:inline-block;font-family:OpenSans-Bold;font-size:14px;margin-bottom:6px;max-width:90px;min-height:20px;min-width:67px;padding:1px 4px;text-align:center} .watch-play,.watch-stop{background:url(../img/timer-bg.png) no-repeat scroll 0 0;height:16px;display:inline-block;width:17px} .watch-stop{background:url(../img/stop.png) no-repeat scroll 0 0;display:inline-block} .timer .reset-timer{background:url(../img/timer-bg.png) no-repeat scroll -22px 0;display:inline-block;height:16px;vertical-align:top;width:36px} .timer .add-hours{background:url(../img/timer-bg.png) no-repeat scroll -61px 0;display:inline-block;height:16px;vertical-align:top;width:18px} .control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline{color:inherit} .control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea{color:inherit} .control-group.success input,.control-group.success select,.control-group.success textarea{border-color:#ccc} .control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#ccc;-moz-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;-o-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset} .progressBox2{background-color:#F9F9F9;padding:10px 0;margin-bottom:20px;margin-top:10px} .progressBox2 .span7{width:57%} .progressBox2 .span5{width:43%;margin:0} .progressBox2 .repair{float:left;width:40%;padding:20px 0} .progressBox2 .repair canvas{height:auto} .progressBox2 .repair .txt16{padding-top:20px;display:inline-block;color:#191b1e} .progressBox2 .unlock{float:left;width:30%;padding:20px 0} .progressBox2 .unlock .txt16{padding-top:20px;display:inline-block;color:#191b1e} .progressBox2 .summarybox{float:left;width:30%;font-size:12px;color:#334c65;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:20px;padding-top:20px} .progressBox2 .summarybox .label{background-color:#bbb;height:8px;margin:-1px 5px 0 0;vertical-align:middle;width:8px} .progressBox2 .summarybox .label-info{background-color:#0a4865} .progressBox2 .summarybox .label-warning{background-color:#d3cd00} .progressBox2 .summarybox .label-orange{background-color:#da8000} .progressBox2 .summarybox .label-success{background-color:#74aa00} .progressBox2 .summarybox .label-important{background-color:#b82418} .progressBox2 .seprator-progress{border-left:1px solid #ddd;border-right:1px solid #fff;bottom:0;position:absolute;right:0;top:0} .progressBox2 .ticket-ammount{padding:55px 0} .ticket-ammount .span5{padding:20px 0} .ticket-ammount .span7{margin:0;padding:20px 0} .ticket-ammount h4{margin:0 0 15px} .intakeWidget{margin:20px 0} .intakeWidget .tab-content{-o-border-radius:0;-ms-border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} .intakeWidget .invoicedetail{padding:20px} .intakeWidget .invoicedetail h1{font-size:20px;margin:-4px 0 6px;text-align:left} .intakeWidget .invoicedetail .invoiceBoxTable{margin-top:0} .invoiceBoxTable{border:1px solid #ddd;overflow:hidden} .invoiceBoxTable table{background-color:transparent;border-collapse:inherit;border-spacing:0;margin-bottom:-1px;margin-top:-1px;width:100%} .invoiceBoxTable tr td:first-child{background-color:#ddd;border-bottom:1px solid #b9b9b9;border-top:1px solid #ededed;padding:6px 5px 6px 15px} .invoiceBoxTable tr:first-child td:first-child{border-top:medium none} .invoiceBoxTable tr:last-child td:last-child{border-bottom:medium none} .invoiceBoxTable tr td:nth-child(2){background-color:#fff;border-bottom:1px solid #dedede;border-top:1px solid #f7f7f7;padding:6px 5px 6px 15px} .intakeWidget .totalbox{width:100%} .txt-black{color:#000} ul.list-n{list-style:none} .intakeSignature{background-color:#f9f9f9;padding:0 20px 20px;font-size:13px;color:#000} .intakeSignature h3{font-family:OpenSans-semibold;font-size:17px;margin:0;padding:5px 0} .intakeSignature-Inner{background-color:#fff;padding:20px} .intakeWidget .sigPad ol{height:auto} .intakeSignature-Inner ol li{line-height:30px} .btn-success2{background-color:var(--teal);font-family:OpenSans-Bold;font-size:14px;padding:5px 10px 5px 57px;position:relative} .btn-success2 span{border-right:1px solid #4dd068;height:100%;left:0;position:absolute;top:0;width:47px} .btn-success2 span i{border-right:1px solid var(--teal);height:100%;margin:0;width:46px} i.icon-cloud{background:rgba(0,0,0,0) url(../img/cloud.png) no-repeat scroll center center} .terms label{display:inline;margin:0;vertical-align:middle} .terms input[type='checkbox']{margin:0 4px 0 0} #edit_basket{overflow:visible;position:relative;height:auto!important} ul.bullet{margin-top:10px} ul.bullet li{list-style:outside url(../img/arrow-black-left.png) disc;margin-bottom:3px} .table-striped tbody > tr:nth-child(2n+1).low-stock > td,.table-striped tbody > tr.low-stock > td{background-color:#d34343} #list_chosen .chosen-container-single .chosen-single{padding:4px 0 4px 8px;-moz-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;-ms-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;-o-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset} .condition{list-style:none;margin:0} .condition li{margin-bottom:4px;margin-top:11px;width:33%; padding-left:60px;display: inline-block;vertical-align: top;} .condition2 li{padding-left:0px;} .condition li .bootstrap-switch{float: left;margin-left: -58px;} .condition li .condition-name{display:inline-block;font-size:12px} .chosen-container{max-width:100%} .viewInvoice #home .condition li{width:50%} .viewInvoice .more-options{margin:0 -1px} #Modal-video{width:628px} #Modal-video .modal-header{border-bottom:2px solid #ededed} #Modal-video .modal-body{max-height:none} #Modal-video iframe{border:2px solid #ededed;display:block;margin:0 auto} .modal-header .close{float:right;color:#ccc;font-family:AvenirNextLTPro-Bold;font-size:30px;line-height:10px;margin:2px -8px 0 0;-moz-opacity:1;-ms-opacity:1;-o-opacity:1;-webkit-opacity:1;opacity:1} .modal-header h3{color:#3aa5cf;margin:13px 0 4px;text-align:center} .search-form.span3 > .btn-primary,.search-form.span2 > .btn-primary{display:none} .nav-collapse .dropdown-menu li.active a{color:#fff} .error-404 .breadcrumbs{background-color:#f6f6f6;border-radius:3px;padding:7px 0} .error-404-inner{margin:0 auto;max-width:660px;padding-bottom:30px} #sortable .span6.error-fix{margin:0} .infobox .help-block{margin:0} .cloud-index ol{list-style:none} .cloud-index ol li{line-height:24px} .cloud-index ol li a{text-decoration:underline} .bullet2{color:#333;float:left;font-family:OpenSans-Bold;font-size:15px;margin-left:-23px} .icon-syn{background:url(../img/syn.png) no-repeat scroll 0 0;margin-right:5px;vertical-align:middle} .icon-unlink{background:url(../img/unlink.png) no-repeat scroll 0 0;margin-right:5px;vertical-align:middle} .google-cloud-detail h3.txt18.txt-blue{border-top:1px solid #ccc;padding:10px 0;margin:0} #main-height .google-cloud-detail .label-inline label{min-width:auto;width:auto;padding-right:10px} #main-height .google-cloud-detail .label-inline .control-group > div.controls > input{width:auto} #main-height .google-cloud-detail .bootstrap-switch .bootstrap-switch-label{line-height:18px} #main-height .google-cloud-detail .box6 p{margin-bottom:5px} .btn-box3 button,.btn-box3 input.tiny{margin-top:10px;margin-right:7px} .btn-box3 input.tiny{height:42px} .qty-progress{display:inline-block;margin:0 7px;width:75px} .manage-leads .SalebyProd{display:inline-block;float:none;margin:10px auto 15px} .editLead .customer-add-edit .label-inline .control-group div .chosen-container{margin-left:0} .editLead .customer-add-edit textarea{height:119px;width:188px} .editLead .buttonBox{padding:15px 0} .popup-bg3{background-color:#40454b;margin:-10px 0 0} .popup-bg3 .makePayment-leftSide{margin:0;min-height:290px} .popup-bg3 .makePayment-leftSide a:hover{text-decoration:none} .popup-bg3 .makePayment-leftSide .active a{color:#fff} .popup-bg3 .makePayment-rightSide{background-color:#fff;padding-bottom:10px;padding-top:10px} .popup-bg3 .makePayment-rightSide .btn-group{margin-top:4px} .mainImage{text-align:center;padding:5px;min-height:200px} .mainImage img{max-height:200px} .sorter .images{margin:0 5px;overflow:auto;white-space:nowrap} .sorter .images .photo{display:inline-block;float:none;vertical-align:top} .sorter .images .photo:hover{border-color:#000;box-shadow:0 0 3px} .ui-widget-content a.btn-primary{color:#fff} #mask2,#mask3{display:none;background:#000;position:fixed;left:0;top:0;z-index:1002;width:100%;height:100%;opacity:.8} .popup-custome{background-color:#fff;border:1px solid #c7c7c7;display:none;float:left;left:50%;position:fixed;text-align:left;top:50%;width:80%;z-index:99999} .popup-custome .modal-body{max-width:unset;padding:10px 5px} .popup-custome .modal-header .close2{font-size:18px;padding:5px 7px} .popup-custome .form-actions{margin:0} .popup-custome .form-actions .close2{width:100px} .custome .carousel-indicators{position:static;cursor:pointer} .custome .carousel-indicators li{background-color:#bcbbbb;display:inline-block;float:none} .custome .carousel-indicators .active{background-color:#0094cb} .getStarted{border:1px solid #333;box-shadow:0 0 4px rgba(0,0,0,0.25);color:#333;display:block;font-family:OpenSans-Light;margin:140px auto 12px;max-width:350px;padding:15px 0} .popup-triger{cursor:pointer} .setup-btn,button.setup-btn,button.btn-red,.btn-red{border:1px solid var(--teal);background-color:var(--teal);padding:10px 15px;color:#fff;display:inline-block;cursor:pointer} .setup-btn.btn{background:var(--teal);border-radius:0} .setup-btn:hover{text-decoration:none;color:#fff} .setup-btn2,.btn-red{border:1px solid var(--teal);background-color:var(--teal);padding:10px 15px;color:#fff;display:inline-block;cursor:pointer} .setup-btn2.btn{background:var(--teal);border-radius:0} .setup-btn2:hover{text-decoration:none;color:#fff} .fmail .txt60{font-size:60px;display:inline-block;height:40px;line-height:40px;margin:4px 0 1px} .fmail h1{border-bottom:3px solid #dcdcdc;padding-bottom:5px} .fmail label{display:inline-block;cursor:default} .follow-up{background-color:#f1f1f1;line-height:normal;margin-bottom:10px;padding:20px} .follow-up .header{border:2px solid #d5d5d5;color:#4290be;background-color:#fff;padding:5px;float:left;text-align:center;min-width:100px;margin-right:20px} .follow-up .header .checkbox2{display:none;border:2px solid #ccc;border-radius:3px;float:left;margin:20px -20px 0 20px;height:20px;width:20px;box-sizing:border-box} .follow-up .header .checkbox2.checked{background:url(../img/checked3.png) no-repeat scroll center center;border:0 none} .follow-up .header .checkbox2 input{height:16px;margin:0;max-width:unset;opacity:0;width:16px} .follow-up p{line-height:18px} .follow-up .setup-btn{/*background-color:var(--teal);border-color:var(--teal);box-shadow:0 1px 0 #238cc4 inset;*/ padding:9px 15px;vertical-align:middle} .follow-up .setup-btn2{/*background-color:var(--teal);border-color:var(--teal);box-shadow:0 1px 0 #238cc4 inset;*/ padding:9px 15px;vertical-align:middle} .follow-up .btn-default{border-radius:0;font-size:15px;padding:9px 20px} .v-m{vertical-align:middle} .icon-add-new{background:rgba(0,0,0,0) url(../img/add-new.png) no-repeat scroll 0 0;height:64px;width:64px} .label-inline .controls input{margin-bottom:0} .fmail .label-inline .control-group{margin-bottom:20px} .export-to-csv{color:#333;float:right;font-size:12px;text-decoration:underline} .icon-csv{background:url(../img/csv.png) no-repeat scroll center center;height:15px;width:20px} .walking-customer{display:inline-block;max-width:100%;width:220px} .drop_tax{float:right;margin-right:5px} #_partlist{float:right} .jquery-popup-custome2.ui-dialog .ui-dialog-content.ui-widget-content{padding-left:20px;padding-right:20px} .name-box{background-color:#f0f0f0;margin-bottom:15px;max-width:261px;padding:7px 10px 8px} .jquery-popup-custome2 .btn-success{background:#0f991c;box-shadow:none;margin:15px 0;color:#fff;font-size:13px;padding:4px 7px 4px 8px} .info-box{background-color:#e6e8e5;padding:20px 10px} .info-box .left-box{width:47%} .info-box .right-box{width:47%} .info-box .name-box{background-color:#f8f8f8;border-radius:3px;padding:6px 5px 5px 10px;margin-bottom:2px} .info-box .column1{display:inline-block;width:60px} .info-box input.tiny{border-radius:0;margin-left:5px;padding:2px 5px 3px;width:60px} .print-button{color:var(--teal)!important;font-size:12px;display:inline-block;margin-top:8px} .icon-printer3{background:url(../img/printer3.png) no-repeat scroll 0 0;height:16px;width:20px} .jquery-popup-custome2 .footer{margin:0 -20px -9px;padding:10px 20px;text-align:right} .jquery-popup-custome2 .footer .setup-btn{margin-right:0} .jquery-popup-custome2 .footer .setup-btn2{margin-right:0} .icon-search2{background:url(../img/search2.png) no-repeat scroll 0 0;height:16px;width:20px} .name-box-small{max-width:172px} #end-shift .info-box{padding:10px} .info-box h3{line-height:normal;margin:0 0 10px} #end-shift .left-box,#end-shift .right-box{width:49%} .rupeesMain{padding-bottom:4px} .rupeesMain span{background-color:#f8f8f8;display:inline-block;min-width:58px;padding:9px 5px;text-align:center} input.qty{border:1px solid #ccc;border-radius:0;text-align:center;vertical-align:top;width:41px} .white-box{background-color:#fff;margin-top:6px;padding:20px} .white-box ul{margin:0} .white-box ul li{list-style:outside none none;padding-bottom:5px;text-align:right} .white-box ul li label{display:inline-block;line-height:normal;margin:0;text-align:left;vertical-align:middle;width:150px} .white-box ul li input[type=text]{border-radius:0;height:23px;text-align:center;width:142px;padding:0} .white-box ul li.txt16 input[type=text]{font-weight:700;font-size:16px} .btn.mas{color:#333;font-size:12px;min-width:52px;padding:1px 5px 2px} .btn.mas a{color:#333} .btn.mas a:hover,.btn.mas a:focus{text-decoration:none} .boxarrow{display:inline-block} .selectManufacturer label{display:inline-block;padding-right:20px} .bgGrey{background-color:#f9f9f9;padding:15px 10px} .fn{float:none} .chosen-container .chosen-results{max-height:150px} .bgWhite{background-color:#fff} .nav-tabs1{margin:0;border-bottom-color:#b1b1b1} .nav-tabs1 > li > a{border-color:#b1b1b1;border-bottom:0;border-radius:0;margin:0 -1px 0 0} .nav-tabs1 > li.active > a,.nav-tabs1 > li.active > a:hover,.nav-tabs1 > li.active > a:focus{border-bottom:0;border-color:#b1b1b1} .nav-tabs1 > li > a:hover{background:none;border-color:#b1b1b1} .tab-content1{border-left:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;border-right:1px solid #b1b1b1;padding:20px;background-color:#fff} .ui-widget{font-family:Open Sans;font-size:14px} #clockOption-popup .bgGrey{background-color:#e6e8e5;margin-bottom:20px;padding:12px 15px} #clockOption-popup .bgWhite{padding:15px 20px 20px} .bgRed{background-color:#fb4631;border:1px solid #f43a24;box-shadow:0 1px 0 #fc5b48 inset;color:#fff;padding:10px 5px;max-width:252px} #clockOption-popup .bgRed{max-width:252px} .btn3,a.btn3{background-color:#707070;border-radius:3px;box-sizing:border-box;color:#fff;float:left;font-family:OpenSans-Bold;font-size:15px;margin:0 0 2% 2%;padding:22px 5px;text-align:center;width:48%} .btn3:hover,.btn3.active{background-color:#3b3b3b;text-decoration:none;cursor:pointer} .btn3.disable_btn{opacity:.3;background-color:#3b3b3b;text-decoration:none;cursor:not-allowed} .btn4{background-color:#94b71f;border-radius:3px;clear:both;color:#fff!important;display:block;font-size:18px;margin:0 0 0 2%;padding:21px 5px;text-align:center} .print2{background:#191b1e url(../img/print.png) no-repeat scroll center center;border:1px solid #111214;box-shadow:0 1px 0 #4d4e4f inset;float:right;cursor:pointer;height:45px;width:43px} .csv2{background:var(--teal) url(../img/csv2.png) no-repeat scroll center 5px;border:1px solid var(--teal);box-shadow:0 1px 0 var(--teal) inset;color:#fff;cursor:pointer;float:right;font-family:OpenSans-Bold;font-size:11px;padding-top:23px;text-align:center;width:43px} .csv2.red-btn{background:#c80101 url(../img/csv2.png) no-repeat scroll center 5px; border-color:#b60202; box-shadow:0 1px 0 #ef0101 inset;} .hide{display:none} .txt80{font-size:80px} .payRoll .inline,.inline2,.inline3{display:inline-block;margin:0;padding:0 5px 0 0;vertical-align:middle;width:125px;text-transform:uppercase;font-family:OpenSans-Semibold} .inline3{width:168px;text-transform:none} .btn-default2{border-radius:0} .sort-box{background-color:#fff;border:1px solid #b1b1b1; margin-bottom:-1px;padding:7px 10px;min-height:28px} .sort-box span.txt18{display:inline-block;margin-top:3px;margin-bottom:5px} .sort-box select{background-position:93% center;float:right;height:28px;padding:0 0 2px 3px;width:80px} .table-responsive.custom-table4,.custom-table4{border-radius:0;border:0} .table-responsive{ overflow-x: auto;} .custom-table4 table{border:1px solid #b1b1b1;width:100%} .custom-table4 table th{background-color:#efefef;border:1px solid #ccc;height:40px;font-family:OpenSans-semibold;text-align:left;padding:0 5px;font-size:14px; font-weight:400; line-height:15px;} .custom-table4 table td{background-color:#f9f9f9;border:1px solid #ccc;height:40px;padding:4px} .custom-table4.td56 table td{height:56px;} .custom-table4.pad-td10 table td,.custom-table4.pad-td10 table th{padding:5px 10px} .custom-table4.bigtd table td{height:56px;padding:5px 10px} .custom-table4.bigtd table th{padding:0 10px} .custom-table4 table tfoot td,.custom-table4.striped table tfoot td{font-family:OpenSans-Bold;font-size:15px;background-color:#efefef;height:57px} .btn-group2 > .btn:first-child{border-radius:0;margin-top:5px;padding:8px 9px} .btn-group2 > .btn:first-child:hover,.btn-group2 > .btn:first-child:focus{background-position:0 0;background-color:#f5f5f5} .btn-group2:hover ul.dropdown-menu { display:block; margin-top:0} .btn-group3:hover > ul.dropdown-menu { display:block; margin-top:0} [class^="icon-"],[class*=" icon-"]{vertical-align:middle} .icon-setting3{background:url(../img/setting3.png) no-repeat scroll 0 0;height:20px;margin-right:4px;width:20px} .btn-group2 .caret{border:0;background:url(../img/select-arrow.png) no-repeat;width:9px;height:9px;margin-left:10px} .custom-table4 table td input.tiny{padding:5px 0 6px 5px;width:73px} .v2input input.tiny{padding:5px 0 6px 5px;width:73px} .signbox{max-width:440px;padding:0 20px 20px} .signbox h3{border-bottom:1px solid #ccc;margin:4px 0 20px} .w50{float:left;width:50%;box-sizing:border-box;max-width:50%;} .box1{background-color:#fdfdfd;border:1px solid #ccc;padding:10px;margin-bottom:20px} .box1-head{border-bottom:1px solid #ccc;margin-bottom:10px;padding-bottom:5px} .box1-content{background-color:#f9f9f9;padding:10px} a.update-customer,a.update-customer2{background-color:#94b71f;color:#fff;float:right;margin-right:5px;font-family:OpenSans-Bold;font-size:12px;min-width:53px;padding:6px} .ul-default{list-style:none;margin:0;padding:0} #customer_signature.box1{padding:18px} .tradein.label-inline label{font-size:13px} .sellDevice-index .bgGrey{margin-top:10px;padding-bottom:8px} .sellDevice-index .bgGrey ul{color:#000;list-style:outside none none;margin:0} .sellDevice-index .bgGrey li{background:rgba(0,0,0,0) url(../img/bullet.png) no-repeat scroll left 5px;margin-left:7px;padding:0 0 5px 20px} .sellDevice-index .bgGrey li a{color:var(--teal)} .sellDevice-index .bgGrey li a:hover{text-decoration:underline} #customerCheckInEmbedCode{background-color:#fff;border:1px solid #d2d2d2;border-radius:3px;margin-top:9px;position:relative} #customerCheckInEmbedCode .icon-arrow-top{background:url(../img/arrow-top.png) no-repeat scroll 0 0;height:18px;left:45px;position:absolute;top:-19px;width:24px} .w33{float:left;width:33.33%} .prod-box{background-color:#fcfcfc;border:1px solid #eae9e9;margin:20px 10px 0 0;min-height:187px;padding:10px} .prod-box .v-center{height:90px} .prod-box .v-center a{display:block} .prod-box h3{font-family:OpenSans-Bold;font-size:14px;line-height:normal;margin:0 0 2px} .prod-box h3 a{color:#333} .prod-box p{color:#676767;font-size:13px;margin:0} .prod-box:hover{border-color:#242627;box-shadow:0 0 1px 1px #dbdbdb inset;background-color:#fff} .prod-box:hover a{text-decoration:underline} .box2{background-color:#f0f2f2;border:1px solid #b1b1b1;margin-top:12px;padding:15px} .box3{background-color:#fff;border:1px solid #b1b1b1} .box3-head{border-bottom:1px solid #b1b1b1;margin-bottom:15px;padding:0 10px} .box3-head h3{float:left;line-height:normal;margin:10px 0 0} .box3-head .setting-sub-links li{border-bottom:4px solid #b1b1b1;font-size:12px;margin-left:0} .box3-head .setting-sub-links li:hover,.box3-head .setting-sub-links li.active{border-color:var(--teal)} .box3-head .setting-sub-links li a{margin-right:2px;min-width:70px;font-family:OpenSans-Bold;padding:17px 5px 2px;text-align:center} .box3-head .setting-sub-links li:hover a,.box3-head .setting-sub-links li.active a{color:var(--teal)} .box3-content{padding:0 10px 10px} .heading1{background-color:var(--teal);border:1px solid var(--teal);box-shadow:0 1px 0 #238cc4 inset;color:#fff;font-family:OpenSans-Bold;font-size:18px;line-height:normal;margin:0 0 10px;padding:12px 10px 13px} .simple td{padding:3px 10px} .simple tr td:first-child{width:50%} .sep{display:inline-block;min-width:100px;text-align:center;padding:0 5px} .sep-b{border-top:1px solid #b1b1b1;margin-top:5px;padding-top:5px} .action-box{border-radius:0;padding:0;text-align:left} .action-box > a{color:#333;display:block;font-size:12px;padding:2px 10px} .dropdown-right{left:auto;right:0} .striped.custom-table4 table tr:nth-child(even) td,.striped tr:nth-child(even) td{background-color:#fff} .striped tr:nth-child(odd) td{background-color:#f9f9f9} .striped2 tr.even td{background-color:#fff !important} .striped2 tr.odd td{background-color:#f9f9f9 !important} .striped.custom-table4 table tbody .tfoot td{background-color:#EFEFEF;font-weight:700} .table-box2{float:right;padding:10px 20px 0;width:47%} .table-box2 table td{padding:6px 10px} .table-box2 table td .sep{min-width:60px;text-align:left} .table-box2 table tfoot td{border-top:1px solid #b1b1b1;font-weight:700;height:40px} .sign-box a.downloadButton{background:url(../img/dl.gif) no-repeat scroll left center;float:right;color:var(--teal);font-size:11px;padding-left:20px} .makePayment-leftSide > ul li select{text-align:center;background:#fff url(../img/select-arrow.png) no-repeat scroll 95% center;font-family:OpenSans-Bold} input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;-moz-box-shadow:0 0 0 1000px #fff inset;-ms-box-shadow:0 0 0 1000px #fff inset;box-shadow:0 0 0 1000px #fff inset;background:none} .custom-table2.table .warrenty-td{width:141px} .custom-table2.table .warrenty-td .tinyField{width:30px;margin-bottom:3px;margin-right:3px;vertical-align:top} .warrenty-td select{width:100px} #tabsA .control-inline{margin-bottom:10px} #tabsA .control-inline label{display:inline-block;width:30%} #tabsA .control-inline .controls{display:inline-block;width:68%} .txt-blue2{color:var(--teal)} i.icon-download3{background:url(../img/ibg.png) no-repeat scroll 0 0;height:15px;width:15px;margin-right:10px} i.icon-question2{background:url(../img/ibg.png) no-repeat scroll 0 -26px;height:16px;width:16px;margin-right:10px} i.icon-export{background:url(../img/ibg.png) no-repeat scroll 0 -53px;height:15px;margin-right:10px;width:15px} .fwn{font-weight:400} .csv-box h3{padding-left:18px} .csv-box-inner{background-color:#f0f2f2;-moz-box-shadow:0 10px 10px -10px #c5c5c5 inset;-o-box-shadow:0 10px 10px -10px #c5c5c5 inset;-webkit-box-shadow:0 10px 10px -10px #c5c5c5 inset;box-shadow:0 10px 10px -10px #c5c5c5 inset;padding:20px 35px} .upload-box{background-color:#fff;border:1px solid #ccc;margin:15px 0;box-shadow:1px 3px 3px -3px rgba(219,219,219,0.5) inset;padding:10px} .upload-box-inner{background:url(../img/file.png) no-repeat scroll 0 0} .upload-box-inner input[type=file]{cursor:pointer;height:28px;opacity:0;width:117px} .upload-box-inner input[disabled=disabled]{background:none;border:0 none;font-size:16px;color:#696666;cursor:default} .upload-box-inner2{background:url(../img/button.png) no-repeat scroll 9px 18px;background-size: 90px} .upload-box-inner2 input[type=file]{cursor:pointer;height:28px;opacity:0;width:67px} .upload-box-inner2 input[disabled=disabled]{background:none;border:0 none;font-size:16px;color:#696666;cursor:default} .csv-box-inner .inline{margin:15px 4px 0 0;padding:0} .csv-box-inner hr{border-top:1px solid #d9d9d9;border-bottom:1px solid #fff} .csv-box-inner .icon-arrow-round{margin-top:5px} .error-page .alert-danger{margin:15px auto;max-width:750px;padding:19px 10px} .error-page .logo-box{border-bottom:1px solid #e8e8e8;box-shadow:0 1px 0 #eee;margin-bottom:30px;padding-bottom:12px;text-align:left} .footer-error{background-color:#f8f8f8;padding:20px;color:#a2a2a2;font-size:13px;margin-top:20px} .icon-arrow-black{background:url(../img/arrow-round-black.png) no-repeat} .icon-plus-white2{background:url(../img/add.png) no-repeat;width:20px;height:20px} .custom-table4 td{font-size:13px} .custom-table4.txt14 td{font-size:14px} .inventoryTransfer .setup-btn.green{margin-right:5px;padding:8px 15px} .inventoryTransfer .setup-btn2.green{margin-right:5px;padding:8px 15px} i.icon-pencil-b{background:url(../img/pencil-b.png) no-repeat center} .inv_trn_report hr,.hr3 {border-top-color:#d9d9d9;margin:4px 0 25px} .inv_trn_report h1{line-height:normal;margin:0} .inv_trn_report .inline2{width:168px} .chosen-container-single .chosen-search input[type="text"]{display:block} .search-head{float:left;border-radius:30px;font-size:12px;margin-top:16px;max-height:28px} .search-head-active{border:1px solid #fff;} .search-head .hide2{display:none} .search-head .show2{display:inline-block} .icon2{border:1px solid #fff;border-radius:20px;color:#fff;display:inline-block;font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;height:18px;line-height:16px;text-align:center;vertical-align:middle;width:18px} .search-head .icon2{margin:4px} .search-head input[type=text]{background:rgba(0,0,0,0) none repeat scroll 0 0;border:0 none;color:#fff;padding:0;margin:0;width:129px} .search-head input[type=text]:focus{box-shadow:none;background:none} .dropdown-arrow{background:rgba(0,0,0,0) url(../img/caret.png) no-repeat scroll center center;border-left:1px solid #545454;float:right;height:26px;margin-left:4px;width:24px} .icon-search4{background:url(../img/NewSearch.svg) no-repeat} .search-head .icon-search4{background-position:center center;float:right;height:19px;cursor:pointer;margin:0;width:19px} .search-head .dropdown-menu,.dropdown-menu2{position:absolute;right:7px;left:4px;padding:0;border-radius:0;border:1px solid #eae9e9;box-shadow:0 1px 4px 1px #eae9e9;top:30px} .c1{background:url(../img/c1.png) no-repeat scroll 0 0;display:inline-block;height:21px;margin-right:8px;vertical-align:middle;width:21px} .c2{background:url(../img/c2.png) no-repeat scroll 0 0} .c3{background:url(../img/c3.png) no-repeat scroll 0 0} .dropdown-menu a:hover .c1,.dropdown-menu a.active .c1{background:url(../img/ch1.png) no-repeat scroll 0 0} .dropdown-menu a:hover .c2,.dropdown-menu a.active .c2{background:url(../img/ch2.png) no-repeat scroll 0 0} .dropdown-menu a:hover .c3,.dropdown-menu a.active .c3{background:url(../img/ch3.png) no-repeat scroll 0 0} .search-head .dropdown-menu .carret-top,.dropdown-menu2 .carret-top{background:url(../img/caret-top.png) no-repeat scroll 0 0;height:7px;position:absolute;right:5px;top:-7px;width:11px} .search-head .dropdown-menu a,.dropdown-menu2 a,.dropdown-menu3 a{border-bottom:1px solid #eae9e9;color:#333;padding:6px 5px;font-size:13px;cursor:pointer} .search-head .dropdown-menu a .icon2,.dropdown-menu2 a .icon2{border-color:#babcbb;color:#babcbb;margin:0 6px 3px 3px} .search-head .dropdown-menu a:hover .icon2,.dropdown-menu2 a:hover .icon2,.search-head .dropdown-menu a.active .icon2,.dropdown-menu2 a.active .icon2{color:#fff;border-color:#fff} .search-head .dropdown-menu a:hover,.dropdown-menu2 a:hover,.search-head .dropdown-menu a.active,.dropdown-menu2 a.active,.dropdown-menu3 a:hover,.dropdown-menu3 a.active{color:#fff;background-color:#134E4A} .graph{min-height:242px;margin:15px 0} .export_to_csv{background:url(../img/csv3.png) no-repeat scroll left center;padding:0 0 0 16px;text-decoration:underline;float:right} .transfered{background-color:var(--teal);border:3px solid var(--teal);color:#fff !important;display:inline-block;padding:7px 12px;text-shadow:0 1px rgba(50,129,171,0.75);margin-top:5px;text-align:center;min-width:140px} .transfered.btn-warning{border: 0;} .infoBox .hr{margin:0 0 20px} .sampleStore{background-color:#fff;border:3px solid #d6d6d6;color:var(--teal);display:inline-block;font-family:"CooperBlackStd";font-size:20px;min-width:241px;margin-bottom:15px;padding:10px;text-align:center} .sampleStore img{max-height:70px} .infoBox h4{margin:0 0 3px;font-size:18px;font-family:OpenSans-Bold} .infoBox p{line-height:24px} .tos{background:#fff;border:1px solid #b1b1b1} .tos td{border-bottom:1px solid #d9d9d9;border-top:0;border-left:0;border-right:0;padding:7px 5px 7px 20px} #customer_info a:hover{text-decoration:underline} .btn-box{background-color:#fdfdfd;border-bottom:1px solid #f0f0f0;border-top:1px solid #eee;box-shadow:0 6px 6px -6px #eaeaea;margin:-15px -10px 7px;color:#fff;padding:10px} .btn-blue,.btn-blue2,button.btn-blue,button.btn-blue2{background:var(--teal);border:1px solid var(--teal);color:#fff;font-family:OpenSans-Semibold;font-size:15px;display:inline-block;vertical-align:top;margin:0 5px 5px 0;padding:10px} a.btn-blue2,.ui-widget-content a.btn-blue2{color:#fff} .btn-blue:focus,.btn-blue2:focus{color: white;} .btn-blue img{display:inline-block} .customerRbox{background-color:#fff;border:1px solid #c8c8c8} .customerRbox .alert-box2{background:#f3d5d6 url(../img/alert.jpg) no-repeat scroll 0 5px;border:1px solid #f9abb1;box-shadow:0 1px 0 #fce9ea inset;color:#ad2918;font-family:OpenSans-Bold;font-size:14px;margin:10px;padding:7px 5px 10px 45px} .rparent{overflow-x:hidden;overflow-y:scroll;max-height:150px} .rparent .rbox{border-top:1px solid #ccc;padding:8px;color:#787878} .rparent .rbox strong{color:#333} .customerRbox .rbox:nth-child(2n+1){background-color:#f9f9f9} .btn-blue:hover{color:#fff;background:var(--teal)} .btn-blue2:focus {outline: unset;} i.icon-2{background:rgba(0,0,0,0) url(../img/icon-2.png) no-repeat scroll 0 0;height:18px;margin:2px 8px 0 0;width:16px} i.icon-3{background:url(../img/icon-3.png) no-repeat;width:17px;height:17px;margin:2px 8px 0 0} i.icon-4{background:url(../img/icon-4.png) no-repeat;width:14px;height:18px;margin:2px 8px 0 0} i.icon-help{background:url(../img/questionmark.png) no-repeat;width:20px;height:20px;margin:0 8px 0 0} i.icon-caret{background:url(../img/arrow4.png) no-repeat;width:9px;height:8px;margin:2px 0 0 3px} .btn-box .setup-btn{vertical-align:top;padding:9px;margin:0 5px 5px 0} .btn-box .setup-btn i.icon-plus3{margin:2px 8px 0 0} .btn-box .setup-btn2{vertical-align:top;padding:9px;margin:0 5px 5px 0} .btn-box .setup-btn2 i.icon-plus3{margin:2px 8px 0 0} .btn-box .btn-group2 > .btn:first-child{margin:0} .btn-blue2,input.btn-blue2{background-color:var(--teal);border:1px solid var(--teal);box-shadow:0 1px 0 #238cc4 inset;min-width:100px;border-radius:0} .buttonBox2 .btn-primary{background:var(--teal);border:1px solid var(--teal);box-shadow:0 1px 0 #238cc4 inset;min-width:100px;border-radius:0;padding:10px 15px;font-family:"Opensans-Semibold"} .editTicket .box2{margin:0 0 10px;min-height:474px} .walkin .imgBox{min-height:72px} .walkin .description{margin-left:80px;padding-top:24px} .walkin .description #customer-choosen .chosen-container-single .chosen-single{margin-top:-3px} .walkin hr{border-top-color:#d9d9d9;margin:9px 0 15px} .add-address{background:url(../img/abd.png) no-repeat 0 center;padding-left:20px;cursor:pointer;display:inline-block;margin-bottom:12px} .abt{background:url(../img/abt.png) no-repeat 0 center} .walkin .w50{padding-right:10px} .setup-btn:hover,.setup-btn:focus{color:#fff;text-decoration:none} .setup-btn2:hover,.setup-btn2:focus{color:#fff;text-decoration:none} .btn-box.fixed{left:0;margin:0;position:fixed;right:0;top:0;z-index:1000} #ticketinv .custom-table4 table td input.tiny{width:70px} .totalbox2{width:82%;margin-bottom:20px} .totalbox2 td{border:1px solid #b1b1b1;padding:4px 5px 4px 15px;height:50px;font-size:15px;background-color:#fff} .totalbox2 td strong{font-family:OpenSans-Bold;font-size:16px} .totalbox2 tfoot td{background-color:#efefef} .v2input.totalbox2 input.tiny{height:26px;padding:0 5px;width:69px} .nav-tabs.nav-tabs6{border-bottom:3px solid #dcdcdc} .fckbox2 .nav-tabs.nav-tabs6{margin-bottom:0} .nav-tabs.nav-tabs6 li{margin-bottom:-3px} .nav-tabs6 li a{ min-height:40px;color:#333;margin:0;padding:8px 12px} .nav-tabs6 > li.active > a,.nav-tabs6 > li.active > a:hover,.nav-tabs6 > li.active > a:focus{background:transparent;border:0;border-bottom:3px solid var(--teal);color:var(--teal);font-family:"Opensans-Bold"} .tab-content6 > .tab-pane{display:none} .tab-content6 > .active{display:block} .nav-tabs.nav-tabs8{border-bottom:3px solid #dcdcdc} .fckbox2 .nav-tabs.nav-tabs8{margin-bottom:0} .nav-tabs.nav-tabs8 li{margin-bottom:0} .nav-tabs8 li a{border-color:#b1b1b1;background-color:#ededed;color:#333;padding:7px 15px;margin:0 5px 5px 0;border-radius:0} .nav-tabs8 > li.active > a,.nav-tabs8 > li.active > a:hover,.nav-tabs8 > li.active > a:focus{background:var(--teal);border-color:var(--teal);color:#fff;font-family:"Opensans-Bold"} .nav-tabs8 > li > a:hover{border-color:#b1b1b1} .v2input .bootstrap-tagsinput{display: inline-block;min-width: 130px;padding:6px 4px 0;width:auto; min-height:36px;border-radius:2px;} .v2input .bootstrap-tagsinput input{box-shadow:none;padding:0} .bootstrap-tagsinput input[type='text']:focus,.bootstrap-tagsinput input[type='text']:hover{ box-shadow:none;} .repair-history{list-style:outside none none;margin:10px 0} .repair-history li{background-color:#f7f5c4;border-bottom:1px solid #fff;padding:10px} .repair-history li .pull-left{padding-left:30px;width:140px} .repair-history li .pull-left input[type=checkbox]{float:left;margin:6px 0 0 -30px} .repair-history li .pull-left .date{color:#caab02} .repair-history li .h-inner-box{border-left:1px solid #e6e39e;box-shadow:1px 0 0 #fff inset;font-size:13px;line-height:18px;margin-left:175px;padding-left:15px} .h-inner-box h5{margin:0;color:var(--teal)} .tellaFriend{background-color:#f8f8f8;padding:15px 10px} .tellaFriend h1{border-bottom:1px solid #ccc;font-weight:400;margin:0 0 14px;padding-bottom:10px} .tellaFriend h1 span{color:#333} .tellaFriend h2{margin:0;font-weight:400} .tellaInner{background-color:#fff;border:1px solid #b1b1b1;padding:15px 10px} .tellaInner h4{margin:0} .tellaInner .btn-blue{box-shadow:0 1px 0 var(--teal) inset;min-width:133px} .tellaInner input[type=text].input2{border:1px solid #ccc;box-shadow:0 1px 0 #f0f0f0 inset;border-radius:2px;min-height:27px;width:100%;max-width:97%;background-color:#fff} .tellaInner2{border:1px solid #ccc;box-shadow:0 1px 0 #f0f0f0 inset;padding:15px 10px;line-height:18px;font-size:14px;margin-bottom:15px;border-radius:2px} .table1{font-size:12px;background-color:#efefef} .table1 th{font-size:14px;border:1px solid #b1b1b1;height:35px;padding:5px 10px;text-align:left} .table1 td{border:1px solid #b1b1b1;height:45px;padding:5px 10px;background-color:#fff} .view_customer_view h2{line-height:normal;margin:0} .description2{color:#787878;line-height:24px;font-size:13px} .btn-blue:hover{color:#fff;text-decoration:none!important} .table2{background-color:#fff} .table2 td{height:20px;padding:5px 10px;width:50%;border:1px solid #b1b1b1;} .view_ticket .box2{min-height:280px} .make_ticket{background-color:#0D9488;border-radius:4px} .graph h4{padding:10px;text-align:center} .graph h3{margin:-20px 0 0} .disabledbutton{pointer-events:none;opacity:.4} a.view_all{float:left;color:var(--teal);margin-top:5px;text-decoration:underline} i.icon-error2{background:url(../img/error2.png) no-repeat;width:54px;height:50px} .error2{display:inline-block;margin-bottom:20px;min-width:175px;text-align:center} .m1{color:#d6d6d6} .range{float:right;margin-right:10px} .range .active{color:#FB0004} .range .range-option { display:inline-block; margin:0 3px;} .range .range-option:hover{ text-decoration:underline;} #chartdiv1,#chartdiv2,#chartdiv3{height:200px} .lagent{list-style:outside none none;margin-top:25px;margin-left:0} .lagent li{margin-bottom:3px; padding-left: 18px; position: relative;} .lagent li:hover { text-decoration:underline; cursor:pointer;} .lagent li .legend{border-radius:20px;display:inline-block;height:11px;margin-right:7px;width:11px; position: absolute;left: 0; top: 5px;} .lagent li:first-child .legend,.clBlank{border:1px solid #ccc;box-sizing:border-box} .cl1,.clOrange{background-color:#EE8C1E} .cl2,.clGreen{background-color:var(--teal)} .cl7,.clGreen{background-color:#00767A} .cl3,.clRed{background-color:#FF0303} .cl4{background-color:#2C425E} .cl5{background-color:#EECF00} .cl6{background-color:#aaa} .lagent li:nth-child(7n+1) .legend{background-color:#0F766E} .lagent li:nth-child(7n+2) .legend{background-color:var(--teal) } .lagent li:nth-child(7n+3) .legend{background-color:#2DD4BF} .lagent li:nth-child(7n+4) .legend{background-color:#14B8A6} .lagent li:nth-child(7n+5) .legend{background-color:#FF0303} .lagent li:nth-child(7n+6) .legend{background-color:#EECF00} .lagent li:nth-child(7n+0) .legend{background-color:#aaa} .clBlue{background-color:#17b5d7} .fb-box{overflow:auto} .LineBoxDiscount table{width:100%} .LineBoxDiscount table td{border-bottom:1px solid #ccc;height:45px;padding:4px 0} .LineBoxDiscount table tr td:nth-child(2){text-align:right} .percent-box{border:1px solid var(--teal);float:right} .percent-box span{display:inline-block;text-align:center;width:36px;float:left;line-height:23px} .percent-box span:first-child{border-right:1px solid var(--teal);width:33px;cursor:pointer} .percent-box span.active{background-color:var(--teal);box-shadow:1px 1px 0 #238cc4 inset;color:#fff;cursor:default} input.itemLineDiscount{height:25px;padding:0 4px;width:71px} .translation-main .header{background-color:#1e1f20;padding:11px 15px;margin-bottom:10px} .translation-main .grid-view table.items th{background:#efefef none repeat scroll 0 0;border:1px solid #b1b1b1!important;color:#333;text-align:center;vertical-align:middle} .translation-main .grid-view table.items th a{color:#333} .translation-main .grid-view table.items td{border-color:#b1b1b1;text-align:center} .translation-main .badge-success{background-color:var(--teal);border-radius:4px;color:#fff;min-width:100px;padding:4px} .translation-main .alert-info{background:rgba(0,0,0,0) none repeat scroll 0 0;color:var(--teal);margin:0} .dropdownC{border:1px solid #ccc;border-radius:2px;background:#fff url(../img/select-arrow2.png) no-repeat scroll right center;box-shadow:0 1px 2px #f0f0f0 inset;max-width:100%;position:relative;display:inline-block;padding:7px 5px;width:264px} .dcInner{background-color:#fff;border:1px solid #ccc;left:2px;display:none;margin-top:4px;padding:10px;position:absolute;right:2px;top:100%;z-index:10} .dcInner input[type=checkbox]{float:right;margin-top:4px} .searchbar-top{background-color: #134E4A;color: #fff;padding: 8px 24px 8px 16px;} .searchbar-top input[type=text]{border-radius:4px;box-sizing:border-box;height:40px;margin:0;max-width:unset;width:100%;background-color: transparent;color:#fff;} .searchbar-top input[type=text]::placeholder{color: #fff;} .v2input #ticket-grid .datetimepicker input[type="text"],.v2input #ticket-grid .datetimepicker input[type="password"]{border:0;box-shadow:none} .comment-box2 .sms-box2{margin-left:80px;padding-right:10px} .seprator3{border-bottom:0 none;border-top:1px solid #ccc;margin:0 0 15px} .filter{float:right;margin-right:10px} .history-all{font-size:13px;list-style:none;margin:10px 0 0;clear:both} .history-all li{border-top:1px solid #e0e0e0} #tab4 .history-all li:first-child{border-top:0} .history-all li.blue{background-color:#dbeff4} .history-all li.l-yellow{background-color:#ff9} .history-all li.l-green{background-color:#a5f7bf} .history-all li.l-red{background-color:#ffd1d1} .history-all li .imgbox2,.comment-box2 .imgbox2{float:left;margin:10px;max-width:56px;} .history-all li .imgbox2 img,.comment-box2 .imgbox2 img{border:1px solid #ccc} .right-shide .imgbox2 img{width:36px} .history-all li .right-shide{color:#4f575b;min-height:80px;margin-left:80px;padding:6px 10px 10px} .history-all li .right-shide .imgbox2{margin-left:0;margin-top:4px} .history-all li .sms-box{background-color:#ffd;border:1px solid #dbdbc2;padding:5px 10px} .history-all li .sms-box2{margin-left:47px} .comment-box .sms-box2 .setup-btn{margin:5px 0;min-width:75px;padding:6px 15px} .comment-box .sms-box2 .setup-btn2{margin:5px 0;min-width:75px;padding:6px 15px} .toggle-text{background-color:#fff} .sms-box2 .toggle-text textarea{border-radius:0;width:100%;box-shadow:none;border:0} .toggle-text .btn-box2{text-align:right;border-top:1px solid #e0e0e0;margin-top:10px;padding:10px;display:none} .history-all li .reply{cursor:pointer} .widget-content,.widget-content-edit{background-color:#f8f8f8;padding:10px} .widget-content-edit .heading2{margin:26px 0 -6px} .seprator4{border-top-color:#d9d9d9;height:auto;margin:10px 0 20px} .avTags h3{border-bottom:3px solid #dcdcdc;margin:0 0 10px;padding-bottom:5px} .avTags span{display:inline-block;border:1px solid #dcdcdc;border-radius:4px;background-color:#f1f1f1;padding:5px 14px 7px;margin:10px 0 0 10px} .setting-sub-links3{border-bottom:3px solid #dcdcdc;margin-bottom:10px} .setting-sub-links3 li{display:inline-block;margin-right:15px} .setting-sub-links3 li a{border-bottom:3px solid transparent;color:#333;display:inline-block;margin-bottom:-3px;padding:0 2px 8px} .setting-sub-links3 li.active a{border-color:var(--teal);color:var(--teal);font-family:OpenSans-Bold} .datetimepicker{display:inline-block;position:relative} td.datetimepicker{position:static;display:table-cell} .reset-date,.repair-reset-date{background-color:#fff;color:#000;font-weight:700;height:23px;position:absolute;right:24px;cursor:pointer;text-align:center;top:8px;width:20px; font-size:14px;} .employ_commission .box2{background:#fff} .reset-filter-btn{color: var(--teal);padding: 2px 8px;background-color: #fff;line-height: 24px;border-radius: 4px;border: 1px solid var(--teal);} .reset-filter-btn:hover{background-color: var(--teal);color:white; fill: #fff; stroke: #fff;} .cat-ul-head{background:#f8f8f8 url(../img/a1down.png) no-repeat 10px center;border-bottom:2px solid #b1b1b1;padding:8px 10px 8px 30px;cursor:pointer} .cat-ul-head td,.cat-ul-foot td{width:33.33%} .cat-ul-foot{padding:8px 10px 8px 30px} .a1up{background:#f8f8f8 url(../img/a1up.png) no-repeat 10px center} .tbl-detail{padding:10px 0;display:none;overflow:auto} .tbl-detail th{background-color:#efefef;border:1px solid #ccc;font-family:OpenSans-Bold;height:42px;padding:0 5px} .tbl-detail td{border:1px solid #ccc;height:42px;padding:0 5px} .tbl-detail table tr:nth-child(even) td,.custom-table4 .tbl-detail table tr:nth-child(even) td{background-color:#f9f9f9} .tbl-detail tfoot td{font-size:15px;font-weight:700} .add-detail-inner #Customer_phone,.add-detail-inner #Customer_mobile{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} .more-options .label-inline label.label2{display:inline-block;width:auto;min-width:0} .alert-green{background-color:var(--teal);color:#fff;font-size:13px;padding:2px 22px} .icon-bell-green{background:rgba(0,0,0,0) url(../img/bell-grenn.png) no-repeat scroll 0 0;height:21px;margin:-1px 7px 0 0;width:18px} .btn-green{background-color:#4ab86e;color:#fff;display:inline-block;margin:0 10px;min-width:115px;padding:2px 0;text-align:center} .btn-green:hover{color:#fff;text-decoration:underline} .alert-close{background:rgba(0,0,0,0) url(../img/cross-green.png) no-repeat scroll 0 0;float:right;height:16px;cursor:pointer;margin-top:4px;width:16px} .fix{padding-left:0} .dropdown-menu .divider{height:2px} .total-box{background-color:#f8f8f8;line-height:30px;margin:12px 20px 0;padding:15px 20px 20px} .total-box:last-child{margin-bottom:15px} .popup-comment{max-height:250px;overflow:auto;margin:10px -20px;clear:both} #staff_commetns .control-group{width:32%} #staff_commetns .inline{padding:0} #staff_commetns .control-group .chosen-container{max-width:88%} #staff_commetns input#Inbox_subject{max-width:75%} #staff_commetns_edit .control-group{width:32%} #staff_commetns_edit .control-group select{max-width:88%} #staff_commetns_edit .inline{padding:0} #staff_commetns_edit .control-group .chosen-container{max-width:88%} #staff_commetns_edit input#Inbox_subject{max-width:75%} #comments_history .control-group{width:32%} #comments_history .inline{padding:0 0 0 5px} #comments_history .control-group .chosen-container{max-width:88%} #comments_history input#Inbox_subject{max-width:75%} .ui-dialog.ui-widget{font-family:"Open Sans"; font-size:14px;} label.label1{margin:8px 0} .radio2 .inline{padding:0 14px 0 0} .serialized{padding:15px 10px} .btn-blue3,a.btn-blue3{background-color:var(--teal);border:1px solid var(--teal);color:#fff;padding:5px;display:inline-block;font-size:13px;font-family:OpenSans-Semibold;text-align:center;min-width:118px} .txt-red2{color:#df0404} .icon-caret2{border:0;background:url(../img/select-arrow.png) no-repeat;width:9px;height:9px;margin-left:5px;margin-top:6px} .dropdown-menu3{left:1px;top:21px;min-width:218px} .dropdown-menu3 .carret-top{right:auto;left:3px} .dropdown-menu3 a{padding:7px 10px;font-family:open sans} #ticket-form .custom-table4{border:0;margin-bottom:0} #ticket-form .custom-table4 .sort-box{background-color:#efefef;padding:10px} #ticket-form .min-box,.min-box2{background:url(../img/arrow-black-top2.png) no-repeat center;border:0 none;height:21px;width:26px;margin:0;float: right;} #ticket-form .max-box,.max-box2{background:url(../img/arrow-black2.png) no-repeat center;} .icon-question3{background:url(../img/question3.png) no-repeat;width:16px;height:16px;margin-top:-3px} #ticket-form .tooltip-inner{text-align:left} .gplus{background-color:#e7f2e8;border:1px solid var(--teal);padding:11px 10px;display:block;width:100%;color:var(--teal);font-family:OpenSans-Bold;font-size:15px} .icon-gplus{width:16px;height:16px;border:1px solid var(--teal);border-radius:100%;position:relative;font-style:normal;vertical-align:middle} .icon-gplus::after{content:"\eb0b";font-size:12px;left: 1px;top:0;position:absolute;font-family:"tabler-icons"!important;} .hr2{border-top:1px solid #ccc;margin:10px 0} .dashboardnew{margin:0 auto;max-width:1272px;padding:0 25px} .dashboardnew .bgWhite{border:1px solid #eaeaea;box-shadow:0 0 5px rgba(211,211,211,0.29);padding:30px 75px} .gcheck{position:absolute;right:10px;top:10px} .inner-pbox{border:2px solid #eaebed;text-align:center;position:relative} .inner-pbox .img-box{padding:35px 0 10px} .inner-pbox p{color:#5e6366;line-height:22px;padding:0 5px} .inner-pbox .btn-blue2{border:0 none;box-shadow:none;font-size:13px;margin:0 0 20px;min-width:157px;text-transform:uppercase} .inner-pbox .btn-blue2:hover{color:#fff} .or{display:inline-block;min-width:160px;border-bottom:3px solid #eaebed;padding-bottom:4px;margin-top:29px} .playbox2{background-color:#f4f4f4;border:2px solid #eaebed;padding:23px 38px;margin-top:20px;display:inline-block} .icon-play2{background:url(../img/play2.png) no-repeat;width:40px;height:40px} .date-filter,.date-selecter{border:1px solid #b3b3b3;float:right} .date-filter a,.date-selecter a{float:left;padding:5px 10px;color:#333;border-right:1px solid #b3b3b3;cursor:pointer;background:#fff;background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(252,252,252,1) 2%,rgba(231,231,231,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(252,252,252,1) 2%,rgba(231,231,231,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(252,252,252,1) 2%,rgba(231,231,231,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e7e7e7',GradientType=0)} .date-filter a.active{background:#fff} .date-selecter{margin-left:15px;background-color:#fff} .date-selecter a{float:none;display:inline-block;padding:8px;width:30px;text-align:center} .date-selecter span{padding:0 10px;display:inline-block} .r-box{border:1px solid #e3e3e3;background-color:#ededed;margin-bottom:21px} .r-box .common-box{ margin:1px; line-height:36px; padding:24px 0} .r-box .txt-blue{color:var(--teal)} .r-box .txt-red{color:#f25252} .r-box .txt-green{color:var(--teal)} .icon-13{background:url(../img/icon13.png) no-repeat;width:24px;height:21px} #invoice-data .item-description{height:145px} .triger-table{display:inline-block;cursor:pointer} .triger-table i.plus2{vertical-align:middle;background:url(../img/icon15.png) no-repeat;width:10px;height:10px;display:inline-block} .triger-table i.minus2{background:url(../img/minus.jpg) no-repeat;height:2px} .dashboard2 .custom-table4 table td,.dashboard2 .tbl-detail table td{height:55px} .dashboard2 .graph-box h4{border-bottom:1px solid #b1b1b1;margin:0 0 -1px;padding:12px 10px} .graph-box2 .seprator5{bottom:0} .pbox3{line-height:22px;padding-bottom:25px} .pbox2{position:relative;float:left;width:20%;margin-bottom:20px} .seprator5{border-right:1px solid #e3e3e3;bottom:30px;position:absolute;right:0;top:4px} .pbox2 .img-box{float:left;margin:0 7px 0 20px} .pbox2 .img-box img{border-radius:100%;width:48px;height:48px} .pbox2-detail{font-family:OpenSans-Bold;margin-left:75px;line-height:22px;font-size:13px} .txt-green2,a.txt-green2{color:var(--teal)} .txt-grey{color:#828282} .link1 a{color:#7e7e7e;text-decoration:underline;display:inline-block;margin-bottom:10px} .link1 a:hover{color:var(--teal)} .heading4{background-color:#f0f0f0;margin:0;padding:10px} .cp{cursor:pointer} #ticket-section #maxmize4,#ticket-section #maxmize2{overflow:visible!important} #invitems .item-description{min-height:38px} #p_type .button-box{display:none} .apv-inner-box{margin:10px auto 0;max-width:1080px;padding:10px} .table3{background-color:#fff;border:1px solid #b1b1b1} .table3 td{border-color:#d9d9d9;padding:10px 18px} .table4{border:1px solid #eae9e9} .table4 th{background-color:#f3f3f3;padding:10px} .table4 td{border:1px solid #eae9e9;padding:6px 10px;vertical-align:top} .table4 tr:nth-child(odd) td{background-color:#f7f7f7} .table5{font-size:15px;font-family:OpenSans-Semibold;background-color:#fff} .table5 td{padding:13px 18px;border:1px solid #b1b1b1;height:57px} .table5 tfoot td{background-color:#efefef} .table5 input[type="text"],.table5 input[type="password"]{padding:4px 5px} .signPad{background-color:#f8f8f8;padding:20px;margin-top:20px} .signPad ol{border-bottom:2px solid #efefef;padding-bottom:20px;margin:0 0 12px;list-style:inside decimal} .signPad ol li{margin-bottom:5px} .signPad > h4{padding-bottom:10px;border-bottom:1px solid #b1b1b1;margin-top:-3px;margin-bottom:17px} .icon-checked4{background:url(../img/checked4.png) no-repeat;width:17px;height:17px;vertical-align:middle} .select-st{background:#fff;background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(252,252,252,1) 2%,rgba(231,231,231,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(252,252,252,1) 2%,rgba(231,231,231,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(252,252,252,1) 2%,rgba(231,231,231,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e7e7e7',GradientType=0);display:inline-block} .select-st select{border:1px solid #b3b3b3;background:url(../img/select-arrow3.png) no-repeat right center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;height:32px;width:251px} .s-box{border:1px solid #CCC;-moz-box-shadow:2px 2px 3px #d7d7d7;-webkit-box-shadow:2px 2px 3px #d7d7d7;margin-bottom:20px;box-shadow:2px 2px 3px #d7d7d7;background-color:#fff} .s-box h4{background-color:#f0f0f0;padding:20px 10px} .icon-setting4{background:url(../img/setting4.png) no-repeat;width:18px;height:17px;vertical-align:middle;opacity:.32} .s-box h4 .icon-setting4{float:right} .s-box-inner{padding:36px 0} .s-box-inner .txt-green{color:#86ca10} .s-box-inner .txt-red{color:#f33131} .icon-5,.icon-6{background:url(../img/garrow.png) no-repeat;width:20px;height:17px;vertical-align:middle} .icon-6{background-image:url(../img/rarrow2.png)} .icons1{ background:url(../img/icons1.png) no-repeat ; width:12px; height:12px;} .icons2{ background:url(../img/icons2.png) no-repeat ; width:13px; height:8px;} .footer-s-box{border-top:1px solid #e3e3e3} .footer-s-box .col-sm-3{border-right:2px solid #e3e3e3;padding:10px 5px;width:20%} .footer-s-box .col-sm-3:last-child{border:0} .integrations,.box5,#main-height .boxmain{padding:20px;background-color:#f8f8f8;box-shadow:none} #main-height .boxmain{border:0;border-radius:0} .product-box{margin-right:-34px} .product{background-color:#fff;border:1px solid #ddd;box-shadow:0 0 0 9px #fafafa inset;margin:0 0 30px;padding:9px 9px 15px;text-align:center} .product h5{height:40px;overflow:hidden} .product .imgbox{height:110px;padding-top:20px} .product .imgbox img{max-height:100%} .product p{height:82px;line-height:16px;overflow:hidden;padding:0 5px;margin-bottom:5px} .product .btn-blue2{font-family:OpenSans-bold;font-size:16px;min-width:124px;padding:11px 5px} .product .btn-blue2:hover{color:#fff} .tag-new,.tag-beta{background-color:var(--teal);padding:0 8px;font-size:11px;color:#fff;display:inline-block} .tag-new2{background-color:#e97e00;border:1px solid #fff;font-size:10px;padding:1px 5px} .tag-beta{background-color:orange} .bs-docs-sidenav > li > a .tag-new{margin-top:-2px;float:right} .bs-docs-sidenav > li .setting-sub-links2{display:none;padding-left:15px} .bs-docs-sidenav > li{position:relative} .bs-docs-sidenav > li > a.show-dropdown{cursor:pointer} .bs-docs-sidenav > li > a.show-dropdown .ti{float:right; font-size: 18px;} .user-box .dropdown-menu > li > a i.fa{text-align:center;width:20px;margin-right:5px} .headingB{border-bottom:3px solid #dcdcdc;font-size:16px;line-height:normal;font-family:OpenSans-Bold;margin:0;padding-bottom:4px; font-weight:400;} .box6{background-color:#f1f1f1;padding:20px 0} .box6 label{margin:6px 0;font-family:OpenSans-Semibold} .box6 p{margin-bottom:15px} .checkbox3{margin-bottom:10px} .checkbox3 label{display:inline;vertical-align:middle} .checkbox3inner{width:27px;height:27px;border:1px solid #ccc;box-shadow:0 0 0 #f0f0f0 inset;display:inline-block;position:relative;background-color:#fff;cursor:pointer;margin-right:3px;vertical-align:middle} .checkbox3inner input[type=checkbox]{display:none} .checkbox3inner .fa-check{display:none;height:27px;left:0;line-height:24px;position:absolute;text-align:center;top:0;width:27px} .add_roll .custom-table4 table td,.add_roll .custom-table4 table th{padding:4px 10px} .add_roll .custom-table4 table td{height:54px} .add_permission .custom-table4 table td,.add_permission .custom-table4 table th{padding:4px 10px} .add_permission .custom-table4 table td{height:54px} .modification .sort-box{background-color:#293846;color:#fff;padding:15px 0;border-color:#293846} .modification.custom-table4{margin-left:-1px;margin-top:-9px} .modification.custom-table4 table{border:3px solid #293846} .most-popular{padding:10px 10px 0} .most-popular > h4{border-bottom:2px solid #cacaca} .most-popular > h4 > span{float:left;background:url(../img/icon16.png) no-repeat 0 top;border-bottom:3px solid var(--teal);margin-bottom:-2px;padding:0 0 10px 25px;font-size:18px;font-family:OpenSans-Semibold;min-width:192px} .most-popular > h4 > span.red2{background-image:url(../img/icon17.png);border-color:#d90000} .table-popular th:first-child,.table-popular td:first-child{padding-left:20px} .table-popular td:first-child{border-left:5px solid #e5f2f8} .table-popular th{border-bottom:3px solid #788991;padding:12px 5px 6px} .table-popular td{border-bottom:1px solid #ccc;height:56px;padding:5px} .table-popular tr:nth-child(even) td{background-color:#f9f9f9} .table-popular tr:nth-child(2) td:first-child{border-left:5px solid var(--teal)} .table-popular tr:nth-child(3) td:first-child{border-left:5px solid #369ccb} .table-popular tr:nth-child(4) td:first-child{border-left:5px solid #68b5d8} .table-popular tr:nth-child(5) td:first-child{border-left:5px solid #9bcde5} .table-popular tr:nth-child(6) td:first-child{border-left:5px solid #cde6f2} .table-popular tr:nth-child(7) td:first-child{border-left:5px solid #e5f2f8} .icon-alert{background:url(../img/alert.png) no-repeat center center;width:66px;height:45px;vertical-align:middle;border-right:1px solid #dca7a7;box-shadow:1px 0 0 #f7ecec;float:left;margin-left:-14px} .alert-error .desc{display:block;vertical-align:middle;margin-left:66px} .alert:before,.alert:after{content:"";display:table;line-height:0} .alert:after{clear:both} .ui-dialog .two-col .control-group{display:block;width:auto} #customer-form .chosen-container .chosen-results,#basket-customer-form .chosen-container .chosen-results{max-height:100px} .lhn{line-height:normal} .icon-edit2{background:url(../img/icon-3.png) no-repeat;width:17px;height:17px} .hover:hover{-webkit-box-shadow:inset 5px 5px 22px 0 rgba(0,0,0,0.2)!important;-moz-box-shadow:inset 5px 5px 22px 0 rgba(0,0,0,0.2)!important;box-shadow:inset 5px 5px 22px 0 rgba(0,0,0,0.2)!important} .dropdown-menu.static{position:static;float:none} .gift-final{background-color:#0097a1;max-width:520px;color:#fff;margin:18px auto 28px} .gift-final h4{background:rgba(0,0,0,0) url(../img/hbg.jpg) no-repeat scroll center bottom / contain;margin:0;padding:0 15px 20px} .gift-final h4 span{font-size:90px} .gift-final .content-gift{background:#01c0cc url(../img/basket.png) no-repeat right 50px;padding:0 18px 2px;line-height:37px} .gift-footer{padding:71px 18px 20px;background:url(../img/fbg.jpg) no-repeat top center / contain;line-height:26px;margin-top:-20px} .gift-footer .fa{margin-right:10px} .cell.custom-table4 table td{padding:4px 10px} .cell.custom-table4 table th{padding:0 9px} .red-btn,.form-actions .setup-btn.red-btn{background:#d90000;border-color:#d90000;box-shadow:0 1px 0 #f25252 inset} .red-btn,.form-actions .setup-btn2.red-btn{background:#d90000;border-color:#d90000;box-shadow:0 1px 0 #f25252 inset} .red-btn:hover,.red-btn.hover{color:#fff;background-color:#d90000 !important ; border-color: #d90000 !important;} .due-btn{background:#d90000;border-color:#890502} .inline-b{display:inline-block} .icon-plus-b{background:url(../img/plus-black2.png) no-repeat center center;height:17px;margin-right:3px;margin-top:-2px} .delinv.btn-default2{font-size:13px;padding:3px 5px;min-width:100px} #purchaseorder-section .item-description{width:200px;height:60px} .sort-box.sep2{min-height:0;padding:5px} .nav-tabs7{margin-bottom:0;border-bottom:0} .nav-tabs7 > li > a{ padding:10px 20px; background-color:#efefef; color:#333; font-size:18px;border:1px solid #b1b1b1;border-radius:0;margin:0 -1px 0 0} .nav-tabs7 > li.active > a,.nav-tabs7 > li.active > a:hover,.nav-tabs7 > li.active > a:focus{background-color:#fff;border-bottom:0;border-color:#b1b1b1;padding:10px 20px 11px} .nav-tabs7 > li > a:hover,.nav-tabs7 > li > a:focus{background-color:#efefef;border-color:#b1b1b1;color: #333;} .tos .transfered{margin:0;min-width:90px;padding:0 10px} .dropdown-submenu.pull-left{float:none!important} .bg-box{background-color:#00649a;padding:100px 0} .approve_widget_box{border-radius:4px;max-width:500px;margin:0 auto;border:1px solid #004f79;box-shadow:0 0 8px #68727a;background-color:#fff} .approve_widget_box h3{background-color:#f3f3f3;border-bottom:1px solid #eae9e9;border-radius:4px 4px 0 0;color:#3a4e59;font-family:OpenSans-Semibold;font-size:36px;position:relative;margin:0;padding:22px 0;text-align:center} .approve_widget_box h3:after{content:"";background:url(../img/approve_widget/harrow.png) no-repeat;width:16px;height:13px;position:absolute;bottom:-13px;left:12px} .inner_approve{padding:20px 10px} .inner_approve .btn-blue2{border-radius:50px;padding:14px 20px} .icon-arrow-white{background:url(../img/approve_widget/arrow-white.png) no-repeat;width:17px;height:13px} .approve_widget_box .icon-colose{background:url(../img/cross-popup2.png) no-repeat scroll center center;position:absolute;right:10px;top:10px;width:14px;height:14px} .popup-custome2{background-color:#fff;box-shadow:0 0 24px rgba(0,0,0,0.87);display:none;float:left;font-size:1.2em;left:50%;position:fixed;top:10%;width:648px;z-index:9999} .popup-custome-top{background-color:#38bb6f;color:#fff;padding:10px 10px 20px;text-align:center} .popup-custome-top h1{line-height:36px;margin:8px 0 5px} .popup-custome-bottom{padding-bottom:20px;text-align:center} .popup-custome-bottom button.simple{background:#fff none repeat scroll 0 0;border:1px solid #dedede;color:#333;font-size:15px;cursor:pointer;margin-right:5px;min-width:152px;padding:9px 5px;vertical-align:middle} .popup-custome-bottom button.simple:hover{border-color:#000;box-shadow:0 0 4px #e9e9e9 inset} .btn_close{background:url(../img/sell/cross.png) no-repeat scroll 0 0;float:right;height:14px;width:14px} .tab-box2{color:#ababab;font-size:14px;border-top:1px solid #e1e2e4;border-bottom:1px solid #e1e2e4;box-shadow:0 2px 3px #e1e2e4;background-color:#fff;padding:15px 5px 0;margin:-13px -10px 20px;text-align:center} .tab-box2 a{font-size:16px;color:#333;display:inline-block;padding:5px 0} .tab-box2 a.active{color:var(--teal);border-bottom:3px solid var(--teal)} .label-inline5 label{font-family:OpenSans-Semibold;min-width:168px;padding-right:5px} .icon-plus-blue{background:url(../img/plus-blue.png) no-repeat;width:16px;height:16px;margin-top:-3px} .icon-18{background:url(../img/icon18.png) no-repeat;width:16px;height:17px} .repair-history table td{padding:3px 5px} .table1.dev-detail tr:nth-child(odd) td{ background-color:#f9f9f9} .table1.dev-detail td{height:36px} .show-text{text-decoration:underline} .intro-button{background-color:#ffb900;border-radius:2px;color:#fff;cursor:pointer;font-family:OpenSans-Bold;margin:10px 2px;padding:4px 5px} .icon-19{background:url(../img/icon19.png) no-repeat;width:22px;height:20px} .add-detail-inner.v2input{padding:0;background:none} .add-detail-inner.v2input label{width:175px;font-family:OpenSans-Semibold} .add-detail-inner.v2input .control-group > div{min-width:264px} .revamp-popup-custome.ui-dialog .ui-dialog-titlebar-close span,.lead-popup.ui-dialog .ui-dialog-titlebar-close span{background:none;text-indent:0;width:auto;text-transform:capitalize} .revamp-popup-custome.ui-dialog .ui-dialog-titlebar-close,.lead-popup.ui-dialog .ui-dialog-titlebar-close{width:auto;text-decoration:underline;color:#fff;top:10%;font-weight:400} .revamp-popup-custome.ui-dialog .ui-dialog-titlebar-close:hover,.lead-popup.ui-dialog .ui-dialog-titlebar-close:hover{border-color:transparent} .revamp-popup-custome.ui-dialog .ui-dialog-titlebar.ui-widget-header,.lead-popup.ui-dialog .ui-dialog-titlebar.ui-widget-header{background:var(--teal) none repeat scroll 0 0;color:#fff;padding:30px 10px 35px;text-align:center} .ui-dialog .ui-dialog-content.ui-widget-content .content{border-bottom:1px solid #e7e7e7;padding-top:20px;max-height:350px;overflow:auto;} .ui-dialog .ui-dialog-content.ui-widget-content .appointment-calendar-service-body{border-bottom:unset;max-height:100%;padding-top:0px;padding-bottom:20px} .ui-dialog .ui-dialog-content.ui-widget-content .content .chev{padding-left: 3.5%;background:rgba(0,0,0,0) url(../img/chevron-circle-right.png) no-repeat scroll 10px center} .revamp-popup-custome2 {left: 338px!important;} .revamp-popup-custome2 .ui-dialog-titlebar-close .ui-icon.ui-icon-closethick,.appointment_calendar_service_class .ui-dialog-titlebar-close .ui-icon.ui-icon-closethick{background:rgba(0,0,0,0) url(../img/icon36.png) no-repeat scroll center center} .revamp-popup-custome2.ui-dialog .ui-dialog-titlebar.ui-widget-header,.lead-popup.ui-dialog .ui-dialog-titlebar.ui-widget-header{background:var(--teal) none repeat scroll 0 0;color:#fff;} .revamp-popup-custome2.ui-dialog .ui-dialog-content.ui-widget-content{background-color:#ffffff;max-height:none;padding:0px !important;} .revamp-popup-custome2.ui-dialog .ui-dialog-titlebar.ui-widget-header,.appointment_calendar_service_class.ui-dialog .ui-dialog-titlebar.ui-widget-header,.lead-popup.ui-dialog .ui-dialog-titlebar.ui-widget-header{background:var(--teal) none repeat scroll 0 0;color:#fff;} .lead-popup.ui-dialog .ui-dialog-titlebar.ui-widget-header{padding:15px 10px} .lead-popup .box-grey{background-color:#f2f2f2;color:#252c2c;margin:15px 0 22px;line-height:30px;padding:15px 30px} .lead-popup .box-grey strong{color:#6d6d6d;font-family:OpenSans-Bold} .revamp-popup-custome.ui-dialog .ui-dialog-title,.lead-popup.ui-dialog .ui-dialog-title{font-family:"Open Sans";font-size:28px;float:none;font-weight:400;line-height:normal;white-space:normal} .popup-custome3.ui-dialog .ui-dialog-titlebar.ui-widget-header{background:var(--teal) none repeat scroll 0 0;color:#fff;padding:15px 10px;text-align:center} .popup-custome3.ui-dialog .ui-dialog-title{font-family:"OpenSans-Bold";font-size:24px;float:none;line-height:normal;white-space:normal;margin:0} .popup-custome3.ui-dialog .ui-dialog-title img{margin-bottom:10px} .popup-custome3.ui-dialog .ui-dialog-titlebar-close{top:16px} .popup-custome3.ui-dialog .ui-dialog-titlebar-close:hover{border-color:transparent} .popup-custome3.ui-dialog .ui-dialog-titlebar-close span{background:rgba(0,0,0,0) url(../img/icon36.png) no-repeat scroll center center} .popup-custome3.ui-dialog .form-actions .setup-btn{min-width:123px} .popup-custome3.ui-dialog .form-actions .setup-btn2{min-width:123px} .popup-custome4.ui-dialog .ui-dialog-titlebar.ui-widget-header{background:#f8f8f8} ul.support-ul{padding:0 10px 30px;flex-wrap: wrap;} .support-ul li { float:left; margin:0 2px 10px} .support-ul li a{display:block;color:#333;border:1px solid #f8f8f8;padding:20px 5px;width:159px} .support-ul li:hover a{background-color:#f4f4f4;border-color:#e5e5e5} .support-ul li img{margin-bottom:10px} .label-inline.drp-m0 .control-group > div .chosen-container{margin-left:0} .google_Calender .setup-btn{margin-bottom:-25px} .google_Calender .setup-btn2{margin-bottom:-25px} .lh24 li{line-height:24px} .shadow-box{border:1px solid #b1b1b1;box-shadow:0 0 15px #d5d5d5 inset;padding:10px} .tbl-fh{border:1px solid #ccc;box-shadow:0 35px 0 #efefef inset;padding-top:35px;position:relative} .tbl-fh-inner{max-height:550px;overflow:auto;border-top:6px solid #efefef} .tbl-fh table{width:100%;margin-top:-6px} .tbl-fh table td{background-color:#f9f9f9;border:1px solid #ccc;height:40px;padding:4px} .tbl-fh th{border:0 none;color:transparent;height:0;line-height:0;padding:0 4px} .tbl-fh th div{border-left:1px solid #ccc;color:#333;line-height:normal;margin-left:-5px;padding:11px 4px 10px;position:absolute;top:0} #business-logic .breaks .editable select{width:100px} .ra a{color:#333;background-color:#dcdcdc;padding:5px 15px;display:inline-block;margin:0 10px 10px 0;text-align:center;border-radius:30px} .ra a.active{background-color:var(--teal);color:#fff} .common-box2{background-color:#f6f7f7;border:1px solid #eaebeb;padding:20px 0 10px;max-width:957px} .common-box2 .control-group{margin-bottom:20px} .common-box2 .big2{width:100%!important} .wa{width:auto} .v2input .input-append input[type=text]{vertical-align:middle} .pad20{padding:20px} .input-append{margin-bottom:0;position:relative;} .input-append .add-on{background:none;border:0 none;padding:0 0 0 5px;vertical-align:middle} .input-append.datepicker .add-on{padding: 9px 4px;margin-left: -20px;position: relative;z-index: 10;vertical-align: top;height: auto;} .box7{background-color:#fff;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;padding:20px;box-shadow:0 3px 5px rgba(0,0,0,0.08);margin:1px -10px 0} .search-box .pull-left2{ float:left;} .search-box input.search-input{width:725px;height:57px; margin-bottom:5px;} .vm{vertical-align:middle!important} .dib, label.dib{ display:inline-block} .search-box input.qty{width:98px;height:57px;margin:0 10px 0 0} .dropdown-menu4{border-radius:6;padding:0} .dropdown-menu4 > li > a{padding:8px 10px} .dropdown-menu4 > li:hover{background:var(--teal)} .grid-view .table .checkbox-column{text-align:center} .wb{word-break:break-all} .working-plan label{cursor:pointer} #business-logic table.working-plan tr td input.hasDatepicker[type="text"]{background:url(../img/timer2.png) no-repeat right center;padding:3px 5px;width:110px} .wbox{background-color:#fff;padding:10px;min-height:478px} #business-logic .ui-spinner-button{background-color:#f8f8f8;border:1px solid #ccc;width:18px} .headingB2{background-color:#fff;border-bottom:4px solid var(--teal);line-height:normal;margin:0;padding:14px 7px 8px;position:relative;z-index:-1} .headingB2 .caret{border-left:9px solid transparent;border-right:9px solid transparent;border-top:11px solid var(--teal);bottom:-15px;left:9px;position:absolute} ul.recentF-ul{list-style:outside none none;margin:10px 0;max-height:610px;overflow:auto;padding:10px} ul.recentF-ul li{border-bottom:1px solid #e5e5e5;margin-bottom:7px;padding:0 15px 5px 20px;position:relative} ul.recentF-ul i.fa-times-circle,ul.recentF-ul i.fa-arrow-circle-right{left:0;position:absolute;top:3px} ul.recentF-ul i.fa-times-circle{left:auto;right:0} .menu_review a{color:#333;display:inline-block;margin:0 3px} .menu_review a.active{border-bottom:3px solid var(--teal);color:var(--teal)} .tbl-fh2{padding-top:80px;box-shadow:0 40px 0 #efefef inset} .tbl-fh2 th div{color:var(--teal)} .tbl-fh2 .th2 th div{top:40px;color:#333} .tbl-fh2 .tbl-fh-inner{border:0;box-shadow:0 -40px 0 #fff} .tbl-fh2 table{margin-top:-11px} .position .dropdown{margin-bottom:-75px} .img-box2{border:2px solid #fff;max-width:100%;width:102px;height:102px;display:inline-block;margin-left:-2px;background-color:#BBB;overflow:hidden;border-radius:500px} .position .img-box2{margin-bottom:10px} .txt-white{color:#fff} .position .txt-white{display:inline-block;height:40px;line-height:normal} .greyBox{background-color:#f1f1f1;border:1px solid #b1b1b1;padding:10px 0;margin-bottom:10px} .custome-checkbox label{display:inline-block;margin:0;vertical-align:middle} .custome-checkbox input[type=checkbox]{float:left;margin:0;-moz-opacity:0;-o-opacity:0;-webkit-opacity:0;opacity:0; width:18px ; height:18px ; max-width:18px; margin-left:-1px;} .custome-checkbox .checkbox4{background-color:#fff;border:1px solid #ccc;border-radius:6px;display:inline-block;height:18px;vertical-align:middle;width:18px} .custome-checkbox .checkbox4:hover{cursor:pointer } .custome-checkbox .checkbox4.checked{background:url(../img/checked7.jpg) no-repeat center center} .custome-checkbox .checkbox4.checked2{ position: relative;background:var(--teal);border-color: var(--teal); box-shadow:0 1px 2px -1px #047cb3 inset} .custome-checkbox .checkbox4.checked2::after{content: "\f00c";font-family:'Font Awesome\ 5 Free';position:absolute;left: 3px;top: -2px;font-weight: 900;color: #fff;font-size: 9px;} .custome-checkbox.pos1checkbox .checkbox4.checked2::after{top: 1px;} #main-height .label-inline .box6 .control-group > div.controls{width:auto} #main-height .label-inline .box6 .control-group > div.controls > input,#main-height .label-inline .box6 .control-group > div.controls > select,#main-height .label-inline .box6 .control-group > div.controls > textarea{width:264px} #main-height .label-inline .box6 label{width:140px} a.small-btn,.small-btn{border:1px solid #a1a1a1;background-color:#fff;padding:1px 4px;margin:3px;display:inline-block;color:#333;font-size:12px;min-width:71px;text-align:center} a.small-btn:hover,.small-btn:hover{border-color:var(--teal);box-shadow:0 0 3px var(--teal)} #load-pos-orders #invoice-grid a.small-btn{ min-width: 102px;} .icon29{background:url(../img/icon29.png) no-repeat;width:16px;height:16px;display:inline-block;vertical-align:middle} .icon30{background:url(../img/print1.png) no-repeat;width:16px;height:16px;display:inline-block;vertical-align:middle} .icon{display:inline-block;vertical-align:middle} .icon31{background:url(../img/icon31.png) no-repeat;width:60px;height:52px} .icon32{background:url(../img/icon32.png) no-repeat;width:60px;height:52px} .icon33{background:url(../img/icon33.png) no-repeat;width:60px;height:52px} .iconPrintNode{background:url(../img/printNodeNew.png) no-repeat;width:72px;height:52px} .iconCashDrawer{background:url(../img/cash-drawer.png) center;width:60px;height:52px;background-size: cover;opacity: 0.8} .iconsub{background:url(../img/create_subscription.png) no-repeat;width:60px;height:52px} .icon34{background:url(../img/icon34.png) no-repeat;width:37px;height:39px;margin:5px 0} .icon80{background:url(../img/icon80.png) no-repeat;width:60px;height:52px} .icon82{background:url(../img/icon82.png) no-repeat;width:16px;height:13px} .icon-sms{background:url(../img/sms.png) no-repeat;width:39px;height:48px} .icon-email{background:url(../img/email.png) no-repeat;width:48px;height:50px} .icon1{background:url(../img/gcp.png) no-repeat;width:22px;height:22px ; display:inline-block; vertical-align:middle;} .icon83{background:url(../img/icon83.png) no-repeat;width:23px;height:23px ; display:inline-block; vertical-align:middle;} .icon84{background:url(../img/icon84.png) no-repeat;width:17px;height:14px ; display:inline-block; vertical-align:middle;} .ui-dialog.grey-head .ui-dialog-titlebar.ui-widget-header{ background:#f8f8f8; padding-bottom:0; } .btn1.green{ border-color:var(--teal); background-color:var(--teal); color:#fff; vertical-align:top} .btn1.green:hover{color:#fff!important; box-shadow:none;} .icon-cross2{background:url(../img/cross2.png) no-repeat;width:18px;height:18px} .bullet3 li{background:url(../img/arrow-blue.png) no-repeat left 6px;padding-left:20px;margin-bottom:10px} .rif{max-width:100%} .tag-blue{border-right:85px solid transparent;border-top:85px solid #2facdd;height:0;width:0;position:absolute;left:-1px;top:-1px} .tag-blue.tag-ornage{border-top:85px solid #ff9000} .tag-blue span{color:#fff;font-size:10px;left:1px;position:absolute;top:-71px;transform:rotate(-45deg)} .tab-content{overflow:visible} .pass_code,.pass_code:hover{width:100%; display:inline-block;border:1px solid #E5E7EB;background-color:#F3F4F6;color:#374151;font-family:OpenSans-Semibold;padding:6px 10px;text-align:center;margin-bottom:16px;margin-right:-1px;min-width: 132px; border-radius: 6px;} .pass_code.active{background-color:#fff; border: 1px solid #E5E7EB;} #edit_basket .pass_code{margin:-8px -1px 5px 0} #pattern_lock .form-actions{text-align:center} .inb,label.inb{display:inline-block} select.small-select{width:124px;background-position:93% center;height:28px;padding:0 0 2px 3px;margin:5px 5px 3px 0} .img-responsive{border-radius:100%} .btn-blue2:hover,a.btn-blue2:hover,a.btn-blue2:focus{color:#fff} .user-box .dropdown-backdrop{display:none} .h340{min-height:340px} .tbl tr td{padding:5px 10px} .tbl tr td:first-child{text-align:right} .imgbox3{width:46px;height:46px;border:1px solid #e4e4e4;border-radius:100%;margin-right:10px;float:left;overflow:hidden} .right-box2{margin-left:56px} .footer2{padding:12px 10px;border-top:1px solid #e4e4e4;background-color:#fbfbfb; border-radius:0 0 3px 3px;} .imgbox4{width:25px;height:25px;border:1px solid #fff;border-radius:100%;display:inline-block;margin-right:-10px;overflow:hidden;vertical-align:middle} .btn-small2{background-color:#e9e9e9;color:#717171;padding:5px 17px} .btn-small2 + .blue2{margin-left:10px} .blue2,button.blue2,.blue2:hover,button.blue2:hover{background-color:var(--teal);color:#fff} .blue2:hover,.blue2:focus{color:#fff} .jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default {border: 1px solid #d5d0d0;} .ui-dialog .form-actions.text-center{text-align:center} .ui-dialog .form-actions.text-left{text-align:left} .progressBar{border:1px solid #b0b0b0;background-color:#fff} .box8{padding:20px;box-shadow:0 3px 4px #ccc;background-color:#fbfbfb;margin:-15px -10px 0} .progressBar .w20{border-left:2px solid #d0d0d0;box-shadow:3px 0 3px -3px rgba(193,193,193,0.75) inset,-3px 0 3px -3px rgba(193,193,193,0.75) inset;text-align:center} .progressBar .w20:first-child{border-left:0} .progressBar .w20 .v-center{height:60px} .progressBar .w20.active{background-color:var(--teal);color:#fff} .progressBar .w20.current{background-color:#ededed} .progressBar .w25{border-left:2px solid #d0d0d0;box-shadow:3px 0 3px -3px rgba(193,193,193,0.75) inset,-3px 0 3px -3px rgba(193,193,193,0.75) inset;text-align:center} .progressBar .w25:first-child{border-left:0} .progressBar .w25 .v-center{height:60px} .progressBar .w25.active{background-color:var(--teal);color:#fff} .progressBar .w25.current{background-color:#ededed} .v2input input.tiny75,.v2input select.tiny75{width:75px} .v2input input.tiny156,.v2input select.tiny156{width:156px} .v2input input.tiny200,.v2input select.tiny200{width:200px} .responsive-table2{overflow:auto} .w164{width:164px} .w120{width:120px} .w200{width:200px} .bullet4{margin:10px 0;list-style:none} .bullet4 li{padding-left:20px;position:relative} .bullet4 li:before{content:"\f0a9";font-family:'Font Awesome\ 5 Free';position:absolute;left:0;top:2px;font-weight: 900} .txt-red i.fa-trash-o{font-size:16px} .hr4{border-top:3px solid #dcdcdc;border-bottom:0;margin:5px 0 10px} .add-detail-inner2.add-detail-inner4{width:32%} .proggressbar1{background-color:#f5f5f5;border:1px solid #ececec;box-shadow:0 0 5px 1px #ececec;height:11px;margin:0 auto;max-width:440px;position:relative} .steps-digit{border:2px solid #bababa;border-radius:50%;color:#bababa;display:inline-block;line-height:normal;margin-top:7px;width:24px} .steps-text{color:#bababa;display:inline-block;font-family:'Raleway-Medium';white-space:nowrap} .step-current .steps-digit{border-color:#378bc9} .step-current .steps-text,.step-active .steps-text{color:#378bc9} .step-active .steps-digit{border-color:#378bc9;background-color:#378bc9;color:#fff} .step1{background:rgba(0,0,0,0) url(../img/step1.png) no-repeat scroll 0 0;margin:-14px 0 0 -4px;width:33px} .step1 .steps-digit{margin-left:1px} .step1 .steps-text{margin:6px 0 0 -18px} .step2{background:rgba(0,0,0,0) url(../img/step2.png) no-repeat scroll center top;display:inline-block;margin:-14px 0 0;width:37px} .step2 .steps-text{margin:6px 0 0 -38px} .step-last{background:rgba(0,0,0,0) url(../img/step3.png) no-repeat scroll 0 0;margin:-14px -4px 0 0;width:35px;height:38px;position:absolute;right:0} .step-last .steps-text{margin:6px 0 0 -22px} .bullet5{background-color:#fff;border-radius:50%;width:13px;height:13px;display:inline-block;margin:2px; border:1px solid #ccc;} .bullet5.active{background-color:#4291cc; border-color:#4291cc} .mb0{margin-bottom:0!important} .maincenter2{margin:0 auto;max-width:870px} .v3input input[type=text],.v3input input[type=password],.v3input select{background-color:#eceff1;border:1px solid #e9e9e9;border-radius:4px;width:100%;margin-bottom:10px;font-size:15px;padding:0 10px;height:47px;box-shadow:none} .v3input select{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;background:url(../img/select-arrow1.png) no-repeat right center #eceff1} .v3input input[type=text]:focus,.v3input input[type=password]:focus,.v3input select:focus{border-color:#378bc9;background-color:#fff;box-shadow:none} .v3input input.error3[type=text],.v3input input.error3[type=password],.v3input select.error3{border-color:#ee8f8f;background-color:#fff} .tooltip1{background-color:#cf3b3b;border-radius:3px;border-top:1px solid #ee8f8f;color:#fff;font-size:12px;left:10px;padding:7px 10px;position:absolute;top:42px;z-index:5} .tooltip1:before{content:"";position:absolute;border-width:6px 4px;border-style:solid;border-color:transparent transparent #cf3b3b;top:-12px} .btn-blue4{background:#3462fe none repeat scroll 0 0;border:1px solid #204ff0;border-radius:3px;color:#fff;padding:12.5px 5px;width:294px; max-width:100%} .btn-blue4:hover{background-color:#4b73f9} .filler,.filler2{background-color:#378bc9;float:left;height:4px;margin:2px -7px 0 -4px;position:relative;width:42%} .filler2{margin:2px -5px 0 -6px;width:41%} .icon-arrow1{background:url(../img/arrow1.png) no-repeat;width:15px;height:11px} .icon48{background:url(../img/icon48.png) no-repeat;width:44px;height:43px;margin-bottom:5px;display:inline-block} .icon49{background:url(../img/icon49.png) no-repeat;width:19px;height:22px;margin-bottom:5px;display:inline-block} .dragDrop{background-color:#eceff1;border:1px dashed #a5a5a5;box-shadow:0 0 0 1px #e9e9e9 inset;height:158px;text-align:center} .btn-grey-big{background-color:#eceff1;border:1px solid #e9e9e9;width:100%;height:158px;text-align:center} .map-icon{position:relative} .map-icon:before{content:"\f041 ";font-family:Font Awesome\ 5 Free;font-weight: 900;position:absolute;top:13px;right:10px;color:#333;font-size:18px} .product1{background-color:#eceff1;border:1px solid #e9e9e9;margin-bottom:10px;padding:10px} .imgBox5{width:90px;text-align:center;padding:0 5px} .custom-calendar .xdsoft_datetimepicker{background-color:#f5f5f5;border:0;padding:10px 20px 20px} .custom-calendar .xdsoft_datetimepicker .xdsoft_datepicker{float:left;width:430px} .custom-calendar .xdsoft_datetimepicker .xdsoft_label{float:none;background-color:transparent} .custom-calendar .xdsoft_datetimepicker .xdsoft_calendar th{background-color:#f5f5f5;border:0 none;font-family:Raleway-Medium;font-size:15px;height:50px} .custom-calendar .xdsoft_datetimepicker .xdsoft_calendar td{background-color:#c6c6c6;font-family:Raleway-Medium;font-size:20px;height:61px;text-align:center} .custom-calendar .xdsoft_datetimepicker .xdsoft_calendar td:hover,.custom-calendar .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover{background:#7c7c7c!important} .custom-calendar .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.custom-calendar .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_today{background:#3462FE;box-shadow:none;color:#fff} .custom-calendar .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_avilable{background:#4291cc;box-shadow:none;color:#fff} .custom-calendar .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{background:#fff none repeat scroll 0 0;box-shadow:0 0 0 4px #004d87 inset;color:#4291cc} .custom-timePicker .xdsoft_datetimepicker{background-color:#f5f5f5;padding-left:10px;display:block} .custom-timePicker .xdsoft_datetimepicker .xdsoft_timepicker{float:none;width:auto} .custom-timePicker .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{border:0;height:330px} .custom-timePicker .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div{background-color:#fff;border:1px solid #dedede;font-family:Raleway;font-size:18px;height:auto;margin-bottom:10px;padding:9px 2px} .custom-timePicker .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.custom-timePicker .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{margin:8px auto 0} .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover{background:#7c7c7c!important} .custom-timePicker .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current{background:#4291cc;box-shadow:none;color:#fff} .message1{color:#4291cc;display:block;padding:12px 0 5px;text-align:center} .product2{background-color:#f4f4f4;border:1px solid #e9e9e9;padding:20px 10px;margin-bottom:20px} .product2 a{display:block} .product2:hover,.product1:hover,.product1.active,.product2.active{box-shadow:0 0 8px rgba(0,0,0,0.13) inset;border-color:#c1c1c1} .imgBox6{display:block} .product2 .txt18{color:#363738} .product2 a:hover .txt18{color:#3c90cb;text-decoration:underline} .cob6 .bullet4 li{padding-bottom:7px} .cob6 .bullet4 li::before{top:0;font-size:15px} .faq2{border:1px solid #e9e9e9;background-color:#fff;list-style:none;margin:0} .faq2 > li{border-bottom:1px solid #dbdbdb;padding:15px 0} .faq2 > li:last-child{border-bottom:0} .heading5{background:rgba(0,0,0,0) url(../img/icon72.png) no-repeat scroll left 14px;margin:0 0 0 10px;padding:0 20px} .icon70{background:url(../img/icon70.png) no-repeat;width:40px;height:40px;float:right} .icon71{background:url(../img/icon71.png) no-repeat center center} .faq2 > li > .row-fluid{padding:5px 58px 0 31px;display:none} .btn-skip{color:#616161;background:url(../img/arrow1.png) no-repeat right center;padding-right:20px;display:inline-block} .btn-skip:hover{text-decoration:underline;color:#3c90cb;background-image:url(../img/arrow0.png)} .fix1{margin-top:-18px} #basket_loop .name2{max-width:150px;overflow:hidden} #basket_loop .name2 strong{ font-weight: 400;} .update_repair,.AddComments,.refundProduct,.txt-grey2{color: var(--teal)} #basket_loop a,#basket_loop a:hover{text-decoration:underline} .custome-modal{border-radius:0;width:610px;margin-left:-305px;} .custome-modal .modal-header .close{background:url(../img/cross-popup2.png) no-repeat center;width:14px;height:14px} .custome-modal .modal-body{background-color:#f8f8f8;max-height:430px;padding:10px 10px 20px;min-height:200px} .custome-modal .modal-footer{background-color:#fff;padding:10px;border:0} .box0{background-color:#f5f5f5;padding:10px} .table6 td,.table6 th{border-bottom:1px solid #dfdfdf;padding:10px 0;background-color:#f8f8f8;border-top:0 none;color:#333;height:auto;line-height:normal} .basketButtons3{width:100%} .txt-unl{text-decoration:underline} .txt-orange{color:#fd612c} .txt-blue3,a.txt-blue3{color:#328acd} .q-box, .q-thanks{background-color:#fff;border:10px solid #fff;box-shadow:0 0 4px 1px #e4e4e4,0 4px 32px -3px #dcdcdc inset;min-height:300px;padding:25px 38px;margin:31px 30px} .question-box label{display:block;margin-bottom:10px;font-size:16px;padding:10px 9px} .question-box label.active{background-color:#e6f4ff;border:1px solid #c5e2f9} .question-box label input[type=radio]{margin:0 13px 0 0;vertical-align:inherit} .bullet6{display:inline-block;width:16px;height:16px;background-color:#d0d0d0;margin:3px 1px;border-radius:100%} .bullet6.active{background-color:#328acd;border:1px solid #0f68ab} .dropdown-up .chosen-container .chosen-drop{border-bottom:0;border-radius:0;bottom:100%;margin-bottom:-1px;top:auto} .banner1{ border:2px solid #dcdcdc; background-color:#ebebeb;} .banner2{ border:2px solid #176fb0; background-color:var(--teal);} .tab1{border:1px solid #D1D5DB; border-radius:4px; width:400px; margin:0 auto;background-color:#fff; max-width:100%; box-shadow: 0 1px 2px RGBA(0, 0, 0, 0.05); overflow: hidden;} .tab1 span{float:left;width:50%;padding:8px 5px;text-align:center; color:#333; } .tab1 span.active{ background-color:#F9FAFB; } .item-accessories{background-color:#e6f1d3} .item-tradein{background-color:#e5e4b6} .item-repair{background-color:#d7effb} .item-unlock{background-color:#fff7d8} .item-casual{background-color:#d7effb} .design1.ui-autocomplete .item-seprator{font-family: OpenSans-Bold; padding:10px;border-top: 1px solid #e2e2e2;} .design1.ui-autocomplete li.ui-menu-item{padding:0;border-top:1px solid #e2e2e2} .design1.ui-autocomplete li a{padding:10px; background:none; border:0;} .design1.ui-autocomplete li .box-right{margin-left:67px;margin-right:13%} .design1.ui-autocomplete li:hover{background:var(--teal); color:#fff;} .design1.ui-autocomplete li:hover a{background:none;border:0;color:#fff} .design1.ui-autocomplete li:hover .txt-red{ color:#fff;} .design1.ui-autocomplete a .img-box{background-color:#fff;border:1px solid #e6e6e6;width:62px;margin-right:3px;float:left} .design1.ui-autocomplete .item-price{float:right;margin-right:5px;font-size:16px;font-weight:700} .tooltip-box .tooltip{display:none; width: 200px; opacity:1;} .tooltip-box:hover .tooltip { display:block;} .design2.ui-autocomplete{ } .design2 li:nth-child(2n){ background:#f7f7f7;} .design2.ui-autocomplete li a{} .design2.ui-autocomplete .label{ padding:4px 10px; margin-top:5px;} #RepairCat_div .slimScrollDiv,#RepairCat_div .slimScrollDiv .items,#repair2 .slimScrollDiv,#repair2 .slimScrollDiv .items{ height:580px !important;} #tabsA .add-detail-inner2 strong{font-weight: 400;} #ticket-grid .sd.table a:hover{ text-decoration:underline;} .upload-box2{ border:2px dashed #7b7b7b; padding:20px; width:500px; margin:0 auto 20px; color:#7b7b7b;} .upload-box2.v2{ border:0; width:auto; margin:0;min-height: 253px;padding: 10% 10px 10px;} .upload-box2.v2.tcd{min-height: 200px;padding: 7% 10px 10px;} .upload-box2 .upload-box-inner{ width:117px; margin:0 auto;} .ui-dialog .PreRepairRight .control-group { display:block; width:auto;} .ui-dialog .PreRepairRight .supplied2{ display:inline-block; margin-bottom:3px;} .ui-dialog .PreRepairRight .supplied2 input[type=checkbox]{ margin:0 0 0 7px;} .trigger-box1{ background-color:#f1f1f1; padding:13px;} .trigger-box1 .control-group{ margin-bottom:20px;} .trigger-box1 label{ font-family: OpenSans-Semibold;} .trigger-box1 label input[type=checkbox]{ margin-top:3px;} .editTicket .box2 .intl-tel-input{ display:block;} #Invoice_customer_search{ margin-bottom:5px;} #maxmize1,#maxmize2,#maxmize3,#maxmize4{ overflow:visible !important;} #tabsA .fix-h3 .serial-sel label{ height:auto; min-height:20px; padding-left:5px; margin-bottom:5px; vertical-align:top;} .btn-blue5{float: right; color: #fff;margin: 15px 10px 0 0;font-size: 20px;} /* .btn-blue5:hover{background-color: #175F5A;} */ .btn-blue5 .fa-life-ring{ margin-right:5px;} .btn-blue5:hover{ color:#fff;} .btn-wiki{ background-color:var(--teal); border-radius:4px 4px 0 0; color:#fff; position:fixed; bottom:0; right:10px; padding:9px 12px; box-shadow:#0D948852 0 0 5px 2px ; z-index:30} .articles-box{ background:#fff; position:fixed; bottom:40px; right:10px; border:1px solid #ebebeb; width:60vw; max-width:90%; box-shadow:#b2b2b2 0 0 6px; height:calc(100vh - 42px); z-index:1003; overflow:hidden; } .wiki-footer{ position:absolute; bottom:1px; left:1px; right:1px;} .articles-box h2{ background-color:var(--teal); padding:20px 10px; border-radius:3px 3px 0 0;} .articles-box h2 .fa-plus-circle{color:#45d56b;} .wiki-center-box{ padding-left:20px;} .search-box1 input[type=text]{ border:0; margin-bottom:0; background:none; padding:3px 10px 3px 27px; display:block; box-shadow:none; width:100%; box-sizing:border-box;} .search-box1 .fa-search{ position:absolute; left:3px; top:4px;} .wiki-content{ position:absolute; top:120px; bottom:60px; left:20px; right:0; overflow-y: scroll;} .wiki-ul{ border-top:1px solid #e4e4e4; padding-right:10px;} .wiki-ul li{ border-bottom:1px solid #e4e4e4; padding:15px 10px 15px 20px;} .wiki-ul li a{ text-decoration:underline; background: url(../img/arrow-blue.png) no-repeat left 6px; padding-left: 20px;} .wiki-ul li .fa-circle-o{ margin:4px 0 0 -20px; float:left;} .wiki-ul .row-fluid .dib .fa{ margin-left:-17px; float:left; margin-top:3px;} .wiki-ul .row-fluid .dib{ padding-top:4px;} .article-inner{ border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4; padding:15px 10px; } .wiki-popup.ui-dialog{ border-color:#cfcfcf; border-radius:4px;} .wiki-popup .ui-dialog-titlebar.ui-widget-header{ text-align:center; background-color:var(--teal); color:#fff; padding:16px 10px;} .wiki-popup .ui-dialog-title{ float:none; margin:0; font-size:20px; font-weight:normal;} .left-box1{ padding:0; border-right:1px solid #e2e2e2; position:relative;} .wiki-popup .ui-dialog-content.ui-widget-content{ padding:0 15px;} .left-box1 .wiki-ul{ max-height:470px; height:470px;} .btn-red2,.btn-grey,.btn-blue6,.btn-blue7{ border:1px solid #ee6a63; background:#ffebea; border-radius:100px; text-align:center; color:#ee6a63; min-width:112px; padding:8.5px 5px; margin:2px 1px;} .btn-grey{ border:1px solid #cdcdcd; background:#d9d9d9;color:#444;} .btn-blue6{ border:1px solid var(--teal); background:var(--teal);color:#fff;} .btn-blue7{ border:1px solid var(--teal); background:#fff;color:#1b85bf;} .overlay-1{ position:absolute; background-color:rgba(255,255,255,0.8); left:0;right:0; bottom:0; top:0; z-index:10} .wiki-popup .ui-dialog-titlebar-close span{ background:none;} .action-btn a{ display:inline-block; margin:0 5px 3px; color:#2b3238;} .supplied3 label{display: inline-block !important;min-width:10px !important; margin-right:7px; font-size:12px;} .supplied3 label input[type=checkbox]{ margin:0;} .input-box2{ background-color:#f0f0f0; padding:8px 10px; width:172px; max-width:100%;} .input-box3{ width:264px; border:1px solid #ccc; max-width:100%; display:inline-block; background-color:#f4f4f4; box-shadow:0 1px 2px #dbdbdb inset; padding:7px 5px;} .ui-autocomplete.design3{ box-shadow:0 5px 5px 1px #ebebeb; border-radius:0; color:#444; padding:0 0 10px 0; width:380px !important; z-index:10; } .ui-autocomplete.design3 li.ui-menu-item{ padding:0px 10px 0 30px;} .ui-autocomplete.design3 li h3{ background-color:#f7f7f7; padding:10px; margin:0 0 10px;font-size:16px; font-family:OpenSans-Bold; line-height:16px;} .ui-autocomplete.design3 li h4{font-size:14px; font-family:OpenSans-Bold; padding-left:30px; margin:0 0 5px; } .ui-autocomplete.design3 li h4 .fa-circle-o{ float:left; margin:3px 0 0 -16px;} .ui-autocomplete.design3 li.ui-menu-item a{font-size: 13px;padding:1px 0; text-decoration:underline;} .banner3{ border:1px solid #e3e3e3; padding:3% 10px; background:url(../img/banner3.jpg) repeat;} .btn5{ border:2px solid var(--teal); color:var(--teal); padding:9px 15px; display:inline-block;} .campaigner-box{ padding:20px 30px; margin-bottom:10px;} .shadow{ box-shadow:0 0 6px #c4c4c4;} .campaigner-right-box{ margin-left:130px;} .btn6{ border:1px solid #dddddd; background-color:#f6f7f9; padding:5px 15px; text-align:center; display:inline-block; color:#4b4f56;} .campaigner-right-box .green,.campaigner-right-box .btn-blue2,.campaigner-right-box .red-btn{ padding:5px 15px;} .article_view_popup{ max-height:410px; overflow:auto;} iframe{ max-width:100%;} .product1.product3{background-color:#fff; min-width:214px;} .ui-dialog .campaigner-box { padding:15px 10px ;} .ui-dialog .campaigner-right-box{ margin-left:115px;} .icon-plus4{ background:url(../img/plus2.png) no-repeat ;} .r100px{ border-radius:100px;} .w110,input[type='text'].w110,input[type='password'].w110{ width:110px;} input[type='text'].txt-green,input[type='password'].txt-green{color:var(--teal);} input[type='text'].txt-red,input[type='password'].txt-red{color:#ff0000;} .lead-popup.warning-p.ui-dialog .ui-dialog-titlebar.ui-widget-header{ background-color:#ef5362;} .lead-popup.warning-p.ui-dialog .ui-dialog-titlebar-close { top:15px;} .lead-popup.warning-p.ui-dialog .ui-dialog-titlebar-close span{ text-indent:-999em; background:url(../img/parrow.png) no-repeat; width:16px; height:16px;} .lead-popup.success-p.ui-dialog .ui-dialog-titlebar.ui-widget-header{ background-color:var(--teal);} .lead-popup.success-p.ui-dialog .ui-dialog-titlebar-close { top:15px;} .lead-popup.success-p.ui-dialog .ui-dialog-titlebar-close span{ text-indent:-999em; background:url(../img/parrow.png) no-repeat; width:16px; height:16px;} .box1p label{ text-align:right; width:112px; padding-right:5px; max-width:100%; font-family:OpenSans-Semibold;} .box1p .input-box2{ width:216px;} .ui-dialog .ui-dialog-titlebar-close{ margin-top:-11px;background: none !important;border:0 !important; padding:0 !important;} .filter2 { margin-right: 10px; float: right;} .filter2 span{ display: inline-block; margin: 4px 5px 0; cursor: pointer;} table td.cbg1,table th.cbg1{background-color:#e2f5ff !important; } table td.cbg2,table th.cbg2{background-color:#ffffda !important; } table td.cbg3,table th.cbg3{background-color:#ffdadb !important; } .box10{background-color:#e6e8e5} .cd,label.cd{cursor: default;} .name-box2{background-color: #efefef;border: 1px solid #cccccc;border-radius: 2px;box-shadow: 0 1px 2px #e1e1e1 inset;width: 140px;padding: 7px 5px;} .popup-custome5.ui-dialog .ui-dialog-titlebar.ui-widget-header{ background: #3397da;} .popup-custome5.ui-dialog .ui-dialog-titlebar-close span {background: rgba(0,0,0,0) url(../img/icon36.png) no-repeat scroll center center;} .popup-custome5.ui-dialog .ui-dialog-content.ui-widget-content{background:#f4f8fb; } .box2p{background-color: #3397da; margin: -10px -20px 100px; padding:0 20px;} .Pmonth{box-shadow:0 0 6px #7199c2 inset;border-radius: 100%;width: 155px; height: 155px; background-color: #fff; margin: 20px 0 -74px; } .bullet1{ background: url(../img/icon91.png) no-repeat left 3px; padding-left: 20px; margin-bottom: 10px;} .input-append .add-on2 {position: absolute;right: 24px;padding: 0;top: 8px;} .v4input input[type=text],.v4input input[type=password],.v4input select{width:100%;border-radius: 0; margin:0 0 -1px 0; height: 59px; } .v4input input[type=text]:focus,.v4input input[type=password]:focus{border-color: var(--teal);position: relative;box-shadow: 0 0 3px var(--teal)cc inset; } .v4input select{ background: url(../img/icon94.png) no-repeat center right 15px #fff; box-shadow:none;} .v4input .chosen-container{ width:100% !important;} .v4input .chosen-container-single .chosen-single abbr{ top:23px; right:35px; } .input-box{border:1px solid #ccc; background-color: #fbfbfb;height: 59px;padding: 10px 5px; margin:0 0 -1px 0;} .on-off{border:1px solid #ccc;background-color: #fff;width:63px;height: 37px;position: relative; float:right;border-radius: 37px;box-shadow: 1px 1px 4px -1px inset #ccc;cursor: pointer;} .on-off:before{width: 31px;transition: all 0.5s; height: 31px;border: 1px solid #ccc; border-radius: 100%;position: absolute; content:""; left:2px; top:2px; background-color: #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); } .on-off.active{background-color: var(--teal);border-color:var(--teal);} .on-off.active:before{left:29px; box-shadow: 0 1px 4px rgba(0,0,0,0.5);} .on-off4{border:1px solid #ccc;background-color: #fff;width:55px;height: 22px;position: relative;border-radius: 37px;box-shadow: 1px 1px 4px -1px inset #ccc;cursor: pointer;} .on-off4:before{width: 18px;transition: all 0.5s; height: 18px;border: 1px solid #ccc; border-radius: 100%;position: absolute; content:""; left:1px; top:1px; background-color: #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); } .on-off4.active:before{left:32px; box-shadow: 0 1px 4px rgba(0,0,0,0.5);} .on-off4.neutral:before{left:17px; box-shadow: 0 1px 4px rgba(0,0,0,0.5);} .child-on-off4{border:1px solid #ccc;background-color: #fff;width:55px;height: 22px;position: relative;border-radius: 37px;box-shadow: 1px 1px 4px -1px inset #ccc;cursor: pointer;} .child-on-off4:before{width: 18px;transition: all 0.5s; height: 18px;border: 1px solid #ccc; border-radius: 100%;position: absolute; content:""; left:1px; top:1px; background-color: #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); } .child-on-off4.active:before{left:32px; box-shadow: 0 1px 4px rgba(0,0,0,0.5);} .child-on-off4.neutral:before{left:17px; box-shadow: 0 1px 4px rgba(0,0,0,0.5);} .on-off5{border:1px solid #ccc;background-color: #fff;width:55px;height: 22px;position: relative;border-radius: 37px;box-shadow: 1px 1px 4px -1px inset #ccc;cursor: pointer;} .on-off5:before{width: 18px;transition: all 0.5s; height: 18px;border: 1px solid #ccc; border-radius: 100%;position: absolute; content:""; left:1px; top:1px; background-color: #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); } .on-off5.active:before{left:32px; box-shadow: 0 1px 4px rgba(0,0,0,0.5);} .on-off5.neutral:before{left:17px; box-shadow: 0 1px 4px rgba(0,0,0,0.5);} .child-on-off5{border:1px solid #ccc;background-color: #fff;width:55px;height: 22px;position: relative;border-radius: 37px;box-shadow: 1px 1px 4px -1px inset #ccc;cursor: pointer;} .child-on-off5:before{width: 18px;transition: all 0.5s; height: 18px;border: 1px solid #ccc; border-radius: 100%;position: absolute; content:""; left:1px; top:1px; background-color: #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); } .child-on-off5.active:before{left:32px; box-shadow: 0 1px 4px rgba(0,0,0,0.5);} .child-on-off5.neutral:before{left:17px; box-shadow: 0 1px 4px rgba(0,0,0,0.5);} .on-off2{background-color:#E5E7EB;color:#fff;width: 57px; height: 25px; box-shadow: none; border-color:#E5E7EB; } .on-off2:before{width:21px; height: 21px; box-shadow: none;left: 1px;top:1px;} .on-off.active:before {left: 33px;box-shadow: none;} .upload-box3{position: relative;overflow: hidden;margin-top: 5px;height: 30px;} .upload-box3 input[type=file]{width: 128px;height: 28px;opacity: 0;max-width: unset;margin: -4px 0 0 -11px;cursor: pointer;} .upload-box3 #uploadFile{width: 138px;background: none;border: 0;box-shadow: none;padding: 3px 2px;} .btn-upload{ background: url(../img/icon95.png) no-repeat right 8px center, linear-gradient(to top,#e7e7e7,#fcfcfc);border: 1px solid #b3b3b3;display: inline-block;padding: 3px 34px 3px 10px;border-radius: 2px;position: absolute;right: 0;width: 116px; height: 28px} input.clock{background:url(../img/clock3.png) no-repeat center right 10px;} .bg-grey{background-color:#f4f4f4;} .input-box .v-center-parent .v-center{height:37px;} .ui-dialog .v4input .chosen-container-single .chosen-single, .v4input .chosen-container-single .chosen-single{ box-shadow:none; background: #fff; border-color:#ccc; border-radius:0; padding: 18.5px 0 18.5px 8px; margin-bottom: -1px;} .v4input .chosen-container-single .chosen-single div{width:29px;} .ui-dialog .v4input .chosen-container-single .chosen-single div b, .v4input .chosen-container-single .chosen-single div b {background: url(../img/icon94.png) no-repeat scroll center center;margin-top: 23px;width: 14px;} .ui-dialog .v4input .chosen-container-active.chosen-with-drop .chosen-single div b, .v4input .chosen-container-active.chosen-with-drop .chosen-single div b { background: url(../img/icon94t.png) no-repeat scroll center 3px;margin-top: 22px;} .btn7{border: 1px solid #d3d3d3;background-color: #fff; padding:5px; color: #293846;display: inline-block; margin:0 3px 5px;text-align: center;vertical-align: middle;} .f-box{border:1px solid #d3d3d3; overflow: hidden;} .f-box .f-boxInner{width: 68px;text-align: center; padding: 10px 2px;background-color: #fff;border-right:1px solid #d3d3d3;float: left;} .f-box .f-boxInner.active{background-color: var(--teal); color:#fff;} .cPrevious,.cNext{border: 1px solid #d3d3d3;background-color: #efefef;padding: 8px 10px;vertical-align:top;margin-right: -6px;border-radius: 3px 0 0 3px;} .cNext{border-radius: 0 3px 3px 0; margin: 0 0 0 -6px;} .popup-custome6.ui-dialog{border-radius:4px;} .popup-custome6 .ui-dialog-titlebar.ui-widget-header { background-color: #eaeaea;padding: 16px 10px 17px;text-align: center;} .popup-custome6.ui-dialog .ui-dialog-title{ float: none; font-size: 20px;font-weight: normal;} .popup-custome6.ui-dialog .ui-dialog-content.ui-widget-content{ background-color: #fff;} .popup-custome6 .nav-tabs > .active > a,.popup-custome6 .nav-tabs > .active > a:hover,.popup-custome6 .nav-tabs > .active > a:focus{color:#2b74b9;} .box11{ background-color: #fafafa; border-top:4px solid #eaeaea; padding: 10px 20px 20px;} .popup-custome6.ui-dialog .form-actions{background-color:#f7f7f7; border-top:1px solid #ccc; text-align: center;padding: 20px;} .popup-custome6.footer .setup-btn, .popup-custome6.ui-dialog .form-actions .setup-btn{background-color:#448bce } .popup-custome6.footer .setup-btn2, .popup-custome6.ui-dialog .form-actions .setup-btn2{background-color:#448bce } .custom-table4.r4px{ border-radius:4px; border: 1px solid #ccc} .custom-table4.r4px table th{ border: 0; border-right:1px solid #ccc} .custom-table4.r4px table{border:0;} .custom-table4.r4px table th:last-child{border-right:0;} .custom-table4.r4px table td:last-child{border-right: 0} .custom-table4.r4px table tr:last-child td{border-bottom:0;} .v5input select,.v5input input[type=text],.v5input input[type=password]{ border-radius:3px; padding: 8.5px 10px; height: auto;width: 360px; margin: 0;} .v5input textarea{border-radius:3px; padding: 8.5px 10px;min-height: 68px; } .v5input select{ background:url(../img/select3.png) no-repeat center right 10px;-moz-appearance: none;-webkit-appearance: none;-o-appearance: none;appearance: none;} .tooltip2{ border: 1px solid #d3d3d3; box-shadow: 0 0 12px #91919180; width: 205px; position: absolute; background-color: #fff;} .tooltip2 ul.common-ul li{padding: 10px; border-bottom:1px solid #efefef;} .tooltip2 .tip-head{border-bottom:1px solid #d3d3d3; background-color: #efefef;padding: 10px; border-radius:4px 4px 0 0; } .tooltip2 .cross2{position: absolute;right: 10px;top: 10px;background-size: 10px;background-position: center;} .tooltip2:before{position: absolute;content: "";border-right: 10px solid #fff;border-top: 8px solid transparent;border-bottom: 8px solid transparent;left: -10px;top: 50%;margin-top: -5px; } .icon98{background:url(../img/icon98.png) no-repeat ; width: 15px; height: 16px;} .icon99{background:url(../img/icon99.png) no-repeat ; width: 17px; height: 18px;} .cross2{background:url(../img/cross-popup2.png) no-repeat ; width: 14px; height: 14px;} .icon100{background:url(../img/icon100.png) no-repeat; width: 16px; height: 16px;} .icon100a{background:url(../img/icon100.png) no-repeat -18px center; width: 16px; height: 16px;} .icon100b{background:url(../img/icon100.png) no-repeat -36px center; width: 16px; height: 16px;} .icon100c{background:url(../img/icon100.png) no-repeat -54px center; width: 16px; height: 16px;} .icon101{background:url(../img/icon101.png) no-repeat;width: 14px ; height: 14px;} .icon102{background:url(../img/icon102.png) no-repeat;width: 36px ; height: 18px;} .icon103{background:url(../img/icon103.png) no-repeat;width: 16px ; height: 15px;} .icon105{background:url(../img/icon105.png) no-repeat;width: 36px ; height: 18px;} .btn-red4, .ui-widget-content .btn-red4{border: 1px solid #fe0000;color:#fe0000; background-color: #fff3f3; min-width: 130px; text-align: center;padding: 8px 2px;} .table-box3{ background-color:#f7f7f7; padding: 10px; } .table-box3 table{width:100%;} .table-box3 table td{padding: 10px;} .table-box3 table tr td:nth-child(2){text-align: right;} .table-box3 table tfoot td{border-top:3px solid #eaeaea} .user-address li{border-bottom: 1px solid #c8c8c8; padding: 10px 70px 10px 10px; position: relative; background-color: #fff;line-height: 18px;} .user-address{max-height: 254px; overflow: auto} .user-address li.red{background-color: #fee2e2} .user-address li.red .txt-green2{color:#e92727} .user-address .imgBox{width:30px; height: 30px; overflow: hidden; border-radius: 100%; text-align: center; margin-top: 3px;} .user-address .user-rightBox{margin-left: 48px;} .user-address .km{ position: absolute; right: 10px; top:50%; margin-top: -10px; color:#979797;} .filter-box{background-color:#fff;padding: 20px; border: 1px solid #e3e3e3; position: relative; margin: 10px 0 ;} .filter-box:before {content: ""; position: absolute; background: url(../img/icon104.png) no-repeat;width:21px; height: 12px;left: 122px;top: -12px; } .filter-box .footer3{background-color: #f7f7f7;border-top: 1px solid #cfcfcf;padding: 20px; border-radius:0 0 4px 4px;margin: 15px -20px -20px } .filter-box .setup-btn,.filter-box .btn-default2 {min-width: 116px; border-radius: 3px;padding:13px 5px;} .filter-box .setup-btn2,.filter-box .btn-default2 {min-width: 116px; border-radius: 3px;padding:13px 5px;} .b5{border-bottom: 5px solid #eaeaea} .v5input .input-append.datepicker .add-on{padding:11px 4px; } .alert-red{background: #fcf1f1;border-color: #f9abb1;padding: 5px 35px 5px 14px;} .alert-red .icon-alert{height: 28px;box-shadow: 1px 0 0 #fef9f9;width: 38px;background-size: 19px;} .alert-red .desc {display: block;vertical-align: middle;margin-left: 33px; margin-top: 5px;} .btn8,a.btn8{color:#4c9ae8;background-color: #fff;border: 1px solid #e5e5e5;display: inline-block; min-width: 196px; padding: 18px 5px; text-align: center;} .m5{margin: 5px;} .popup-custome6.v2 .v2Head{background-color:#f5f5f5; border-bottom:1px solid #d3d3d3;margin: -10px -20px 10px;padding: 0 0 18px;} .popup-custome6.v2 .ui-dialog-titlebar.ui-widget-header{background-color: #f5f5f5;padding: 10px 0 0 0;} .label-yellow{ background-color:#eecf00;color:#fff;} .bullet7 li{padding:5px 0 5px 20px;} .bullet7 li i{ float:left; margin-left:-20px;} .popup-custome6.v2 .form-actions{ background-color:#fdfdfd; padding:15px;} .text-left .ui-dialog-titlebar.ui-widget-header{ text-align:left !important;} .proggressbar2{ border:1px solid #204ff0; margin:0 auto; max-width:648px; background-color:#fff; font-size:22px;} .proggressbar2 .step{ float:left; width:50%; position:relative;} .proggressbar2 .step.active{ background-color:#3462fe; color:#fff;} .proggressbar2 .step-1:before{ content:''; position:absolute; border-top:34px solid transparent; border-bottom:34px solid transparent; border-left:17px solid #fff;top:0; left:100%; z-index:1; } .proggressbar2 .active.step-1:before{border-left-color:#3462fe;} .proggressbar2 .step-2{ padding-left:18px;} .product1.v2{ background-color:#fff; padding:10px 5px 10px 10px; cursor:pointer;} .product1.v2 .imgBox5{width:auto; height:57px; display:inline-block; padding:0 5px 0 0;} .product1.v2.active{ background-color:#3462fe; color:#fff; cursor:default;} .product1.v2.active .imgBox5 img{ display:none;} .product1.v2.active .imgBox5 img.hide{ display:inline;} .taginput .bootstrap-tagsinput{ padding:10px; min-height:59px;margin-top:5px;} .taginput .bootstrap-tagsinput .tag{background-color: #eceff1;border: 1px solid #e9e9e9;font-family: Raleway;font-size: 14px;color: #363738;padding: 10px 5px 10px 10px; margin-bottom:5px; } .taginput .bootstrap-tagsinput .tag [data-role="remove"]:after{color:#e18383; content:"\f00d"; font-family:'Font Awesome\ 5 Free'; font-weight:900;} .ProgressBarGreen{ border:1px solid #d3d3d3; padding:3px; background-color:#fff; width:334px; text-align:left; } .ProgressBarGreen .bar2{height:20px; background-color:#5ba932; width:80%; text-align:center;} .user-box2{ border:1px solid var(--teal); box-shadow:0 0 1px 1px #d1e6f2; padding:20px; text-align:center; min-height:307px;} .user-box2 .imgbox0{ padding:3px ; border:1px solid #e9e9e9; border-radius:100%; width:126px; height:126px; background-color:#fff;} .user-box2 .imgbox0 .imgboxInner{ overflow:hidden;border-radius:100%;} .btn-grey2{ border:1px solid #e9e9e9; background-color:#eeeeee; display:block; padding:12px 5px;} .user-box2.v2{ border-color:#e9e9e9; padding-top:0; box-shadow:none;} .user-box2 header{ background-color:#3462fe; border-radius:3px 3px 0 0; border-bottom:1px solid #204ff0; margin:0 -20px; padding:18px 5px 23px;} .user-box2 .btn-blue4{display:block; padding:12 5px;} .user-box2 .bullet4 li{ padding-left:15px; padding-bottom:5px;} .user-box2 .bullet4 li a{color:#444; line-height:18px;} .user-box2 .bullet4 li a:hover{color:#1b85bf; text-decoration:underline;} .user-box2 .bullet4 li:before { content:"\f054"; font-size:11px; top:0;} .product2.v2{ padding:5px 5px 3px; min-height:147px;} .product2.v2 .imgBox6{ margin-bottom:5px;} .product2.v2:hover{ background-color:#fff;border:1px solid var(--teal); box-shadow:0 0 2px 1px #d1e6f2;} .product2.v2 a{color:#363738;} .product2.v2:hover a{ text-decoration:none; color:var(--teal);} .btn-red5,a.btn-red5{ color:#fff; background-color:#e14545; border:1px solid #d03232; padding:5px; text-align:center; display:inline-block; margin:0 2px 5px; min-width:184px;} .btn-red5:hover,a.btn-red5:hover{ color:#fff;} .btn-green2,a.btn-green2{ color:#fff; background-color:#32aa4d; border:1px solid #259e40; padding:5px; text-align:center; display:inline-block; margin:0 2px 5px; min-width:184px;} .btn-green2:hover,a.btn-green2:hover{ color:#fff;} .icon108{ background:url(../img/icon108.png) no-repeat; width:48px; height:35px; } .icon109{ background:url(../img/icon109.png) no-repeat; width:37px; height:35px; } .right-box1{ box-shadow:-4px 0 4px -4px #cacaca ; border:1px solid #ebebeb; background-color:#fff;} .search-box2{ background-color:#f4f4f4; border-bottom:1px solid #e9e9e9; padding:20px;} .search-box2 input[type=search]{ background: url(../img/search3.png) no-repeat left 5px bottom 4px #fff;background-size: 16px;padding: 14px 5px 2px 30px;border-radius: 0;box-shadow: none;width: 100%;box-sizing: border-box;height: auto;border-color: transparent transparent #d0d0d0;} .faq3{ list-style:none; background-color:#fff; margin:0} .faq3 li { margin-left:20px; border-bottom:1px solid #e4e4e4; padding:2px 0; } .faq3 li h3{ margin:0;} .faq3 li a{ text-decoration:underline;} .faq3 li .row-fluid{ display:none; padding:0px 5px 13px 21px;} .icon112{ background:url(../img/icon112.png) no-repeat; width:14px; height:14px;} .icon111{ background:url(../img/icon111.png) no-repeat;} .v6input{margin: 0 0 -1px 0;height: 59px; border:1px solid #ccc; padding:10px; background-color:#fff; } .v6input.focus2,.v7input.focus3{border-color: var(--teal);box-shadow: 0 0 3px var(--teal)cc inset;position:relative;} .v6input .label3{color: #a9a9a9;border-right: 1px solid #e5e5e5;display: inline-block;vertical-align: middle;padding: 8px 10px 8px 0;margin-right: 5px;} .v6input input[type=text],.v6input input[type=password],.v6input select{border:0;background-color: transparent;box-shadow: none; } .v6input input[type=text]:focus,.v6input input[type=password]:focus{ } .v6input select{ background: url(../img/icon94.png) no-repeat center right 15px #fff; box-shadow:none;} .v6input .chosen-container{ width:100% !important;} .v6input .chosen-container-single .chosen-single abbr{ top:23px; right:35px; } .custom-table5{ } .custom-table5 table{width:100%;} .custom-table5 th{ background-color:#f4f4f4; padding:10px ; height:59px; text-align:left; vertical-align:middle; border:1px solid #ccc; } .custom-table5 td{ border:1px solid #ccc;} .ui-dialog .custom-table5 .chosen-container-single .chosen-single, .custom-table5 .chosen-container-single .chosen-single{ border:0; margin-bottom:0;} .ui-dialog .chosen-container-multi .chosen-choices{ background:#fff url(../img/icon94.png) no-repeat scroll center right 8px;} .v4input .chosen-container .chosen-results,.v7input .chosen-container .chosen-results{ max-height:130px;} .popup-custome3.v2.ui-dialog .ui-dialog-titlebar.ui-widget-header{ background:#4B73F9; padding:10px;} .calendar{ background:url(../img/icon114.png) no-repeat ; width:30px !important; height:25px !important; margin:2px 0 0 -14px; } .clock3,input[type=text].clock3{ background-image:url(../img/clock1.png); background-repeat:no-repeat; background-position:right 5px center; } .v7input{margin: 0 0 -1px 0;height: 59px; border:1px solid #ccc; padding:5px; background-color:#fff;} .v7input .v7left-box { width:20% ; float:left; position:relative;} .v7input .v7right-box{ width:80%; float:left; padding-left:2px;} .v7input .w25{ width:25%}.v7input .w75{ width:75%}.v7input .w30{ width:30%}.v7input .w70{ width:70%}.v7input .w35{ width:35%}.v7input .w40{ width:40%}.v7input .w65{ width:65%}.v7input .w60{ width:60%} .v7input .v-center{ height:47px; padding:0; color:#a9a9a9; font-weight:400;} .v7input .v7seprator{ position:absolute; border-right:1px solid #e5e5e5; height:36px; right:0; top:6px;} .v7input .chosen-container{ width:100% !important;} .v7input .chosen-container-single .chosen-single{border: 0;box-shadow: none;margin-top: 5px; font-size:14px;} .v7input .chosen-container-single .chosen-single div b{background: url(../img/icon94.png) no-repeat scroll center center;margin-top: 12px;width: 14px;} .ui-dialog .v7input .chosen-container-active.chosen-with-drop .chosen-single div b{background: url(../img/icon94t.png) no-repeat scroll center 3px;margin-top: 11px;} .v7input.b-fixedC { border-left:0;} .icon115{ background:url(../img/icon115.png) no-repeat ;width:22px; height:18px;} .txt-seprator{ border-bottom:1px solid #e7e7e7;width:445px; max-width:100%; margin:0 auto; text-align:center; height:15px;} .txt-seprator span{ display:inline-block; padding:4px 12px; color:#bdbdbd; background-color:#F8F8F8;} .txt-seprator-v{width:20px; max-width:100%;text-align:center;color:#bdbdbd;position: absolute;right: -8px;z-index: 10;top: 91px; } .txt-seprator-v .top-b{border-left:1px solid #e7e7e7; height:80px; display:inline-block;} .txt-seprator-v .bottom-b{border-left:1px solid #e7e7e7; height:80px; display:inline-block;} .box-right2{ background-color:#fff; box-shadow:-4px 0px 8px -4px #999; } .box-right2 .headingB2{ z-index:1;} .box-right2 .recentF-ul{margin: 0;border-top: 3px solid #f1f1f1;} .box-right2 .checkbox-1{position: absolute;left: 0;top: 5px;} .select-box2{ background-color:#fff; border:1px solid #ccc; padding:2px; list-style:none; max-height:184px; overflow:auto; margin:0;} .select-box2 li:first-child{ background-color:#f1f1f1; padding:3px 8px;} .select-box2 li{ padding:0 8px;} .select-box2 li input[type=checkbox]{ margin:0 4px 0 0; vertical-align:middle;} .select-box2 li label{ display:inline-block; vertical-align:middle; margin:0; font-size:14px;} .icon116{ background:url(../img/icon116.png) no-repeat; width:20px; height:20px; } .icon117{ background:url(../img/icon117.png) no-repeat; width:20px; height:20px; } .btn7.active{ background-color:var(--teal); border-color:#0097c8; color:#fff;} .btn7.active .icon116{ background:url(../img/icon116w.png) no-repeat;} .btn7.active .icon117{ background:url(../img/icon117w.png) no-repeat;} .dropdown3{ position:relative; margin: 0 3px 5px; vertical-align:middle;} .dropdown3 a.inner{ display:inline-block; border:1px solid #d3d3d3; border-radius:3px; color:#818181;padding: 5px;background-color: #fff;} .dropdown3 a.inner .fa-angle-down{color:#293846;font-size: 16px;margin-left: 5px;vertical-align: middle;} .dropdownMenu{ min-width:210px; border-radius:2px;box-shadow: 0 0 7px #0000001a; padding:0;left: 100%;margin: 9px 0 0 -44px;} .dropdownMenu:after{ content:""; position:absolute; background:url(../img/arrow-top2.png) no-repeat;width:16px; height:9px; top:-9px;left:24px;} .dropdownMenu li{border-bottom: 1px solid #efefef;padding: 9px 8px;} .dropdownMenu li input[type=checkbox]{ vertical-align:middle;margin:-2px 3px 0 0; } .tooltip2.tooltip2-right:before{left: auto;right: -20px;border-left: 10px solid #fff;border-right: 10px solid transparent;} .tooltip2.tooltip2-top:before{left: 50%;top: -13px;border-bottom: 10px solid #EFEFEF;border-left: 8px solid transparent;border-right: 8px solid transparent; margin-left: -10px;} .tooltip2.tooltip2-bottom:before{left: 50%;bottom: -18px;border-top: 10px solid #fff;border-left: 8px solid transparent;border-right: 8px solid transparent;margin-left: -10px;top: auto;} .tooltip2 .footer4 .btn-blue7,.tooltip2 .footer4 .btn-blue3,.tooltip2 .footer4 .btn-red4{ height:40px; margin:2px; vertical-align:middle;} .ticket-listing .green.add_new_button{ vertical-align:middle;} .lead_inv_rows td{ vertical-align:top !important;} .icon118{ background:url(../img/icon118.png) no-repeat ; width:16px; height:17px;} .progressBar2{ height:6px; background-color:#dcdcdc; margin:0 auto; max-width:550px;} .progressBar2 .step{ text-align: center;width: 7.3%;margin-top: -19px;float: left; position:relative;} .progressBar2 .step-degit{ background-color:#dcdcdc; border-radius:100%; width:40px; height:40px; display:inline-block;line-height: 40px;font-size: 18px; color: #fff;font-family: OpenSans-semibold;} .progressBar2 .step-text{color: #a7a7a7;position: absolute;left: -50%;white-space: nowrap;bottom: -23px;} .progressBar2 .filer{ width:23.6%; float:left; height:7px;} .progressBar2 .Step2 .step-text{ left:-36px} .progressBar2 .step.current .step-degit{background-color: #fff;color: var(--teal);box-shadow: 0 0 0 5px var(--teal) inset;} .progressBar2 .step.active .step-degit{background-color: var(--teal);} .progressBar2 .step.active .step-text,.progressBar2 .step.current .step-text{color: var(--teal);} .progressBar2 .filer.active{ background-color:var(--teal);box-shadow: -2px 0 0 0px var(--teal),2px 0 0 0px var(--teal);} .icon119{ background:url(../img/icon119.png) no-repeat ; width:13px; height:10px;} .btn-grey3{ background-color:#b7b7b7; border:1px solid #aaa; color:#fff; padding:10px; display:inline-block;} .btn-grey3:hover ,a.btn-grey3:hover,.btn-grey3:focus,a.btn-grey3:focus{color:#fff;} .icon120{ background:url(../img/icon120.png) no-repeat; width:14px; height:17px;} .box-shadow{margin: -15px -10px 0;padding: 20px;border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;box-shadow: 0 0 2px 1px #f3f5f6;background-color: #fff;} .bullet8{padding: 20px 5px 5px 20px;margin-top: 2px; margin-bottom:-10px;border-right:1px solid #f2f2f2; box-shadow:8px 0 8px -8px #eceeef} .bullet8 li{ color:#979898; font-size:16px; font-family:OpenSans-Semibold; margin-bottom:15px; } .bullet8 li .bullet8Inner{ display:inline-block; vertical-align:middle; margin-right:5px; background-color:#e5e5e5; border:1px solid #afafaf; border-radius:100%; width:8px; height:8px;} .bullet8 li.active,.bullet8 li.current{color:var(--teal)} .bullet8 li.active .bullet8Inner{ background-color:var(--teal); border-color:var(--teal);} .bullet8 li.current .bullet8Inner{ background-color:#fff; border-color:var(--teal);} .box12{ box-shadow:0 8px 8px -8px inset #eceeef; padding:20px; position:relative;} .box12 .dropdown{ padding-left:118px;} .box12 .seprator0{ position: absolute;top: 10px;bottom: 0px;background-color: #dee9eb;width: 2px;left: 59px;} .box13{ background-color:#fff; border:1px solid #f2f2f2; box-shadow:0 0 9px 1px #eceeef; padding:10px 20px 20px; margin-bottom:22px;} .txt-blue1{color:#5a9fbd; } .icon125{ background:url(../img/icon125.png) no-repeat; width:15px; height:17px;} .S-steps{ background: no-repeat center center #ece9e9; border:1px solid #b8b8b8; position:absolute; top:0; left:34px; width:51px; height:51px; border-radius:100%;} .S-steps1{ background-image:url(../img/icon121.png); } .S-steps2{ background-image:url(../img/icon122.png); } .S-steps3{ background-image:url(../img/icon123.png); } .S-steps4{ background-image:url(../img/icon124.png); } .active.S-steps1{ background:url(../img/icon121w.png) no-repeat center center #5a9fbd; border-color:#26799d; } .active.S-steps2{ background:url(../img/icon122w.png) no-repeat center center #5a9fbd; border-color:#26799d; } .active.S-steps3{ background:url(../img/icon123w.png) no-repeat center center #5a9fbd; border-color:#26799d; } .active.S-steps4{ background:url(../img/icon124w.png) no-repeat center center #5a9fbd; border-color:#26799d; } .current.S-steps1{ background:url(../img/icon121b.png) no-repeat center center #fff; border-color:#26799d; } .current.S-steps2{ background:url(../img/icon122b.png) no-repeat center center #fff; border-color:#26799d; } .current.S-steps3{ background:url(../img/icon123b.png) no-repeat center center #fff; border-color:#26799d; } .current.S-steps4{ background:url(../img/icon124b.png) no-repeat center center #fff; border-color:#26799d; } .alert.v2{ background-color:#fffde1; border-color:#e1debd; color:#938863;} .icon126{ background:url(../img/icon126.png) no-repeat ; width:16px !important; height:16px !important;} .box14{ background-color:#f6f9fa; border:1px solid #dee9eb; padding:10px;} .disable{opacity: 0.32;} .heading2{ background-color:var(--teal); color:#fff; padding:8px 25px 8px 11px; margin:0;} .banner4{ border-bottom:1px solid #4f91c1; box-shadow:0 1px 0 0px #d3e3ef; padding:25px; display:flex;} .btn-grey4{ background-color:#273847; color:#fff; text-align:center;padding:15px; display:inline-block;} .btn-grey4:hover,.btn-grey4:focus{ color:#fff;} .seprator-bg{ background:url(../img/seprator-bg.png) repeat-x center center; height:6px;margin-bottom: 10px;} .campaigner-box .label{font-size: 13px;padding: 6px 4px;min-width: 60px;border-radius: 8px;} .campaigner-box .label.label-success{ background-color:var(--teal);} .campaigner-box .label.label-black{ background-color:#475662;} .campaigner-right-box .right-box3{ border-left:1px solid #a8a8a8; padding:30px 0;} .icon128{ background:url(../img/icon128.png) no-repeat; width:12px; height:14px;} .table7 th{ text-align:left; border-bottom:2px solid #c1c1c1; padding:15px 5px; } .table7 td{ background:url(../img/seprator-bg.png) repeat-x bottom; padding:10px 5px;height:72px;} .fix-pl35 td,.fix-pr35 td{ height:62px; padding:5px;} .bullet0{ background-color:#161f27; color:#fff; margin-right:5px;width: 23px;text-align: center;line-height: 23px;} .r100{ border-radius:100%;} .icon129{ background:url(../img/icon129.png) no-repeat;width:18px; height:19px;} .inputbox3{ padding:5px 5px 0; margin-bottom:2px;} .inputbox3 label{ display:inline-block;width:100px; text-align:right;} .inputbox3 input.icon130,.inputbox3 input.icon131{ background:url(../img/icon130.png) no-repeat left center #fff; padding:2px 5px 3px 42px; width:108px; margin:0 10px 5px;} .inputbox3 input.icon131{ background-image:url(../img/icon131.png);} .input-append2{ white-space:nowrap;} .add-on3{background-color:#f2f2f2;display:inline-block;min-width:44px;border:1px solid #ccc;padding:7px 2px;margin-left:-1px;border-radius:0 2px 2px 0;text-align:center;white-space:nowrap;font-size:12px;vertical-align:middle;box-shadow:-1px 1px 2px inset #ccc} .tbox0{ border:1px solid #ccc; background-color:#eee; padding:5px;} .tbox0.active{ border-color:var(--teal); box-shadow:0 0 4px var(--teal);} .d-searchbox{ float:right;padding-right:15px;} .d-searchbox input[type=text]{ border:1px solid #f2f5fa; background:url(../img/icon132.png) no-repeat center right 7px; border-radius:2px; width:132px; padding:0 5px; height:auto; margin:0; box-shadow:none;} .icon133{ background:url(../img/icon133.jpg) no-repeat ; width:8px; height:7px;} .box-counter.v2{ border:0;} .box-counter.v2 h3{margin: 0 15px 5px;padding: 11px 0 5px; } .heading6{ border:1px solid #e6ecf2; background-color:#f9fafb; padding:12px 15px; margin:0; color:#000000; line-height:15px;} .heading6 a{ margin-left:10px; color:#7e8e97; font-size:12px} .filter3 a{ border: 1px solid transparent; color:#000; margin:0 8px 5px; padding:5px 10px; line-height:12px; display:inline-block;} .filter3 a.active{background: red;background: linear-gradient(to left, var(--teal) , var(--teal)); border-radius:20px; color:#fff; } .nav-tabs9{border:1px solid #e6ecf2; background-color:#f9fafb; margin:0; color:#000000; line-height:15px;} .nav-tabs9 > li{ border-right:1px solid #e1e5e8;} .nav-tabs9 > li > a{ margin:0; padding:8px 20px;border-radius:0; position:relative; color:#cfcfcf; min-width:95px; text-align:center;} .nav-tabs9 > .active > a, .nav-tabs9 > .active > a:hover, .nav-tabs9 > .active > a:focus{ border:0; background-color:#009ed7; color:#fff; } .nav-tabs9 > .active > a:after{ content:""; position:absolute; border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #009ed7; bottom:-8px; left:50%; margin-left:-6px;} .table8 th{ border-bottom:1px solid #eaedef; padding:5px; border-left:1px solid #eaedef; height:55px; font-family: OpenSans-Bold; font-size:14px; text-align:center; font-weight:normal;} .table8 tr.thead2 th{ background-color:#f1f3f5; height:53px; text-align:inherit ;} .table8 td{ background:url(../img/seprator-bg.png) repeat-x bottom; padding:5px 5px 10px; text-align:center; height:55px;border-top: 0; } .table9 th{ border-bottom:1px solid #eaedef; padding:5px 5px 10px; height:20px;} .table9 td{ border-bottom:1px solid #d5d5d5; padding:5px 5px 10px; text-align:center; line-height:15px; height:20px;} .table9{width:98%;margin-left:10px;} .t-progres-bar{ background-color:#f4f4f4; border:1px solid #c5c5c5; position:relative; margin:5px 35px 0 0;} .t-progres-bar .t-filler{ background-color:#009ed7; margin:-1px 0; height:14px; width:55%} .t-progres-bar .t-counter{ position:absolute; left:100%; top:0;line-height: 12px;margin-left: 6px;} .txt-green3{color:#18a800} .label.v2{ font-family:Open Sans; padding:4px 15px; font-size:11px; line-height:normal;} .icon136{ background:url(../img/icon136.png) no-repeat ; width:13px; height:9px;} .icon137{ background:url(../img/icon137.png) no-repeat ; width:12px; height:12px;} .icon138{ background:url(../img/icon138.png) no-repeat ; width:11px; height:12px;} .icon139{ background:url(../img/icon139.png) no-repeat ; width:20px; height:19px;} .icon140{ background:url(../img/icon140.png) no-repeat ; width:18px; height:18px;} .icon141{ background:url(../img/icon141.png) no-repeat ; width:17px; height:17px;} .icon150{ background:url(../img/icon150.png) no-repeat ; width:14px; height:12px;} .icon151{ background:url(../img/icon151.png) no-repeat ; width:14px; height:14px;} .btn9{ min-width:82px; height:34px;border:1px solid #e9e9e9;background-color:#e9e9e9; padding:6px 7.3px; line-height:15px; color:#43526d; display:inline-block; margin:0 5px 10px; text-align:center;} .btn9:hover,.open .btn9{background-color:#fff; border-color:var(--teal);box-shadow: 0px 0px 4px var(--teal);} .dropdownD{ position:relative;background:#fafafb url(../img/icon142.png) no-repeat top 18px right 10px; color:#9daeb8; padding:10px 30px 10px 10px; border:1px solid #e3ebf8;width:247px; max-width:100%;height:42px;overflow:hidden;} .changedropdown .dropdownD{ position: relative;background: #ffffff url(../img/select-arrow.png) no-repeat center right 10px;padding: 6px 30px 7px 10px; border: 1px solid #cccccc;width: 200px;color:#000;max-width: 100%;max-height: 120px;overflow: auto; height: auto;} .changeWidth .dropdownD { width:212px} .dropdownD.active{ background-color:#fff; border-color:var(--teal); box-shadow:-1px 1px 0 inset #aaddfd} .dropdownD:hover,.v8input input[type="text"]:hover,.v8input input[type="text"]:focus,.v8input select:hover,.v8input select:focus,.v8input textarea:hover,.v8input textarea:focus{cursor:pointer; background-color:#fff; border-color:var(--teal);box-shadow: 0px 0px 5px var(--teal);} .dropdownD:hover,.v8input input[type="number"]:hover,.v8input input[type="number"]:focus{cursor:pointer; background-color:#fff; border-color:var(--teal);box-shadow: 0px 0px 5px var(--teal);} .changedropdown .dropdownD.active{ background-color:#fff; border-color:var(--teal); box-shadow:-1px 1px 0 inset #aaddfd} .changedropdown .dropdownD:hover,.v8input input[type="text"]:hover,.v8input input[type="text"]:focus,.v8input select:hover,.v8input select:focus{cursor:pointer; background-color:#fff; border-color:var(--teal);box-shadow: 0px 0px 5px var(--teal);} .changedropdown .dropdownD:hover,.v8input input[type="number"]:hover,.v8input input[type="number"]:focus{cursor:pointer; background-color:#fff; border-color:var(--teal);box-shadow: 0px 0px 5px var(--teal);} .dropdownD2{ position:relative;background:#fafafb url(../img/icon142.png) no-repeat center right 10px; color:#9daeb8; padding:10px 30px 10px 10px; border:1px solid #e3ebf8;width:247px; max-width:100%;max-height:42px;overflow:hidden;} .changedropdown .dropdownD2{ position: relative;background: #ffffff url(../img/select-arrow.png) no-repeat center right 10px;padding: 6px 30px 7px 10px; border: 1px solid #cccccc;width: 200px;color:#000;max-width: 100%;max-height: 120px;overflow: auto;} .changeWidth .dropdownD2 { width:212px} .dropdownD2.active{ background-color:#fff; border-color:var(--teal); box-shadow:-1px 1px 0 inset #aaddfd} .dropdownD2:hover,.v8input input[type="text"]:hover,.v8input input[type="text"]:focus,.v8input select:hover,.v8input select:focus,.v8input textarea:hover,.v8input textarea:focus{cursor:pointer; background-color:#fff; border-color:var(--teal);box-shadow: 0px 0px 5px var(--teal);} .dropdownD2:hover,.v8input input[type="number"]:hover,.v8input input[type="number"]:focus{cursor:pointer; background-color:#fff; border-color:var(--teal);box-shadow: 0px 0px 5px var(--teal);} .changedropdown .dropdownD2.active{ background-color:#fff; border-color:var(--teal); box-shadow:-1px 1px 0 inset #aaddfd} .changedropdown .dropdownD2:hover,.v8input input[type="text"]:hover,.v8input input[type="text"]:focus,.v8input select:hover,.v8input select:focus{cursor:pointer; background-color:#fff; border-color:var(--teal);box-shadow: 0px 0px 5px var(--teal);} .changedropdown .dropdownD2:hover,.v8input input[type="number"]:hover,.v8input input[type="number"]:focus{cursor:pointer; background-color:#fff; border-color:var(--teal);box-shadow: 0px 0px 5px var(--teal);} .reportcross2{background: url(../img/cross-popup2.png) no-repeat;position: absolute;top: 18px;width: 14px;height: 14px;background-size: 8px;right: 22px;} .dropdownD span{line-height:26px;} .dropdownD span:first-child{margin-top: -2px; display: inline-block;} .changedropdown .dropdownD span{line-height:23px;} .dropdownD2 span{line-height:23px;} .changedropdown .dropdownD2 span{line-height:23px;} .new_input>input[type=text]:focus{ background-color:#fff !important; border-color:var(--teal) !important; box-shadow:-1px 1px 0 inset #aaddfd !important;} .new_input>input[type=text]:hover{cursor:pointer; background-color:#fff !important; border-color:var(--teal) !important;box-shadow: 0px 0px 5px var(--teal) !important;} .bl_btn_hover2,a.bl_btn_hover2{color:var(--teal); cursor:pointer; background-color:#fff; border:1px solid var(--teal); box-shadow:-1px 1px 0 #d9e9f5; width: 170px;text-align: center;border-radius: 5px;padding: 10px 5px;margin: 20px 0 0;} .bl_btn_hover2:hover{color:#fff; background-color: var(--teal); border-color:var(--teal);min-width: 100px;} .filter3 a:hover{background-color:#fff;border-radius:20px;border:1px solid #bbd6ea;box-shadow: 0px 0px 5px var(--teal)94;} .filter3 a.active:hover{ box-shadow:none; border:1px solid transparent;} .hover_underline:hover{text-decoration: underline !important;} .inner-d{ position:absolute; background-color:#fff; box-shadow:0 0 6px rgba(0,0,0,0.57); left:0; right:0;top:100%; margin:5px 0 0 0; color:#000; list-style:none; display:none; overflow:auto !important; max-height:160px;} .inner-d:before{ content:""; position:absolute; background:url(../img/icon144.png) no-repeat; width:11px; height:12px; top:-12px; right:14px; } .inner-d li{position:relative;} .inner-d li label{ margin:0;padding:8px 10px 8px 33px;-webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+/Edge */ user-select: none; /* Standard */} .inner-d li .checkboxD{ position:absolute;top:11px;left:10px;z-index:30px;border:1px solid #a3a3a3; width:16px; height:16px; border-radius:2px; display:inline-block; margin-right:5px;} .inner-d li .checkboxD input[type=checkbox]{ visibility:hidden; margin:0 ; max-width:none; width:16px; height:16px;} .inner-d li:hover{ background-color:#f4f7fa;color:var(--teal);} .inner-d li.active .checkboxD{ border:0; background-color: var(--teal);} .inner-d li.active .checkboxD::after{ content:"\f00c"; position: absolute; font-family:'Font Awesome\ 5 Free'; font-weight:900;color: #fff; left: 3px;font-size: 10px;top: -2px;} .v8input input[type=number],.v8input input[type=text],.v8input input[type=password],.v8input select,.v8input textarea{ background-color:#fafafb ; color:#333; padding:10px; border:1px solid #e3ebf8;width:247px; max-width:100%; box-shadow:none; border-radius:4px;} .changeWidth .v8input input[type=number],.changeWidth .v8input input[type=text],.changeWidth .v8input input[type=password],.changeWidth .v8input select { width: 212px; margin-bottom:0; height: 42px;} input[type=text].icon145{ background-image:url(../img/icon145.png); background-repeat:no-repeat; background-position: center right 10px; padding-right:20px;} .changeWidth .v8input input[type=text].icon145{background-position: center right 3px;padding-left:4px;} .v8input select{ background:#fafafb url(../img/icon142.png) no-repeat center right 10px; height:42px;text-indent: 0px;-moz-appearance: none;-o-appearance: none;-webkit-appearance: none;-ms-appearance: none;appearance: none;} #basket_loop a.txt-grey3{color:var(--teal); font-size: 12px;} #basket_loop .shipstation-create-trigger{ font-size: 12px;} #basket_loop .deleteProduct{display:inline-block; margin-top:10px; text-decoration:none;color:#6B7280;} #basket_loop .deleteProduct:hover{text-decoration: none;} #basket_loop a.txt-grey3:hover{ color:var(--teal); text-decoration:underline;} .alert-error3{ background-color:#f2dede; border:1px solid #dca7a7; color:#ad2918;} .alert-error3 .icon-alert{ border-right:1px solid #dca7a7; box-shadow:1px 0 0 #faf1f1;width: 47px;height: 33px; background-size:20px;} .alert-green2{ background-color:#dff1d7; border-color:#d0e6c6; color:#327337;} .icon-box{ background:none; border-right:1px solid #d7d7d7; box-shadow:1px 0 0 #f2f9ee;width: 47px; float:left; height:auto; padding:7px 0; margin-left:-14px; text-align:center; font-size:18px;} .alert-blue{ background-color:#d8edf8; border-color:#c8e0ed; color:#286c8c;} .alert-blue .icon-box{ border-left-color:#b6d3e2; box-shadow:1px 0 0 #ecf7f8;} .alert-yellow{ background-color:#fcf8e2; border-color:#f2ecc9; color:#886b35;} .alert-yellow .icon-box{ border-left-color:#e3ddb9; box-shadow:1px 0 0 #fefcf3;} .v1popup.ui-dialog .ui-dialog-content.ui-widget-content{ background-color:#fff;} .icon146{ background:url(../img/icon146.png) no-repeat; width:47px; height:34px; margin:5px 10px 0 0; } .icon147{ background:url(../img/icon147.png) no-repeat; width:47px; height:46px; } .v1popup.ui-dialog .ui-dialog-titlebar.ui-widget-header{ padding:8px 10px 0px;} .table9 th{padding: 5px 20px;background-color: #ededed;height: 70px;} .table9 td{ padding:25px 5px 16px; } .table9 td table td{ padding:10px 0} .table9 tr td.seprator6{border-bottom:1px solid #8b8b8b;} .tbl9-spr{border-left: 1px solid #a1a1a1;width: 1px;height: 24px;vertical-align: middle;margin-right: -20px;float: right;} .bullet9{ padding:0 0 10px 33px;} .bullet9.icon150a{ background:url(../img/icon150a.png) no-repeat left 7px;} .bullet9.icon151a{ background:url(../img/icon151a.png) no-repeat left 2px;} .bullet9.icon152{ background:url(../img/icon152.png) no-repeat left 2px;} .bullet9 .fa-mobile-alt{ margin: 8px 0 0 -29px;float: left;} .bullet9 .fa-th{margin: 8px 0 0 -30px;float: left;} .on-off3{border:1px solid #ccc;background-color: #fff;width:41px;height: 25px;position: relative; border-radius: 37px;cursor: pointer; display:inline-block;} .on-off3:before{width: 23px;transition: all 0.5s; height: 23px;border: 1px solid #ccc; border-radius: 100%;position: absolute; content:""; left:0; top:0; background-color: #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); } .on-off3.active{background-color: var(--teal);border-color:var(--teal);} .on-off3.active:before{left:16px; box-shadow: -4px 3px 10px rgba(0,0,0,0.5);} .nav-tabs10{ border-bottom:1px solid #c7c7c7; padding-bottom:15px; margin-bottom:15px;} .nav-tabs10 > li > a{ border:0; margin:0 30px; padding:0;} .nav-tabs10 > li:first-child > a{ margin-left:6px;} .nav-tabs10 > li:last-child > a{ margin-right:6px;} .nav-tabs10 > .active > a, .nav-tabs10 > .active > a:hover, .nav-tabs10 > .active > a:focus ,.nav-tabs10 > li > a:hover, .nav-tabs10 > li > a:focus{margin-bottom: 0; color:var(--teal); background:none; text-decoration:underline; border:0;} .icon156{ background:url(../img/icon156.png) no-repeat ; width:19px; height:18px;} input[type=text].search01{ background:url(../img/icon157.png) no-repeat left 8px center #f6f8fa; border-color:#959595; padding:9px 5px 9px 44px; width:100%;} .icon158{ background:url(../img/icon158.png) no-repeat ; width:32px; height:32px;} .icon159{ background:url(../img/icon159.png) no-repeat ; width:32px; height:32px;} .icon160{ background:url(../img/icon160.png) no-repeat ; width:16px; height:13px;} .btn-green3,.btn-white{ background-color:var(--teal)419; display:inline-block; padding:8px; color:#fff; min-width:148px; margin:3px 0 0 7px;} .btn-white{ background-color:#fff;color:#43526d;} .lagent.v2{ padding-left:10px; margin:50px 0 -6px 0;} .lagent.v2 li{ position:relative;padding-right:25px; margin-bottom:8px;} .lagent.v2 .clOrange{ background-color:#ff7900} .lagent.v2 .clGreen{ background-color:#04ce5e} .lagent.v2 .clBlack{ background-color:#43526d} .lagent.v2 .clYellow{ background-color:#ffe400} .lagent.v2 .clRed{ background-color:#ff0903} .counter{background-color: #e4e7ee;width: 21px;text-align: center;border-radius: 100%;font-size: 11px;position: absolute;right: 5px; top:0;} .cl-triger{ position:absolute; bottom:10px; left:10px;} .icon161{ background:url(../img/icon161.png) no-repeat ; width:16px; height:16px;} .icon162{ background:url(../img/icon162.png) no-repeat ; width:16px; height:16px;} .icon163{ background:url(../img/icon163.png) no-repeat ; width:16px; height:16px;} .icon164{ background:url(../img/icon164.png) no-repeat ; width:16px; height:16px;} .ticket-listing .common-box{ margin-bottom:15px;} .status2{ background-color:#4dd865; text-align:center; color:#fff; border-radius:50px; width:38px;display:inline-block;padding: 2px 3px 3px;font-size: 14px;} .status2.red{ background-color:#ff3b2f;} .on-off2 .on{ font-size:14px; top:1px; transform:none; left:5px;} .on-off2 .off{ font-size:14px; left:24px; top:1px; transform:none;} .p-inline p{ display:inline-block; margin:3px;} .icon165{ background:url(../img/icon165.png) no-repeat;width:10px; height:10px;} .icon166{ background:url(../img/icon166.png) no-repeat;width:12px; height:12px;} .icon167{ background:url(../img/icon167.png) no-repeat;width:12px; height:12px;} .icon168{ background:url(../img/icon168.png) no-repeat;width:12px; height:12px;} .icon169{ background:url(../img/icon169.png) no-repeat;width:11px; height:11px;} .icon170{ background:url(../img/icon170.png) no-repeat 0 3px; padding-left:15px;min-height:14px; } td.td-table{ background-color:#f9fafb; padding:10px 10px 20px 9px;border-left:1px solid #f9fafb} .table10 table{ border:1px solid #eaedef; background-color:#fff;} .table10 th{ background-color:#f9fafb; text-align:left; padding:10px; font-size:14px;} .table10 td{ text-align:left; line-height:18px; vertical-align:top; padding:10px;} tr.last td{ background:none;} .table8{border-collapse: unset;} .D-seprator{ border-bottom:1px solid #959595; padding-bottom:3px; margin-bottom:3px; padding-right:10px; } .bullet3.v2 li{ background:url(../img/bullet2.png) no-repeat left 14px; padding:10px 0 10px 30px; border-bottom:1px solid #e1e1e1; margin:0 } .alert-error3 .icon-box{border-right: 1px solid #dca7a7;box-shadow: 1px 0 0 #f7f1ed;} .popup-custome3.v3.ui-dialog .ui-dialog-titlebar.ui-widget-header{ background: var(--teal) url(../img/bg-title.jpg) no-repeat bottom center;padding: 15px 10px 20px;background-size: 100%;} .popup-custome3.v4.ui-dialog .ui-dialog-titlebar.ui-widget-header{ background: var(--teal);padding: 25px 10px;} .input-group2{display:inline-table;vertical-align:middle;width:100%;border-collapse:separate; position:relative;} .input-group2 .input-group-addon2{white-space:nowrap;display:table-cell;vertical-align:middle;background-color:#eaeaea;border:1px solid #ccc;padding:7px 9px;border-radius:2px;width:70px;box-shadow:0 0 3px #dbdbdb inset} .input-group2 .input-group-addon2:first-child{border-radius:2px 0 0 2px;border-right:0} .input-group2 .input-group-addon2:last-child{border-radius:0 2px 2px 0;border-left:0} .input-group2 input.form-control2{display:table-cell;z-index:2;float:left;width:100%;margin-bottom:0;border:1px solid #ccc;border-radius:0;height:37px} .check-m{ position:absolute;top: 0;padding: 10px 0 10px 5px;} .custom-table4 table .table4-inner{ border:0;} .custom-table4 table .table4-inner tr:first-child td{ border-top:0;} .custom-table4 table .table4-inner tr td:first-child{ border-left:0;} .custom-table4 table .table4-inner tr td:last-child{ border-right:0;} .custom-table4 table .table4-inner tr:last-child td{ border-bottom:0;} .v7input select{ border:0; margin-top:5px; background:url(../img/icon94.png) no-repeat right 3px center;box-shadow: none;} .popup-custome5.v2 .ui-dialog-titlebar.ui-widget-header{background:#27a7ec;} .popup-custome5.v2 .box2p{background-color:#27a7ec;} .table8 .triger-table i.plus2{background: url(../img/icon166.png) no-repeat;width: 12px;height: 12px;} .table8 .triger-table i.minus2{background: url(../img/icon167.png) no-repeat;} .table10 table tr:last-child td{ background:none;} .dropdown4{ height:auto;} .dropdown4 .chosen-container-multi .chosen-choices { border:0; box-shadow:none;background: #fff url(../img/icon94.png) no-repeat scroll top 14px right 4px;margin: 8px 0 1px; } .dropdown4 .chosen-container-multi.chosen-with-drop .chosen-choices{ border:1px solid #aaa;} .onoffswitch{margin:auto;position:relative;width:73px} .onoffswitchInner{background-color:var(--teal);border-radius:86px;display:inline-block;cursor:pointer;vertical-align:middle;margin:0 7px;height:25px;position:relative;width:60px} .onoffswitchInner:before{background-color:#fff;border-radius:35px;content:"";display:block;height:23px;left:4px;position:absolute;top:1px;transition:all 0.5s;width:23px;z-index:1; box-shadow:2px 0 3px 1px #265e88,0 0 15px #0000004d;} .onoffswitchInner.active:before{left:33px; box-shadow:-2px 0 3px 1px #265e88,0 0 15px #0000004d; } .radio-container{position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .radio-container input { position: absolute; opacity: 0; cursor: pointer; } .radio-container .checkmark { position: absolute; top: 3px; left: 0; height: 16px; width: 16px; background-color: #eee; border-radius: 50%;} .radio-container:hover input ~ .checkmark {background-color: #ccc;} .radio-container input:checked ~ .checkmark { background-color: var(--teal);} .radio-container input:checked ~ label { color: var(--teal);} .radio-container .checkmark:after {content: "";position: absolute;display: none;} .radio-container input:checked ~ .checkmark:after {display: block;} .radio-container label {padding-left:15px;} @media only screen and (min-width: 768px) { .fix-b{padding:65px 10px 20px;} .fix-b .col-sm-4:nth-child(2) .priceing3{ margin:0 -1px 30px;} } .blue-tag{background-color: #f2f2f2;color: #ccc;border:1px solid #ccc;border-radius: 26px;width: 86px;padding: 2px;margin-left: 2px;font-style: italic; vertical-align:middle;} .blue-tag.txt-blue{border:1px solid #005da3; background-color:#d7e7f4; color:var(--teal);} .priceing3{ border:1px solid #939393; background-color:#fff; min-height:412px; margin-bottom:30px; cursor:pointer;} .priceing3 .Price,.trigger-box .Price{ display:none;} .priceing3 .active,.trigger-box .Price.active{ display:inline-block;} .priceing3:hover{ background-color:#fbfbfb;} .priceing3.active,.priceing3.active:hover .header-p,.priceing3.active:hover .b-heading span,.priceing3.active .b-heading span{ background-color:#fcfcfc;} .row .col-sm-4 .priceing3.active{position: relative;z-index: 3;box-shadow: 0 0 21px #002a4257; border-color:#545454; } .priceing3:hover .btn10,.priceing3.active .btn10{background-color:#f8f8f8;color:#273847; border-color:#f8f8f8;} .r8px{ border-radius:8px;} .priceing3 .most-p{ background-color:var(--teal);margin: -1px;padding: 7px 5px; } .priceing3.active:hover{ background-color:#fbfbfb;} .priceing3.active:hover .header-p{ background-color:#f7f7f7;} .icon-circle{ width:20px; height:20px; border-radius:100%; border:2px solid #ccc; margin:-2px 10px 0 0;} .priceing3 .header-p{ border-bottom:2px solid #f4f4f4; } .priceing3 .header-p .v-center{ height:128px;} .col-sm-4:nth-child(2) .priceing3 .header-p .v-center{ height:140px;} .priceing3:hover .header-p{ background-color:#f7f7f7;} .priceing3.active .header-p { border-bottom:3px solid #c8d6dd;} .priceing3.active .header-p h2{ font-size:36px; font-family:OpenSans-Bold !important } .priceing3.active .icon-circle{ border:9px solid var(--teal); width:36px; height:36px; background:none; margin:-6px 0px 0 0;} .Price-inner .txt84{ font-size:63px;} .Price-inner .v-center{ height:150px;} .fix-b .col-sm-4:nth-child(2) .priceing3 .Price-inner .v-center{ height:170px;} .b-heading{border-top: 1px solid #666; margin: 0 14px;border-bottom: 1px solid #eee;} .fix-b .col-sm-4:nth-child(2) .priceing3 .b-heading{margin-top: -7px;margin-bottom: 6px;} .b-heading span{ background-color:#fff; width:200px;display: inline-block;margin-bottom: -8px;} .priceing3:hover .b-heading span{ background-color:#fbfbfb;} .priceing3 .txt18{ padding:20px 5px 35px; font-size:14px; text-transform: capitalize;} .priceing3 .txt18 .setup-btn{ background-color: var(--teal); box-shadow: none;padding: 5px 10px;font-size: 14px;width: 125px;margin-top: 15px;border: 0;} html {scroll-behavior: smooth;} .trigger-box{ background-color:#fff ; padding:10px 20px 10px 38px; border-bottom:1px dashed #b9bfc4; margin-bottom:12px; position:relative;} .trigger-box .price-box{ position:absolute;right:40px; top: 13px; font-size:55px; line-height:60px;} .box-billing1{padding:30px 30px 15px; background-color:#fcfcfc;margin: 0 -30px;} .trigger-box.custome-checkbox .checkbox4.v2{ width:15px; height:15px; margin:10px 0px 0 -26px;} .trigger-box.custome-checkbox .checked2.v2{background-image: url(../img/check-blue2.png);} .banner-box{ background-color:var(--teal); border-radius:30px 0 30px 0; color:#fff; max-width:280px; margin:0 0 0 auto} .call-us-link{ margin-bottom:20px;} .banner-box .v-center{ height:421px;} .btn-green4.v2{ background-color:#2bbf04; border-radius:4px;min-width: 131px;float: right;text-align: center;font-size: 18px;padding: 9px 3px;} .check-w{ background:url(../img/check-w.png) no-repeat ; width:13px; height:13px; } .bullet-cg{ background:url(../img/check-green2.png) no-repeat left top 7px; padding-left:20px; margin-bottom:9px;} .module{ padding:10px 35px; margin-bottom:11px; min-height:108px; position:relative; } .module .lhn{line-height:15px;} .module .txt21{ line-height:21px;} .module .moreInfo{ display:none;} .module .row-fluid{ display:none;} .module .txt13{ font-size:11px;} .green_check_circle{background:url(../img/check.png) no-repeat; padding:0 0 4px 20px; font-size:12px;} .red_cross_circle{background:url(../img/cross.png) no-repeat; padding:0 0 4px 20px; font-size:12px;} .bullet02 li{ background:url(../img/arrow-green.png) no-repeat left 4px; padding:0 0 2px 17px; font-size:12px; } .trigger2{ background:url(../img/arrow-down3.png) no-repeat; background-size:17px; width:18px; height:12px; position:absolute; bottom:10px; right:15px;} .trigger2.active{ background-image:url(../img/arrow-down3t.png);} .custome-checkbox .checkbox4.v2{ border-color:#acacac;width:13px; height:13px; margin:6px 0px 0 -19px; float:left;} .custome-checkbox .checkbox4.v2 input[type=checkbox]{width:13px; height:13px;} .custome-checkbox .checked2.v2{ background-image:url(../img/check-blue.png);border: 0;box-shadow: unset;} .popup1.ui-dialog .ui-dialog-titlebar.ui-widget-header{ padding:26px 25px; } .popup1.ui-dialog .ui-dialog-titlebar-close span{background: url(../img/cross-popup3.png) no-repeat center center;width: 21px;height: 21px;} .popup1.ui-dialog .ui-dialog-titlebar-close {right:27px;width:21px;height:21px;} .left-imgBox{ padding-left:69px; margin-bottom:30px; color:#000;} .left-imgBox .txt12{ line-height:15px;} .left-imgBox .img-left{ float:left; margin-left:-69px;} .boxv1{ background-color:#f1f1f1; padding:10px 15px 20px;} .boxv1 .innerbox{ border:1px solid #c7c7c7; padding:15px; background-color:#eeeeee;} .boxv1 .innerbox.active{ border-color:var(--teal); box-shadow:0 0 4px var(--teal);} .checkbox3inner.v2{width: 22px;height: 21px;background-color: #ebebeb; margin:0;} .checkbox3inner.v2 .fa-check{width: 100%;height: 100%;line-height: 18px; display:block;} .checkbox3inner.v2.active{ background-color:#2684c6; color:#fff;border-color: #2684c6;} .icon-csv{ background:url(../img/csv-file.png) no-repeat ;width:20; height:21px;} .btn9.green{background-color: var(--teal);color: #fff;width: auto;padding:7px 10px 0;border-color: var(--teal);} .btn9.green:hover{box-shadow: 0px 0px 4px var(--teal);} .tooltip3{ border:1px solid #e3ebf8; background-color:#f2f2f2; box-shadow:0 0 7px #e7e9e9; width:234px; position:absolute;z-index: 20;bottom: 27px;left: -10px; display:none;} .tooltip3:after{ position:absolute; content:''; background:url(../img/tooltiparrow.png) no-repeat;width:16px ; height:13px;bottom:-13px; left:14px;} .tooltip3 .left-col{ float:left; width:65%; text-align:left;} .tooltip3 .right-col{ float:left; width:35%;} .tooltip3 .t-seprator{ border:1px solid #c3cad7;margin: 10px 0 0;} .tooltip3 .t-footer{ border-top:1px solid #e3ebf8; padding:10px 10px; background-color:#eaeaea;} .icon173{ background:url(../img/icon173.png) no-repeat ; width:12px; height:12px; margin:-2px 0 0 3px;} .t-trigger{ cursor:pointer;} .popup3 .left-col{ float:left; width:47%; margin:-42px 0 -5px 0; padding:80px 0; background: #055598; /* Old browsers */ background: -moz-linear-gradient(top, #055598 0%, #045798 50%, #046b9d 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #055598 0%,#045798 50%,#046b9d 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #055598 0%,#045798 50%,#046b9d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#055598', endColorstr='#046b9d',GradientType=0 ); /* IE6-9 */} .popup3.ui-dialog{ border:0;} .popup3 .right-col{ float:left; width:53%; padding:8px 58px 7px} .popup3 .ui-dialog-content.ui-widget-content{ padding:0; overflow:visible;background-color: #fff;} .v9input input[type=text],.v9input textarea{ width:100%; border-color:#7a7a7a; background-color:#fff; padding-left:46px;min-height: 39px; margin-bottom:13px; border-radius:0} .v9input select{ width:100%; border-color:#7a7a7a; background:url(../img/img47.png) no-repeat,url(../img/arrow-small.png) no-repeat center right 10px #fff; padding-left:46px;min-height: 39px; margin-bottom:13px; border-radius:0} .v9input input[type=text]:focus,.v9input textarea:focus,.v9input select:focus{ border-color:#4f94cf; box-shadow:0 0 4px 1px #ceebfa;} .v9input textarea{ height:79px; padding-left:10px; } .v9input .img42{ background:url(../img/img42.png) no-repeat left;} .v9input .img43{ background:url(../img/img43.png) no-repeat left;} .v9input .img44{ background:url(../img/img44.png) no-repeat left;} .v9input .img45{ background:url(../img/img45.png) no-repeat left;} .v9input .img46{ background:url(../img/img46.png) no-repeat left;} .btn-blue2.v2{ background-color:#055598; margin-top:14px; width:386px; padding:14px 5px; border-radius:4px;max-width: 100%;font-size: 18px;box-shadow: none;} .tooltip4 .tooltip{ opacity: 1; display: none;margin : -118px 0 0 -95px;} .tooltip4:hover .tooltip,.tooltip4.active .tooltip{ display: block;} .disable2.tooltip4:hover .tooltip{ display: none;} .disabledClass.disable2.tooltip4:hover .tooltip{ display: block;} .disable2.disabledClass{pointer-events: all !important; opacity: 1 !important;} .disable2.disabledClass .problems,.disable2.disabledClass .dropdown2 { pointer-events: none; opacity: 0.4;} .backdropDisable{ position: absolute; left: 0; right: 0;top: 0;bottom: 0; z-index: 1010; cursor: not-allowed; display: none;} .disable2.disabledClass .backdropDisable{ display: block;} .disable2.disabledClass .tooltip{ margin: 0; top:calc(100% - 10px)} .reset-filter-btn2 {background:#ffffff url(../img/breset.png) no-repeat scroll center center;width: 50px;} .reset-filter-btn2:hover {background: var(--teal) url(../img/wreset.png) no-repeat scroll center center;} .alert-orange{ background-color:#f38a24; color:#fff;padding:5px;} .alert-orange .alert-close{ background:url(../img/close2.png) no-repeat; width:11px; height:11px; } .rd-dropdown{ padding: 7px 4px 8px;float: right;margin: 10px 10px 0px 0;border: 1px solid transparent; position: relative;} .rd-dropdown:hover,.rd-dropdown.active{background-color: #fff; border:1px solid #c0c2c2;} .icon174{ background:url(../img/icon174.png) no-repeat ; width:35px; height:20px;} .rd-dropdown:hover .icon174,.rd-dropdown.active .icon174{ background-image:url(../img/icon175.png);} .rd-dropdown .inner{ background-color:#fff; border:1px solid #c0c2c2; position:absolute; top:100%; z-index:10; box-shadow:0 13px 13px rgba(102,102,102,0.75); padding:11px 5px 16px; margin-top:-1px; display:none; border-top:0; left:-1px; width:136px;} .rd-dropdown:hover .inner,.rd-dropdown.active .inner{ display:block;} .rd-dropdown .onoffswitchInner{width:32px; height:18px;} .rd-dropdown .onoffswitchInner:before{ width:14px; height:14px; top:2px; left:2px; box-shadow:0 0 5px 1px rgba(42,130,197,0.75) ;} .rd-dropdown .onoffswitchInner.active:before{left:16px; box-shadow:0 0 5px 1px rgba(42,130,197,0.75);} /*Employee Commission*/ .bl_checkbox{margin-top:5px !important;} .dashboard-box-main{border:1px solid #e3ebf8;border-top: none;margin-bottom: 20px} .dashboard-box-main .dashboard-box{border:1px solid #E4E7ED;margin:1px;line-height:18px;padding:30px 0;background-color: #fff; border-radius: 4px;} .p10{padding:10px} .txt-orange3{color:#ff992c} .txt-pink{color:#e36565} .txt-blue4{color:#0090c4} .dashboard-box.v2{ padding:0; } .dashboard-box.v2 .txt18{ display: block; margin-top:8px;} .dashboard-box.v2 .v-center{ height:115px;} .line-h30{line-height: 30px;} /*Employee Commission end*/ .graph.v2{background-color:#f9fafb; padding:15px 5px 0;} .graph.v2 .bgWhite{ border:1px solid #e3ebf8; margin:0 3px 6px; text-align:center;} .graph.v2 .bgWhite .v-center{ height:63px; padding:0;} .graph.v2 .tooltip.left{ margin-left:-8px !important; } .tooltip-inner{ text-align:left; font-family:Open Sans !important; font-weight:400; white-space: normal;} .position-s,.ps{ position:static;} .vt{ vertical-align:top;} .table8.text-left td,.table8.text-left th{ text-align:left;} .table8.txt td{ font-size:12px;} .table8.pad10{ padding:0;} .table8.pad10 td{ padding:5px 10px 10px;} .table8.pad10 th{ padding:5px 10px;} .b-info{ background:url(../img/b-info.png) no-repeat; width:14px; height:14px;} .wc-arrow{ background:url(../img/wc-arrow.png) no-repeat; width:16px; height:16px;} .btn-blue1,a.btn-blue1{ background-color:var(--teal); color:#fff; padding:10px 20px; border:0;} .eye{ background:url(../img/eye.png) no-repeat;width:16px; height:9px;} .btn-green4,a.btn-green4{ background-color:var(--teal); color:#fff; padding:9px 15px; margin:0 0 2px; display:inline-block; } .btn-green4 .icon-plus-white2{ background-size:12px; width:12px; height:12px;} select.mini{ width:auto; height:34px; padding:4px 10px; background-color:#e9e9e9; background-size:8px;font-size: 12px; background-position: center right 8px;min-width: 55px;} .tooltip3.v2:after{ background-image:url(../img/tooltiparrow2.png);} input.searchbox{ background:#FFFFFF url(../img/search3.png) no-repeat right 8px center; border:1px solid #b1b1b1; width:100%; } .inner-d-arrow{ content:""; position:absolute; background:url(../img/icon144.png) no-repeat; width:11px; height:12px; top: 35px;right: 11px;z-index: 11;} .inner-d li.li-group{ padding:8px 10px;} a.btn-green4.v2{padding: 6px 10px;margin: 0 5px 10px;vertical-align: top;height: 34px;} .icon-plus-white3{ background:url(../img/add2.png) no-repeat center; width:18px; height:18px; margin-right: 2px;} .icon-dot{ background:url(../img/icon176.png) no-repeat center; width:18px; height:18px; margin-right: 2px;} .dropdown-menu.v2{ box-shadow:0 0 6px rgba(0,0,0,0.57); border-radius:4px;margin-top: 14px;} .dropdown-menu.v2 > li a{ border-bottom:1px solid #fff; padding:5px 8px; } .dropdown-menu.v2 > li a:hover,.dropdown-menu.v2 > li a:focus{background: #f4f7fa;color: var(--teal);} .dropdown-menu.v2:after{content:""; position:absolute; background:url(../img/icon144.png) no-repeat; width:11px; height:12px; top:-12px; right:9px;} .ui-dialog.v5 .ui-dialog-content.ui-widget-content{ background-color:#fff;} .popup-custome3.v5.ui-dialog .ui-dialog-titlebar.ui-widget-header {background: #4a86fe;padding: 25px 10px;} .popup-custome3.v5 td{padding: 3px 5px;} .tab1.v2{width: auto; border:0;} .tab1.v2 span{color: #333;float: none;display: inline-block;width: auto;padding: 6px 0;margin-right: 21px; background:none;} .tab1.v2 span.active{ color:var(--teal); border-bottom:2px solid var(--teal);} #main-height .breadcrumbs.v2{ background-color:transparent; padding:0;} .question1{ background:url(../img/question1.png) no-repeat; width:24px; height:24px;} .btn-default3{ background-color:#e9e9e9; padding:8px;} .btn-green4.v3{ background-color:var(--teal);} .on-off2.v2{width:50px;height:26px;} .on-off2.v2:before{width:22px;height:22px;} .on-off2.v2.active:before {left:27px;} a.btn-blue8,.btn-blue8{ background-color:var(--teal); color:#fff; padding:10px; text-align:center; min-width:141px;} a.btn-blue8:hover{ color:#fff;} .bullet-default{margin-left: 20px;color: var(--teal);} .bullet-default li{margin-bottom: 5px;} .macro-box p{display: inline-block;margin: 3px; background-color:#eaf5ff; border:1px solid #cee5fb; color:var(--teal); padding:5px 10px; border-radius:4px; font-size:13px;} .paypal2 .pay,.paypal2 .pal{color: #002f86;text-decoration: none;font-family: Tahoma !important;font-style: italic;font-weight: bold;} .paypal2 .pal{ color:#009cde;} .search-store .container{ padding:0;} .search-store.navbar-fixed-top2 .nav > li > a{ max-width:161px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; padding-right:20px } .search-store.navbar-fixed-top2 .nav > li > a > .caret{position: absolute;right: 4px;} .textEllipse{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .search-store .store-li input[type=text]{ background:#fff url(../img/search3.png) no-repeat right 6px center; margin-bottom:0;} .search-store .store-li input:focus{border-color:#0F766E ;box-shadow: 0 0 4px #0F766E8F;} .search-store .dropdown-menu > li > a{ white-space:inherit} .search-store .nav-collapse .nav{ margin:0} .searchbox.v2{ background-color:#fafafb; border-color:#e3ebf8; border-radius:4px; padding:8px 30px 8px 5px;} .searchbox.v2:focus{background-color: #fff;border-color: var(--teal);box-shadow: 0px 0px 5px var(--teal);} .table8.t-pad10 th{ padding:10px 10px 10px;} .table8.t-pad10 td{ padding:5px 10px;} .icon-drp{ background:url(../img/icon-drp.png) no-repeat; width:23px; height:7px;} #rd-slider .slide1{ background:url(../img/rdbanner.jpg) no-repeat top center; background-size:cover; padding-top:15px;} #rd-slider .slide1 .text-left{ padding:18% 0 0 30px; } .bg1{ background:url(../img/bg1.jpg) no-repeat center top #fff;margin:-35px -20px -20px;padding: 100px 20px 20px;min-height: 350px; background-size:contain;} .box-center{ margin:0 auto;} .tooltip3.v2{ width:278px; padding:10px; left:-17px} .dropdown:hover .tooltip3.v2{ display:block;} .ui-dialog select.select-small{width:231px;height:29px;background-image:url(../img/small-select-arrow.png);background-position:right 6px center;border-color: #efefef;box-shadow: none;} .input-box.v2{ border-color:#ccc; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); background-color:#f8f8f8; padding:10px; height:auto; max-width:580px; } .p-btn{ background-color:#f1f1f1; border:1px solid #dcdcdc; text-align:center; padding:1px 2px 2px; display:inline-block; min-width:121px; margin:2px 0;} table .p-btn{ margin:2px;} .pos-bundle-state{background:url(../img/uncheck.jpg) no-repeat scroll 0 0;width: 15px;display: inline-block;height: 15px;} .pos-bundle-state.active{background-image:url(../img/checked.jpg);} .row2 .main-sidebar{ background-color:#393a42; color:#fff; top:0; bottom:0; position:fixed;display: flex;align-content: space-between;flex-wrap: wrap;overflow-y: auto;} .main-sidebar .customer-img{background-color: #535457;width: 148px; height:147px;margin: 0 auto;overflow: hidden;box-shadow:0 0 0 2px #535457,0 0 0 4px #68696c; max-width:100%;} .sideBar-total-box{ width:100%; } .sideBar-total-box table tr td:nth-child(2){ text-align:right;} .sideBar-total-box table td{ padding:8px 15px} .sideBar-total-box table tfoot td{ height:66px; background-color:#0077a9} .grid-box{display: grid;grid-template-columns: 20% 50% 53px auto; column-gap:5px; border-bottom:1px solid #f1f1f1; box-shadow:0 2px 0 -1px #ededed; padding:25px 0;} .f-img-box{ border:2px solid #ebebeb; border-radius:8px; padding:10px 5px; width:112px; text-align:center; max-width:100%;} .f-quantity span{ background-color:#f8f8f8; border-radius:8px; text-align:center; padding:16px 3px; width:51px;} .f-price{ padding-top:10px;} .icon-f-arrow{ background:url(../img/f-img2.png) no-repeat; width:15px; height:15px;} .tnc-box{height:82vh; border:3px solid #f1f1f1; padding:15px;background-color:#fff6d0; min-height:300px; overflow-y:auto } .thankyou-box,.cartbox{ display:flex; align-items:center; height:calc(100vh); overflow:auto; padding:20px 0;} .w100p{ width:100%;} .custome-checkbox.v3 .checkbox4{ margin-right:4px;} .custome-checkbox.v3 .checkbox4.checked{ background:url(../img/checkv3.png) no-repeat center center #fff;} .popup4.ui-dialog{ border:0;} .popup4.ui-dialog .ui-dialog-titlebar.ui-widget-header,.popup4.ui-dialog .ui-dialog-content.ui-widget-content{ background-color:#F4F8FB;} .popup4 .form-actions{ background-color:var(--teal); border-top:2px solid #4fac63; text-align:center; padding:20px 10px;} .btn-white2{background: #fff;border: 1px solid var(--teal);padding: 12px 5px;color: var(--teal);width: 153px;} .makePayment-rightSide2{ float:left; width:74%; padding:20px;} .onoffswitchInner.v2{background-color: var(--teal);height: 27px;border: 1px solid var(--teal);box-shadow: 0 1px 0 inset #238cc4;width: 50px;} .onoffswitchInner.v2:before{height: 21px;left: 2px;top: 2px;width: 21px;box-shadow: 0 0 6px #0003;} .onoffswitchInner.v2.active:before{left:25px; } .btn-blue9,a.btn-blue9{ width:179px;background-color:var(--teal); color:#fff;display: inline-block;text-align: center;padding: 8px 5px; line-height:normal;} .popup-new.ui-dialog .ui-dialog-titlebar.ui-widget-header{ background:#f5f5f5;} .popup-new.ui-dialog .ui-dialog-content.ui-widget-content{ background-color:#fff} .table11 th{ background-color:#fcfcfc; font-size:10px; padding:10px 5px;} .table11 th .th-seprator{ background-color:#d8d8d8; width:1px; height:12px; float:right; vertical-align:middle; margin-top:4px; margin-right:-5px;} .table11 td{ border-bottom: 1px solid #f5f5f5; padding:10px 5px;} .heading01{ background-color:#f5f5f5; padding:10px 15px; color:#293846;} #devicesCondition .tooltip-inner{ max-width:300px;} .icon-imei{ background:url(../img/all3.png) no-repeat top center; width: 30px;height: 27px;background-size: 27px;} .icon-setting-all3{ background:url(../img/all3.png) no-repeat top -44px center; width: 30px;height: 26px;background-size: 27px;} .icon-supplied{ background:url(../img/all3.png) no-repeat top -88px center; width: 30px;height: 27px;background-size: 27px;} .icon-warranty{ background:url(../img/all3.png) no-repeat top -132px center; width: 30px;height: 27px;background-size: 27px;} .icon-mobile-cfd{ background:url(../img/all3.png) no-repeat top -178px center; width: 30px;height: 27px;background-size: 27px;} .icon-cross-cfd{ background:url(../img/all3.png) no-repeat top -220px center; width: 30px;height: 27px;background-size: 27px;} .icon-check-cfd{ background:url(../img/all3.png) no-repeat top -256px center; width: 30px;height: 27px;background-size: 27px;} .icon-sku{ background:url(../img/all3.png) no-repeat top -294px center; width: 30px;height: 27px;background-size: 27px;} .icon-serial{ background:url(../img/all3.png) no-repeat top -324px center; width: 30px;height: 27px;background-size: 27px;} .info-box-cfd div{ padding-bottom:5px;} .btn-grey-v1{background-color:#e3e3e3;color: #00151a;border: 1px solid #ccc;box-shadow: none;width: 230px;padding: 16px 5px;font-size: 20px;max-width: 100%;} .b-box{ border:1px dotted #a4a4a4; text-align:center;} .b-box .v-center{ height:252px;} .b-box .v-center2{ height:200px;} .icon-report{ background:url(../img/icon-report.png) no-repeat; width:16px; height:16px;} .drp-arrow-b{background:url(../img/drp-arrow-b.png) no-repeat ; width:6px; height:4px; } .drpdown-inner{background-color: #fff;box-shadow: 0 0 6px rgba(0,0,0,0.24); min-width:221px;margin-top: -6px;} .drpdown-inner:before{ content:""; position:absolute; background:url(../img/drp-arrow-w.png) no-repeat;width:15px; height:13px;right: 7px;top: -12px;} .drpdown-inner.dropdown-menu > li > a{ padding:10px;} .drpdown-inner.dropdown-menu > li > a:hover,.drpdown-inner.dropdown-menu > li > a:focus{ background:#f4f7fa; color:#000;} .btn-green4.v2 .icon-plus-white2{ background-size:12px; background-position:center center;} .table8 .chosen-container .chosen-results {max-height: 100px;} .h90{ height:105px;} .store-box{ background-color:#e6e8e5; padding:10px;} .store-box th,.store-box td{ font-size:14px; text-align:left; border-bottom:1px solid #cccccc; padding:10px 5px;} .store-box td{ background-color:#fff;} .custome-checkbox.v3 .checkbox4.checked {background: url(../img/checkv3.png) no-repeat center center #fff;} .cayan2-popup.ui-dialog .ui-dialog-titlebar.ui-widget-header{ background-color:#F8F8F8} .cayan2-popup.ui-dialog .ui-dialog-titlebar-close{display:none;} .header-box{ background-color:#fff; padding:5px 0;} .cfd-logo-box{ max-height:60px;} .cfd-logo-box img{ max-height:60px;} #cfd-dateTime{ float:right; background:url(../img/cfd-clock.png) no-repeat left center; background-size:30px; padding: 10px 0 10px 34px;margin-top: 6px;} .cayan2-popup.v2 .ui-dialog-titlebar-close{ display:block;} .c-picker{ border:1px solid #bcbcbc; padding:2px; width:46px; height:32px; display:inline-block; box-shadow:0 0 0 2px inset #fff;} .cfd-btn-blue{ background-color:var(--teal); color:#fff; border-radius:2px; display:inline-block; padding:10px 5px 10px 27px; position:relative; min-width:108px; line-height:12px; } .cfd-btn-blue:hover{ color:#fff;} .cfd-edit{ background:url(../img/cfd-edit.png) no-repeat; width:19px; height:19px;position: absolute;left: 5px;top: 50%;margin-top: -9px;} .tnc-box2{ border:1px solid #c9c9c9; padding:15px; height:54vh; overflow:auto; margin-bottom:15px;} .btn-blue10,a.btn-blue10{ border:1px solid #539adc; background-color:#fff; width:134px; color:#539adc; padding:10px 5px; text-align:center;} .pa-btn{ padding:4px 8px; display:inline-block; color:#404040;} .pa-btn:hover{ background-color:#e6f3fd; border-radius:3px;} .pa-icon1{ background:url(../img/pa-icon1.png) no-repeat; width:24px; height:26px;} .pa-btn:hover .pa-icon1{ background-image:url(../img/pa-icon1h.png)} .pa-icon2{ background:url(../img/pa-icon2.png) no-repeat; width:26px; height:26px;} .pa-btn:hover .pa-icon2{ background-image:url(../img/pa-icon2h.png)} .pa-icon3{ background:url(../img/pa-icon3.png) no-repeat; width:26px; height:26px;} .pa-btn:hover .pa-icon3{ background-image:url(../img/pa-icon3h.png)} .pa-product,a.pa-product{ border:1px solid #ced4e2; padding:10px; text-align:center; margin:10px; width:204px; min-height:178px; color:#091233; display:inline-block;} .pa-product:hover,a.pa-product:hover{ border:1px solid #1a77bc;color:#091233;} .pa-icon4{ background:url(../img/pa-icon4.png) no-repeat center top; width:77px; height:77px; margin:14px auto; display:block; } .pa-product:hover .pa-icon4{ background:url(../img/pa-icon4h.png); } .popup-custome7 .ui-dialog-titlebar.ui-widget-header{ background-color:#fbfbfb;border-bottom: 1px solid #dbdbdb;padding: 13px 10px;} a.btn-dr,.btn-dr,.btn-dr-small,a.btn-dr-small{ background-color:#ff0000; border:1px solid #dc0000; color:#fff; text-align:center; padding:6px 11px; display:inline-block;} .icon-eye2{ background:url(../img/eye2.png) no-repeat; width:17px; height:15px;} .btn-dr-small,a.btn-dr-small{padding:4px;min-height: 26px;display: inline-block;} .btn-dr-small .icon-eye2,a.btn-dr-small .icon-eye2{ background-size:13px;height: 11px;width: 13px;} .custom-table4.th-center table th,.custom-table4.td-center table td{ text-align:center;} .icon-pencil-w{ background:url(../img/pencil-w.png) no-repeat; width:9px; height:9px;} .btn-blue2.small-b{padding: 5px 5px;min-width: 20px;margin: 0;line-height: 14px;border-radius: 3px;} .btn-default2.small-d{padding: 5px 8px;line-height: 14px;font-size: 11px;border-radius: 3px;} .popup-custome7.ui-dialog input[type="checkbox"]{ margin:0;} .icon-plus-black4{ background:url(../img/plus-black4.png) no-repeat; width:11px; height:11px;} .icon-plus-green2{ background:url(../img/plus-green2.png) no-repeat; width:13px; height:13px;} .bg-white-content.ui-dialog .ui-dialog-content.ui-widget-content{ background-color:#fff; } .progress2{ font-size:9px; white-space:nowrap; overflow:auto; background:url(../img/bg-grey.jpg) repeat-x left top 12px; padding-top:4px;display: flex;justify-content: space-between;width:630px;} .progress2 .p2step{ text-align:center; display:inline-block; position:relative; line-height:normal;color:#cdc6c6; margin-right:6%; } .progress2 .p2step:last-child{ margin-right:0;} .p2step .circle{ border:1px solid #ccc; width:19px; height:19px; display:inline-block; text-align:center; font-size:10px;background-color: #fff;border-radius: 40px;line-height: 15px; position:relative; margin-bottom: 3px; z-index:2;} .progress2 .p2step.active .circle{cursor: pointer; background-color:var(--teal); border-color:var(--teal); box-shadow:0 0 8px rgba(0,119,183,0.50); color:#fff; font-family: OpenSans-Semibold ;} .p2step .spacer{ background-color:#fff; position:absolute; width:50%; height:10px;left:0; top:6px;} .progress2 .p2step:last-child .spacer{ right:0; left:auto;} .p2step .p2text{} .popup-v1.ui-dialog .ui-dialog-titlebar-close{z-index:1;} .c-cross{ background:url(../img/c-cross.png) no-repeat; width:16px; height:17px;} .c-check{ background:url(../img/c-check.png) no-repeat; width:16px; height:17px;} .icon-ime{ background:url(../img/ime.png) no-repeat;width:18px; height:17px;} .icon-lock-blue{ background:url(../img/lock-blue.png) no-repeat;width:12px; height:14px;} .icon-check-blue3{ background:url(../img/check-blue3.png) no-repeat left -1px top;width:16px; height:16px;} .icon-ime{ background:url(../img/ime.png) no-repeat;width:18px; height:17px;} .btn9.v2{background-color: var(--teal);color: #fff;} .popup-v1.ui-dialog .ui-dialog-content{ overflow:visible;} .popup-v1.ui-dialog .ui-dialog-titlebar-close{z-index:1;} .checkbox-fixed{ position:relative; padding-left:30px;} .checkbox-fixed .checkbox4{ position:absolute; left:0; top:0;} .c-table td{ padding:4px 5px;} .c-table tr td:first-child{ font-size:18px; font-family:OpenSans-Bold; width:100px;} .seprator-c{ background-color:#DCDFE6; position:absolute; width:1px; right:-1px;top:0; bottom:0;} .icon-g-green{ background:url(../img/g-green.png) no-repeat; width:45px; height:26px; margin-top:-8px;} .icon-g-red{ background:url(../img/g-red.png) no-repeat; width:43px; height:26px;margin-top:-8px;} .icon-g-orange{ background:url(../img/g-orange.png) no-repeat; width:43px; height:26px;margin-top:-8px;} .icon-save{ background:url(../img/save.png) no-repeat; width:19px; height:20px;} .icon-printer4{ background:url(../img/printer4.png) no-repeat; width:24px; height:22px;} .g-box{padding:0 12px; min-width:180px; margin-bottom:5px;} .filter-box2{padding:10px 20px 20px} .input-blue{ display:inline-block; border:1px solid #c6d5ee; background-color:#fafafb; box-shadow:0 1px 0 0px inset #fafafb; padding:5px; border-radius:3px;} input.input-blue2{ border-color:#c6d5ee; background-color:#fafafb; box-shadow:0 1px 0 0px inset #fafafb; width: 77px; padding: 0px 5px;} .label-orange3{background-color: #e99a00;font-size: 9px;min-width: 101px;line-height: 11px;border: 1px solid #e97e00;border-radius: 2px;padding: 1px;box-shadow: 0px 2px 0px -1px #f3ba77;} .v-form-box label{ width:20%; float:left; margin:4px 2% 0 0; } .v-form-box input[type=text]{ float:left; width:78%; height:30px;} .icon-menu2{ background:url(../img/menu.png) no-repeat; width:39px; height:39px;} .mhf{ min-height:50px !important;} .vt table td{ vertical-align:top;} .choosen-h160 .chosen-container .chosen-results { height:160px;} .custome-modal.v2 .modal-body{ background-color:#fff;} .custome-modal.v2 .modal-header {padding: 15px;background-color: #f4efef;} .list-c { padding-left:20px; padding-right:5px} .list-c input[type=checkbox]{ float:left; margin-left:-20px; margin-top:4px;} .toggle-div{ max-height:183px; overflow:hidden; transition:all 1s;} .toggle-div.active{ max-height: none; } .t-div{ display:none; margin-top:5px; } .t-div span{ display:none} .t-div span.active{ display:inline;} .drgdrp{ text-align:center; border:1px dashed #ccc; padding:15px 10px;} .cob-h3{ background:#f8f8f8; padding:5px 10px; margin:0;} .cob-p{ padding:20px 5px; border:1px solid #b7b7b7; position:relative;} .cob-p .fa-check-square{ font-size:22px; position: absolute; right:5px; top:3px; display:none} .cob-p.active .fa-check-square{ display:inline-block;} .cob-p.active{ border-color:#3496d1; color:#3496d1;} .cob-p img.cob-h{display:none;} .btn-h:hover{ box-shadow:0 0 4px 1px rgba(0,0,0,0.33)} .cob-p.active img{ display:none;} .cob-p.active img.cob-h{ display: inline;} .cob-linkBox a{ color:#404040; font-size:16px; padding:4px 10px; display:inline-block; border-radius:4px;} .cob-linkBox a:hover{color:var(--teal); background-color:#e6f3fd;} .icon-cob-img11{ background:url(../img/cob-img11.png) no-repeat; width:22px; height:24px;} .cob-linkBox a:hover .icon-cob-img11{ background-image:url(../img/cob-img11h.png);} .icon-cob-img9{ background:url(../img/cob-img9.png) no-repeat; width:24px; height:24px;} .cob-linkBox a:hover .icon-cob-img9{ background-image:url(../img/cob-img9h.png);} .icon-cob-img10{ background:url(../img/cob-img10.png) no-repeat; width:24px; height:24px;} .cob-linkBox a:hover .icon-cob-img10{ background-image:url(../img/cob-img10h.png);} .cob-p.v2{ display:inline-block; width:224px; height:198px; margin:13px 10px; color:#091233; vertical-align:top; padding:20px;} .btn-blue7.v2{border-radius:6px;width:135px; height:41px; border-color:#539adc; max-width:100%;} .radio-m input[type=radio]{ margin-right:5px;} .percent-bg{ background-image:url(../img/percentage.png); background-repeat:no-repeat; background-position:center right 10px;background-size: 12px;} .box-label{ padding-left:30px; position:relative;} .box-label .checkbox4{ position:absolute; left:0;} .pagination-no-margin .pager{ margin-top:0;} .grid-view .text-center .summary{ text-align:center; padding-bottom:15px;} .hover-v{ transition:all 0.5s;} .hover-v:hover{ opacity:0.4;} .h-unl:hover{ text-decoration:underline;} .mc-box{ background-color:#fff; box-shadow:0 0 8px 1px #b0c4ce52; padding:10px;} .nav-tabs-mc li a{ padding:13px 10px 13px 30px; border-radius:3px; background:url(../img/mc-bullet.png) no-repeat left 8px top 20px; margin-bottom:2px; display:block; color:#757575;} .nav-tabs-mc li a:hover,.nav-tabs-mc li a:focus,.nav-tabs-mc li.active a{ background:url(../img/mc-bullet2.png) no-repeat left 8px top 20px #e1e7eb; color:var(--teal); font-family:OpenSans-Bold ;} .nav-tabs-mc li:last-child a:focus{background:url(../img/mc-bullet.png) no-repeat left 8px top 20px;} .mc-banner-left{ padding:30px 0 0 20px;} .mc-box1{ padding-left:50px;} .mc-box1 .img-box{ position:absolute; width:50px; text-align:center; top:0px; left:0;} .mc-tag,.mc-tag2{ background-color:#f1f1f1; border:1px solid #dcdcdc; position:relative;padding: 5px 5px 5px 10px;width: 130px; margin:4px 3px} .mc-tag .fa-check-circle,.mc-tag2 .fa-check-circle{ position:absolute; right:2px; top:3px;} .mc-tag2{ background-color:#eaf5ff; color:var(--teal); border-color:#d1e7fb;} .on-off2.v3{ background-color:#b2b6cc; border-color:#b2b6cc;float:none;} .on-off2.active.v3{ background-color:var(--teal); border-color:var(--teal);} .add-new{ background-color:#e6ecf1; border:1px solid var(--teal); display:block; padding:9px 10px;} .mc-plus{ background:url(../img/mc-plus.png) no-repeat; width:16px; height:16px;} .value-box{position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;justify-content: center;align-items: center;} .red-btn2{ border:1px solid #c30000; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#da0000+0,fd0201+97,fd0201+100 */ background: #da0000; /* Old browsers */ background: -moz-linear-gradient(top, #da0000 0%, #fd0201 97%, #fd0201 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #da0000 0%,#fd0201 97%,#fd0201 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to top, #da0000 0%,#fd0201 97%,#fd0201 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da0000', endColorstr='#fd0201',GradientType=0 ); /* IE6-9 */ box-shadow:none; } .ui-dialog.limit-popup{ z-index:1100;} .ui-dialog.limit-popup .ui-dialog-content.ui-widget-content{ background-color:#fff; overflow:visible;} .ui-dialog.limit-popup .ui-dialog-titlebar.ui-widget-header{ z-index:10;} .ui-dialog.limit-popup .ui-dialog-titlebar-close{margin-top: -2px;} .te-arrow-blue{ background:url(../img/te-arrow-blue.png) no-repeat; width:14px; height:11px; margin-right:5px;} .mc-box{ background-color:#fff; box-shadow:0 0 8px 1px #b0c4ce52; padding:10px;} .nav-tabs-mc li a{ padding:13px 10px 13px 30px; border-radius:3px; background:url(../img/mc-bullet.png) no-repeat left 8px top 20px; margin-bottom:2px; display:block; color:#757575;} .nav-tabs-mc > li > a:hover,.nav-tabs-mc > li > a:focus,.nav-tabs-mc > li.active > a{ background:url(../img/mc-bullet2.png) no-repeat left 8px top 20px #e1e7eb; color:var(--teal); font-family:OpenSans-Bold ;} .nav-tabs-mc > li:last-child > a:focus{background:url(../img/mc-bullet.png) no-repeat left 8px top 20px;} .mc-banner-left{ padding:30px 0 0 20px;} .mc-box1{ padding-left:50px;} .mc-box1 .img-box{ position:absolute; width:50px; text-align:center; top:0px; left:0;} .mc-tag,.mc-tag2{ background-color:#f1f1f1; border:1px solid #dcdcdc; position:relative;padding: 5px 5px 5px 10px;width: 130px; margin:4px 3px} .mc-tag .fa-check-circle,.mc-tag2 .fa-check-circle{ position:absolute; right:2px; top:3px;} .mc-tag2{ background-color:#eaf5ff; color:var(--teal); border-color:#d1e7fb;} .on-off2.v3{ background-color:#b2b6cc; border-color:#b2b6cc;float:none;} .on-off2.active.v3{ background-color:var(--teal); border-color:var(--teal);} .v8input select.small,.v8input input.small{ width: 168px;padding: 7px 4px;height: 33px; margin:0;} .v8input select.small{background-size:6px;} .add-new{ background-color:#e6ecf1; border:1px solid var(--teal); display:block; padding:9px 10px;} .mc-plus{ background:url(../img/mc-plus.png) no-repeat; width:16px; height:16px;} .v8input input.icon-search3a{ background-image:url(../img/search3.png); background-repeat:no-repeat; background-position:right 10px center; } .mc-box.v2{padding:0 20px 20px;box-shadow: 0 10px 8px 1px #b0c4ce52;border-radius: 0 0 4px 4px;margin-top: -4px;} .nav-tabs6.v2{ border-bottom:1px solid #dcdcdc; } .nav-tabs6.v2 li{ margin-bottom:0;} .nav-tabs6.v2 li a{ padding:8px 2px; margin:0 12px;} .nav-tabs6.v2 > li.active > a, .nav-tabs6.v2 > li.active > a:hover, .nav-tabs6.v2 > li.active > a:focus{ font-family:inherit; } .nav-tabs6.v2 > li:not(.active) > a:hover, .nav-tabs6.v2 > li:not(.active) > a:focus{ background-color: transparent; border-color: transparent;color:#333;} .plivo-box{ background-color:#fcfcfc; border:1px solid #f5f6f9;} .plivo-bullet{ border:2px solid #c6cdd2; border-radius:100%; width:14px; height:14px; background-color:#fff; margin:5px 15px 5px 0;} .plivo-bullet.active{ border-color:#046fa1; background-color:#0482bc;} .icon-cart{ background:url(../img/cart.png) no-repeat ; width:15px; height:13px; margin-right:5px;} .plivo-box .v-center{ height:110px; padding:0;} .plivo-box .v-center .txt-grey{ color:#999999;} a.btn-bc,.btn-bc{ color:var(--teal); background-color:#dfe9f1; padding:7px 10px; border-radius:3px;} .popup-box{ background-color:#fff; width:365px; box-shadow: 0 0 18px #565656c9;position: fixed;top: 65px;right: 6px; z-index:1100} .popup-box .inner{padding:5px 5px 5px 66px;} .whats{ background:url(../img/whats.png) no-repeat; width:47px; height:47px; position:absolute; left:10px; top:10px;} .mc-box{ background-color:#fff; box-shadow:0 0 8px 1px #b0c4ce52; padding:10px;} .nav-tabs-mc li a{position: relative; padding:13px 10px 13px 30px; border-radius:3px; background:none; margin-bottom:2px; display:block; color:#757575;} .nav-tabs-mc li a:hover,.nav-tabs-mc li a:focus,.nav-tabs-mc li.active a{ background: #e1e7eb; color:var(--teal); font-family:OpenSans-Bold ;} .nav-tabs-mc li:last-child a:focus{background: #e1e7eb;} .nav-tabs-mc li a:before{content:"";position: absolute; width:10px; height:10px; border-radius:100%; border: 2px solid var(--teal); left:10px;top: 50%;margin-top: -5px;} .nav-tabs-mc li.active a:before,.nav-tabs-mc li.hover a:before,.nav-tabs-mc li.focus a:before{background-color: var(--teal);} .mc-banner-left{ padding:30px 0 0 20px;} .mc-box1{ padding-left:50px;} .mc-box1 .img-box{ position:absolute; width:50px; text-align:center; top:0px; left:0;} .mc-tag,.mc-tag2{ background-color:#f1f1f1; border:1px solid #dcdcdc; position:relative;padding: 5px 5px 5px 10px;width: 130px; margin:4px 3px} .mc-tag .fa-check-circle,.mc-tag2 .fa-check-circle{ position:absolute; right:2px; top:3px;} .mc-tag2{ background-color:#eaf5ff; color:var(--teal); border-color:#d1e7fb;} .on-off2.v3{ background-color:#b2b6cc; border-color:#b2b6cc;float:none;} .on-off2.active.v3{ background-color:var(--teal); border-color:var(--teal);} .on-off4.neutral.v3{ background-color:#b2b6cc; border-color:#b2b6cc;float:none;} .on-off4.active.v3{ background-color:#1dbc56; border-color:#1dbc56;} .on-off4.de_active.v3{ background-color:#ff0000; border-color:#ff0000;} .child-on-off4.neutral.v3{ background-color:#b2b6cc; border-color:#b2b6cc;float:none;} .child-on-off4.active.v3{ background-color:#1dbc56; border-color:#1dbc56;} .child-on-off4.de_active.v3{ background-color:#ff0000; border-color:#ff0000;} .on-off5.neutral.v3{ background-color:#b2b6cc; border-color:#b2b6cc;float:none;} .on-off5.active.v3{ background-color:#1dbc56; border-color:#1dbc56;} .on-off5.de_active.v3{ background-color:#ff0000; border-color:#ff0000;} .child-on-off5.neutral.v3{ background-color:#b2b6cc; border-color:#b2b6cc;float:none;} .child-on-off5.active.v3{ background-color:#1dbc56; border-color:#1dbc56;} .child-on-off5.de_active.v3{ background-color:#ff0000; border-color:#ff0000;} .add-new{ background-color:#e6ecf1; border:1px solid var(--teal); display:block; padding:9px 10px;} .mc-plus{ background:url(../img/mc-plus.png) no-repeat; width:16px; height:16px;} .tbl-fh.v2{border: 1px solid #eaedef;box-shadow: 0 35px 0 #fff inset;} .tbl-fh.v2 .tbl-fh-inner{ border-top:6px solid #fff;} .tbl-fh th div{ border-left:1px solid #eaedef} .tbl-fh.v2 table{ margin-top:-13px;} .tbl-fh.v2 input[type=checkbox]{ margin:0;} .tbl-fh.v2 table td{ background:url(../img/seprator-bg.png) repeat-x bottom #fff; border:0; padding: 5px 5px 10px;height: 55px;} .seprator-t{ position:absolute; left:0; right:0; border:1px solid #eaedef; top:41px;} .right-countBox{ background-color:#fafafb; padding-top:1px; margin-top: -9px;margin-right: -20px;} .label-box{ background-color:#2a83c7; color:#fff; padding:11px 10px; margin:20px;} .right-countBox ul{ border-top:1px solid #e3ebf8; padding: 0; margin:0; list-style:none; max-height:490px; overflow:auto;} .right-countBox ul li{ border-bottom:1px solid #e3ebf8; margin-left:10px; padding:18px 5px 18px 25px; background:url(../img/arrow-count.png) no-repeat left 9px top 25px ; color:#828282; } .c-table td{ padding:4px 5px;} .c-table tr td:first-child{ font-size:18px; font-family:OpenSans-Bold; width:100px;} .seprator-c{ background-color:#DCDFE6; position:absolute; width:1px; right:-1px;top:0; bottom:0;} .icon-g-green{ background:url(../img/g-green.png) no-repeat; width:45px; height:26px; margin-top:-8px;} .icon-g-red{ background:url(../img/g-red.png) no-repeat; width:43px; height:26px;margin-top:-8px;} .icon-g-orange{ background:url(../img/g-orange.png) no-repeat; width:43px; height:26px;margin-top:-8px;} .icon-save{ background:url(../img/save.png) no-repeat; width:19px; height:20px;} .icon-printer4{ background:url(../img/printer4.png) no-repeat; width:24px; height:22px;} .g-box{padding:0 12px; min-width:180px; margin-bottom:5px;} .filter-box2{padding:10px 20px 20px} .input-blue{ display:inline-block; border:1px solid #c6d5ee; background-color:#fafafb; box-shadow:0 1px 0 0px inset #fafafb; padding:5px; border-radius:3px;} input.input-blue2{ border-color:#c6d5ee; background-color:#fafafb; box-shadow:0 1px 0 0px inset #fafafb; width: 67px; padding: 0px 5px;} .label-orange3{background-color: #e99a00;font-size: 9px;min-width: 101px;line-height: 11px;border: 1px solid #e97e00;border-radius: 2px;padding: 1px;box-shadow: 0px 2px 0px -1px #f3ba77;} .v-form-box label{ width:20%; float:left; margin:4px 2% 0 0; } .v-form-box input[type=text]{ float:left; width:78%; height:30px;} .icon-menu2{ background:url(../img/menu.png) no-repeat; width:39px; height:39px;} .icon-d-user{ background:url(../img/duser.png) no-repeat; width:16px; height:16px;} .btn-grey5{ background-color:#5e5f69; color:#fff; padding:10px; text-align:center; width:151px; display:inline-block;} .btn-grey5:hover{ color:#fff; text-decoration:none;} .mctv2 .mc-tag2,.mctv2 .mc-tag{ padding:5px 20px 5px 19px; width:auto; border-radius:6px;} .tag1{ background-color:#f3f3f3; border-radius:20px; display:inline-block; margin-bottom:2px; padding:3px 5px;} .sticky1{ position: sticky;bottom: 0;z-index: 1000;padding-top: 5px;margin-top: 20px;background-color: #fff;} .icon-search3p{ background:url(../img/search3p.png) no-repeat; width:11px; height:11px; margin-right:4px;} .seprator-sms{ position:absolute; border-left:1px solid #ccc; height:42px; right:0; top:10px;} .g-tag{background-color: var(--teal);color: #fff;border-radius: 20px;padding: 4px 13px;} .on-off2.v4{width:29px; height:14px; float:none; vertical-align:middle; margin-top:2px;} .on-off2.v4:before{width:10px; height:10px; border:1px solid #fff;} .v4.active:before{left:16px;} .lef-box-l1{ max-width:756px;position: relative;z-index:1;} .loy-box1{ padding:20px 243px 20px 20px;} .bg-loy{position:absolute; right:0; top:0;} .input-box4{ position:relative; display:inline-block; width:104px;} .input-box4 input[type=text]{ padding-left:45px; } .input-box4 span{ position:absolute; left:1px; top:5px; border-right:1px solid #ccc; bottom:5px; width:38px; text-align:center;z-index: 2;line-height: 25px;} .disable-box,.disable-box2{ position:absolute; left:0; top:0; bottom:-104px; right:0; background-color:#f7f9fa80;z-index: 10;} .grid-box2{display: grid; grid-template-columns: auto auto ; grid-gap: 0; min-height:420px; } .grid-item1{ background-color:#fbfbfb; text-align:center; padding:5px;} .v10input.v2 input[type=text]{ height:42px; margin-bottom:10px;} .grid-item2{ padding:20px 4%;} /* background-color: url(../img/loy-bg1.jpg) */ .grad1 {background-color: var(--teal);clip-path: circle(98% at 50% -104%); min-height:175px; padding-bottom:20px;padding-top:20px;} .popup-custome3.popup-v1 .ui-dialog-titlebar.ui-widget-header{ background:none;} .loy-icon{ background:url(../img/loy-icon1.png) no-repeat; width:16px; height:16px;} .SalebyProd.v2{ float:none;} .SalebyProd.v2 ul{ display:grid; grid-template-columns: auto auto auto auto auto auto auto auto ; float:none } .SalebyProd.v2 ul li{ float:none; min-width:50px; width:auto;} .p-info .seprator1{ position:absolute; height:42px; background-color:#d9d9d9; width:1px; right:0;top: 50%;margin-top: -21px;} .p-info .v-center{ height:92px;} .table8.v2 {border: 1px solid #eaedef; background-color:#fff;} .table8.v2 th{background-color:#f9fafb;} .table8.v2 tr th:first-child{ border-left:0;} .tbl-detail23 .table8 tr:last-child > td{ background-image:none;} .counter-box{ display:inline-block; border-right:3px dashed #dddddd; min-width:200px; margin-bottom:30px;padding-left: 7px;padding-right: 7px;} .counter-box-tcd{ min-width:115px; margin-bottom:15px;} .counter-box:last-child{ border:0;} .counter-box .txt30{ font-size:82px;line-height: 75px;} .ticket_counter_setting .lef-box-l1{ max-width:605px;} .v2input.vu input[type=text]{ background-color:#fff; width:464px;} .tc-box1{border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; padding:20px 0; margin-bottom:-1px;} .tc-box1:last-child{ border-bottom:0;} .tc-box1 label{ text-align:right;} .vu-tag-blue .el-tag.el-tag--info {background-color:#eaf5ff;border-color:#cee5fb;} .ticket_counter_setting .disable-box{ bottom:-70px;} .g-barcode{ background:url(../img/g-barcode.png) no-repeat; width:28px; height:22px; position:absolute; right:8px; top:10px;} .v8input .input-box4 span{ line-height:32px;} .gc-box1{ padding:20px 10px 20px 34px; position:relative; border-bottom:1px solid #dcdcdc;} .gc-box1 .checkbox4{ position:absolute; left:0; top:20px;} .setting-gift-card .disable-box{ bottom:-70px;} .add-detail-inner5{ width:31.5%;border: 1px solid #eae9e9;font-family: OpenSans-Semibold;text-align: center; box-sizing:border-box; margin:0 .5% 12px; display:inline-block; vertical-align:top;position:relative;} .add-detail-inner5 .v-center-parent{ height:150px;} .add-detail-inner5.newline4{ padding:0; } .add-detail-inner5:hover .dropdown2{ display:block;} .g-icon-box{ padding-left:25px; position:relative; margin-top:5px;} .g-icon-box i{ position:absolute; left:0;} .input-box3.v2{ background:url(../img/select-arrow.png) no-repeat scroll 98% center #fff;} .makePayment-leftSide > ul > li#Store_Credits i{background:url(../img/sc-img0b.png) no-repeat center; width:20px; height:20px;} .makePayment-leftSide > ul > li#Store_Credits.active i{background-image:url(../img/sc-img0.png); } .sc-introduction .bullet3.v2 li{ padding:10px 0 0 22px; border-bottom:0;} .bullet-check{ background:url(../img/check-bullet.png) no-repeat left 6px; padding:0 0 10px 20px;} .rao-box{ border-bottom:1px solid #ededed; padding:20px 0 10px;} .rao-box label{ margin:8px 0 3px; text-align:right;} .rao-box input[type=text]{width:465px; min-height:37px; border-radius:2px;} .rao-radio-box{ float:right; } .rao-radio-box label{ text-align:left; margin:0 28px 0 0; } #rdpay i{ background:url(../img/rao-icon.png) no-repeat; width:18px; height:20px; margin:0 9px 0 8px;} #rdpax i{ background:url(../img/rd-pay-pax.png) no-repeat; width:18px!important; height:20px; margin:0 9px 0 8px;} #rdpay.active i{background-image:url(../img/rao-icon-w.png);} .el-popup .el-dialog{ width:80%; background-color:#fafafa; position:relative; min-height:500px;} .el-left-box{ padding-left:30px; padding-right:0} .el-right-box{background-color: #0D9488;top: 0;bottom: 0;padding: 60px 10px 10px;color: #fff;right: 0;left: 54%;position:absolute;} .el-dialog__headerbtn{ z-index:10;} .el-popup .el-dialog__headerbtn .el-dialog__close {font-size: 22px;} .bullet-check2{ background:url(../img/el-check.png) no-repeat left; padding-left:20px; } .el-popup .el-radio-button{ margin:10px 10px 10px 0;} .el-popup .el-radio-button__inner{ border:1px solid #000000 ; border-radius:3px !important; background-color: transparent;} .el-popup .el-radio-button:first-child .el-radio-button__inner{border:1px solid #000000 ;} .el-popup .el-radio-button__inner:hover{ background-color:var(--teal); color:#fff; border:1px solid var(--teal) !important;} .el-popup.v2 .el-dialog{ background-color:#f8f8f8; color:#000;} .el-popup.v2 .el-dialog__headerbtn .el-dialog__close{ color:#c3c3c3;} .c-table2 th{ background-color:#f9f9f9; border-bottom:3px solid #333333; height:70px; padding:5px; text-align:center} .c-table2 td{ text-align:center; height:50px; padding:14px 10px; border-bottom:1px solid #e7e7e7;} .c-table2 tr td:first-child{ text-align:left;} .c-table2 .tbg1 td{ background-color:#e9f7ff; border-bottom:0; border-top:1px solid #7a8891} .c-table2 .tbg2 td{ background-color:#f9f9f9; border-bottom:0; border-top:1px solid #e7e7e7} .closeMinus{ position:absolute;background-color: #fff;right: 10px;top: 10px;} .gift-box-stat{ display:inline-block; position:relative; padding:0 15px; vertical-align:middle; margin-bottom:18px;} .gift-box-stat h3{ margin:0 0 3px; line-height: normal;} .gift-box-stat:after{ content:""; background-color:#eae9eb; height:33px; width:1px; position:absolute; right:0; top:5px; } input.barcode-bg{ background:url(../img/g-barcode.png) no-repeat center right 10px #fff; padding-right:40px} table8.v3 td{ background-image:none; border-bottom:1px solid #f4f4f4;} .bg-f4 .ui-dialog-content.ui-widget-content{ background-color:#f4f4f4;} .img-box-el{border: 1px solid #ccc;width: 89px;text-align: center;height: 84px;box-shadow: 1px 1px 3px inset #f0f0f0;margin-right: 5px;} .nav-tabs11{} .nav-tabs11 li{ float:left; width:33.33%; position: relative;} .nav-tabs11 li a{ background:#f5f5f5 url(../img/ib-img1.png) no-repeat 15px center; border:1px solid #cccccc; margin-right:-1px; color:#333333; text-decoration:none; display:flex;padding: 10px 10px 10px 114px;height: 100px; align-items: center; } .nav-tabs11 li a.service{ background:#f5f5f5 url(../img/ib-service.png) no-repeat 15px center;} .nav-tabs11 li a.composit{ background:#f5f5f5 url(../img/ib-composit.png) no-repeat 15px center;} .nav-tabs11 li.active a{background:#fff url(../img/ib-img2.jpg) no-repeat 15px center; border:2px solid var(--teal); box-shadow:0 0 5px #dfedf7;position:relative;z-index: 2;} .nav-tabs11 li.active a.service{ background:#fff url(../img/ib-service-active.png) no-repeat 15px center;} .nav-tabs11 li.active a.composit{ background:#fff url(../img/ib-composit-active.png) no-repeat 15px center;} .nav-tabs11 li.active a:after,.nav-tabs11 li.active a:before{content: ""; position: absolute;left: 50%;bottom: -19px;border-width: 10px;border-color: white transparent transparent;border-style: solid;transform: translateX(-50%); } .nav-tabs11 li.active a:before{bottom:-23px;border-width: 11.5px;border-color:var(--teal) transparent transparent;} .nav-tabs11 li.active::before{content:"";position:absolute;width:18px;height:18px;border-radius:50px;border:2px solid var(--teal);z-index:10;top:51%;transform:translateY(-50%);left:16px;background-color:var(--teal);box-shadow:0 0 0 3px inset #fff} .nav-tabs11 li.active::after{content:"";position:absolute;width:30px;height:30px;z-index:8;top:50%;transform:translateY(-50%);left:11px;background-color:white;} .search-blue-icon input[type=text]{background:#fff url(../img/search-blue.png) no-repeat center right 8px;} .btn-box4{ margin-left: 8px; border: 1px solid #E5E7EB; border-radius: 6px;overflow: hidden;margin-bottom: 8px;} #inventory_bundle_toggle.btn-box4{margin: 8px 0 4px 16px;} .btn-box4 .btn11{background-color: #F3F4F6;padding: 2px 5px;display: inline-block;min-width: 82px;text-align: center; cursor:pointer;color: #374151; font-size: 14px; font-weight: 500;padding: 5px 40px;} .btn-box4 .btn11.active{ background-color:#fff;} .table8.v3 td{ background-image:none; border-bottom:1px solid #f4f4f4;} .bg-f4 .ui-dialog-content.ui-widget-content{ background-color:#f4f4f4;} .label02{min-width:96px; padding:5px; background-color:#b3dcf4; border-radius:3px; display:inline-block; margin:5px 5px 0 0; font-size:13px; text-align:center;} .label02.green{ background-color:#b3f4df;} .label02.green2{ background-color:#b3f4b3;} .label02.brown{ background-color:#f4dfb3;} .label02.brown2{ background-color:#f4cdb3;} .label02.purple{ background-color:#d0c7e2;} .label02.pink{ background-color:#fccef3;} .pencil-blue{ background:url(../img/pencil-blue.png) no-repeat; width:26px; height:26px; position:absolute; right:2px; top:0;} .bin-red{ background:url(../img/bin-red.png) no-repeat; width:26px; height:26px; position:absolute; right:2px; top:40px;} .fr-progress-bar{ border:1px solid #c0c4ca; background-color:#f8f8f8; margin:15px 0} .fr-progress-bar-inner{ padding:16px 10px; border-right:1px solid #f4f4f4;border-bottom:2px solid #f8f8f8;} .fr-progress-bar-inner span{ background-color:#fff; border:2px solid #999999; border-radius:100%; width:24px; height:24px; margin-right:10px; display:inline-block; line-height:18px;} .fr-progress-bar-inner.active{background-color:#f4fff5;border-bottom: 2px solid var(--teal);color:var(--teal);} .fr-progress-bar-inner.active span{background-color:var(--teal);color:#fff;border-color:var(--teal);} .fr-progress-bar-inner.completed{ background-color:var(--teal);border-bottom:2px solid var(--teal); color:#fff;} .fr-progress-bar-inner.completed span{ background-color:#fff;color:var(--teal); border-color:#fff; } .input-box4.v2{ width:122px; vertical-align:middle;} .input-box4.v2 input[type=text]{ padding-left:10px; width:63px; border-left:0; float:left; border-radius:0 2px 2px 0} .input-box4.v2 select{ width:58px; background-position:right 8px center; border-right:0; float:left; border-radius:2px 0 0 2px;} .fr-seprator{ background-color:#e2e2e2; border-top:2px solid #fff;border-bottom:2px solid #fff; width:1px; position:absolute; left:58px; top:2px; bottom:2px; } .percent-box.v2{ border-color:#bfbfbf;} .percent-box.v2 .discount-type{ line-height:45px; width:70px; cursor:pointer;} .large-table{ padding:9px; border:1px solid #e6ecf2; width:2300px; margin-top:-1px;} .tp-btn{color:#9fb1c2; background-color:#e9e9e9; display:inline-block; max-width:100%;width:105px; padding:6px 5px; margin-bottom:10px; } .tp-btn.active{ background-color:var(--teal); color:#fff;} .pencil-blue{ background:url(../img/pencil-blue.png) no-repeat; width:26px; height:26px; position:absolute; right:2px; top:0;} .tag-grey{ background-color:#f1f1f1; border:1px solid #dcdcdc; border-radius:4px; display:inline-block; margin:2px; padding:5px 14px;} .custom-table4 table tr:last-child .chosen-with-drop .chosen-drop,.custom-table4 table tr:nth-last-child(2) .chosen-with-drop .chosen-drop,.custom-table4 table tr:nth-last-child(3) .chosen-with-drop .chosen-drop{ position: relative; left:auto !important;} .status-box .chosen-container .chosen-drop{ display:none;} .status-box .chosen-container.chosen-with-drop .chosen-drop{ display:block;} .tab1.v3{ width:595px; } .tab1.v3 span{ width:33.33%; border-right:1px solid #D1D5DB;} .tab1.v3 span:last-child{ border:none;} .icon-box.v2{position: absolute;left: auto;top: 5px;bottom: 5px;display: flex;justify-content: center;align-items: center;} .icon183{ background:url(../img/icon183.png) no-repeat; width:15px; height:11px;} .icon184{ background:url(../img/icon184.png) no-repeat; width:11px; height:13px; margin-right:3px;} .icon185{ background:url(../img/icon185.png) no-repeat; width:60px; height:34px; margin:5px 10px 0 0; } .btn-white3{ border:1px solid #e6e6e6; padding:3px 12px; color:#333; background-color:#fff; margin:4px 2px 4px 0;min-width:110px; text-align:center;} .u-flex{padding:20px 0; display:flex; flex-flow:wrap;} .u-flex .inner{ width: 126px;margin: 5px 5px 5px 0;font-size: 12px;} .del-btn{color:#fff; background-color:#d53636; padding:5px; position:absolute; right:1px; top:2px;} .btn-blue2 input[type=file]{ opacity:0; position:absolute; left:0; top:0;} .gift-card-icon{ background:url(../img/gift-card.png) no-repeat 0 0; width:48px; height:52px;} .el-dialog__header{ background-color:#fff; min-height:50px; padding: 16px;} .el-dialog__body{padding: 16px;} .el-dialog__title { font-size: 16px;color: #333;font-weight: 600;} /* bootstrap conflict css start with vue 2 */ .el-input-h-40 input.el-input__inner{ height: 40px; line-height: 40px;} .el-input-mb-0 input.el-input__inner{ margin-bottom: 0;} /* bootstrap conflict css start with vue 2 */ .el-popup.v2 .el-dialog__headerbtn{ top:14px;} .link-terminal{min-width:230px; padding:13px 10px; border:1px solid #eae9e9; background-color:#fff; color:#000;} .link-terminal:hover{ border-color:#242627; box-shadow:0 0 2px 1px #dbdbdb inset; color:#000;} .i-box{ background-color:#fff; border:1px solid #e8e8e8; padding:15px 20px 15px 58px; } .i-box .radio-1{ position:absolute; background:url(../img/radio1.png) no-repeat; width:20px; height:20px; left:-22px; top:4px;} .i-box .radio-1.active{ background-image:url(../img/radio1h.png);} .i-box .radio-1 input[type=radio]{ visibility:hidden; width:20px; height:20px; opacity:0;} .i-box .setup-btn{ background-color:#868896;color: #fff;box-shadow: none;border-color: transparent; cursor:default;} .i-box .setup-btn.active{ background-color:var(--teal); cursor:pointer;} .i-box .v-demo{ color:#868896} .i-box .custom-table4{ display:none;margin-left: -35px;} .i-box .custom-table4.active{ display:block} .link-terminal:hover{ border-color:#242627; box-shadow:0 0 2px 1px #dbdbdb inset; color:#000;} .btn-copy{position: absolute;right: 0;top: 0;padding: 6px 8px;height: 36px;box-shadow: -1px 0 6px 1px #CCCCCC63 inset;color: #ccc;cursor: pointer; border-left:1px solid #ccc;} .btn-copy:hover{ color:#333;box-shadow: -1px 0 6px 1px #ccc inset} .popup-box2{ position:fixed; top:10px; right:10px; background-color:#fff; box-shadow:0 0 18px #565656c9; z-index:1102; min-width:364px;} .bell-green{ background:url(../img/bell-green.png) no-repeat ; width:18px; height:22px;} .popup-box2 a.vm{ color:#676767;} .popup-box2 a.vm:hover{ text-decoration:underline; color:#0767ac;} .w16{ float:left; width:16.66%;} .w16 .dashboard-box{ padding:0;} .w16 .dashboard-box .v-center-parent{ height:115px; width:100%; text-align:center;} .store-tag{background-color: #7f8285; color:#fff; font-size:11px;border-radius: 20px;margin: 3px 2px;padding: 2px 11px 4px;display: inline-block;min-width: 58px;text-align: center; line-height:14px;} .store-tag-box{ overflow:hidden; max-height:75px;-moz-transition:height 1s; transition:height 1s;} .store-tag-box.active{ max-height:none;} .s-result{ max-height:333px; overflow-y:auto; overflow-x:hidden; margin-top:5px;} .s-result li{ padding:10px 5px 5px; border-bottom:1px dashed #d8d8d8; } .s-result li:hover{ background-color:#2a62bc; color:#fff;} .s-result li:hover .open-l{ opacity:0.65;} .s-result li .img-box{ border:1px solid #ccc; width:40px; height:40px;overflow:hidden; margin-right:6px; text-align:center;} .vfc-box{margin:5% auto 20px; padding:50px; max-width:721px;} .vfc-box .alert-blue{ color:var(--teal); background-color:#d1ecf1; border-color:#afdde6; padding:15px 10px;} .vfc-lock{ background:url(../img/vfc-lock.png) no-repeat center center; left: 0;top: 5px;bottom: 5px;width: 54px;border-right: 1px solid #e3ebf8; position:absolute;} .login-us-left{ min-height:100vh; background-size:cover; padding:10px; color:#707070; display:flex; align-items:center; justify-content:center; } .login-us-left input[type=text],.login-us-left input[type=password]{ border:1px solid #93c7e6; box-shadow:0 0 0 1px #3089c5; padding:14px; height:auto; border-radius:4px;} .login-us-right{ min-height:100vh; overflow: hidden;} .login-us-right .carousel-indicators { text-align: center; width: auto; top: auto; bottom: 10px; left: 0; right: 0; margin: 0; } .login-us-right .carousel-indicators li{ width:8px; height:8px; background-color:RGBA(255, 255, 255, 0.06); border:0; margin:3px; float:none;} .login-us-right .carousel-indicators .active{ background-color:#ffffff; box-shadow:0 0 0 2px inset #fff;} .login-us-right .setup-btn{background-color:var(--teal); box-shadow:none;width: 211px;padding: 12px 5px;max-width: 100%;} .login-us .setup-btn:hover{ box-shadow:0 0 5px rgba(40,52,177,0.57) inset !important;} .login-us-left .errorSummary, .login-us-left .alert-error{background: RGB(255, 241, 240) url(../img/close.svg) no-repeat left 17px top 12px;border: 1px solid RGB(255, 163, 158);padding: 9px 10px 9px 40px;color: RGBA(0, 0, 0, 0.65);border-radius: 2px;font-size: 14px;} #pin-login-form .chosen-container .chosen-results{ max-height:130px;} #pin-login-form .form-actions{ margin-top:50px;} #pin-login-form .fake-autofill-fields{ padding:0} .envelop{ background:url(../img/envelop.png) no-repeat;width:24px; height:18px; } .nav-tabs7.v2{border: 1px solid #b1b1b1;background-color: #fff; margin-bottom:-1px; position:relative;} .nav-tabs7.v2 > li{ margin:0;} .nav-tabs7.v2 > li > a{ border-top:0; border-bottom:0; border-left:0; padding: 5px 20px;min-height: 40px;line-height: 24px;} .nav-tabs7.v2 > li.active > a, .nav-tabs7.v2 > li.active > a:hover, .nav-tabs7.v2 > li.active > a:focus{ padding:6px 20px;border-top:0; border-bottom:0; border-left:0;} #franchise-tab .label-inline5 label{ min-width:250px;} .ui-dialog .loginbox .chosen-container .chosen-results{ max-height:130px;} .ui-dialog .loginbox .form-actions{ margin-top:50px ;} .loginbox .fake-autofill-fields{ padding:0} .tag-grey2{background-color: #7f8285;color: #fff;padding: 0px 5px 2px;min-width: 78px;display: inline-block;line-height: 17px;text-align: center;margin: 0 2px 2px; border-radius:20px;} tr.bg-n td{ background-image:none !important;} .group1{ border:1px solid #e3ebf8; display:inline-block; padding-right:5px; white-space: nowrap; background-color:#fff; border-radius:3px;} .group1 .m2{ background-color:#fafafb; padding: 7px 5px;float: left;min-height: 28px;} .group1 input[type=text]{ border:0;border-left:1px solid #e3ebf8;border-right:1px solid #e3ebf8;width:67px; box-shadow:none; height:28px;} .group1 select{ width:50px; border:0; box-shadow:none; height:28px} .label-green2{background-color:#e7f9ff; color:#2394bc; min-width:92px;} .visa{ background:url(../img/visa.png) no-repeat;width:32px; height:10px;} .v2input.v2 input[type=text],.v2input.v2 input[type=password]{width:416px;} .v2input.v2 select{width:416px; background:#fff url(../img/s-arrow.png) no-repeat right 10px center;} .v2input.v2 .chosen-container-single .chosen-single div b{background: url(../img/s-arrow.png) no-repeat center;} .v2input.v2 .chosen-container-active.chosen-with-drop .chosen-single div b{background:url(../img/s-arrow-top.png) no-repeat scroll center 3px;margin-top:9px} .v2input.v2 .intl-tel-input input[type="text"]{ padding-left:50px;} .v2input.v2 .intl-tel-input:before{ content: "";position: absolute;background-color: #ccc;left: 45px;z-index: 10;bottom: 4px;width: 1px;top: 5px;} .custome-checkbox .checkbox5{ border:1px solid var(--teal); background:#fff; width:19px; height:19px; border-radius:2px; display:inline-block;} .custome-checkbox.v3 .checkbox5.checked{ background:#fff url(../img/check-blue4.png) no-repeat center center; box-shadow:0 0 3px 1px #d9e9f5;} .img-boxS{ width:20px;height:20px; background-color:#e0e0e0; display:inline-block; overflow:hidden; vertical-align:middle ; text-align:center; font-size:9px; line-height:21px;} .icon-check{ background:url(../img/check-black.png) no-repeat;width:14px; height:14px; } .icon-check:hover,.icon-check.active{ background-image:url(../img/check-green4.png)} .action-box2 a{ color:#333; margin:0 3px; cursor:pointer; display:inline-block; vertical-align:middle;} .action-box2 .fa-reply:hover{ color:var(--teal);} .action-box2 .fa-search:hover{ color:var(--teal);} .action-box2 .fa-trash-alt:hover{ color:red;} .r4px.ui-dialog{ border-radius:4px; border:1px solid #51a0c9;} .img-box3{ position:absolute; border:1px solid #ccc; background-color:#fdfdfd; text-align:center; width:47px;height:47px; left:0; top:0; overflow:hidden; border-radius:100%; line-height:40px;} .download{ background:url(../img/down-load.png) no-repeat;width:27px; height:27px;} .reply-box2{ max-height:315px; overflow-y:hidden;} .reply-box2.active{ max-height:none !important;} .bg-blue td{ background-color:#f4fbff;} .bg-orange td{ background-color:#fff8eb;} .v8input.v2 input[type=text],.v8input.v2 input[type=password],.v8input.v2 textarea{ background-color:#fff;} .ui-dialog .reply{ background:url(../img/reply.png) no-repeat; width:27px; height:27px; } .tag-new.v2{line-height: 24px;vertical-align: middle;margin-left:10px;border-radius: 4px;padding: 0px 10px;} .btn-ornage{ border:1px solid #ff9c00; color:#ff9c00; padding:4px 5px; text-align:center; display:inline-block; min-width:82px;} .btn-terminal{ border:1px solid #eae9e9;color: #000;min-width: 230px;padding: 13px 5px;text-align: center;margin: 0 0 22px;background-color: #fff;display: inline-block;} .btn-terminal:hover{ border:1px solid #242627; box-shadow:0 0 2px 1px inset #dadada;} .tsys .rao-box label{ text-align:left;} .tag-box{ background-color:#3396d1; border-radius:0 0 3px 3px; padding:4px 5px; position:absolute; min-width:126px; text-align:center;color: #fff;top: -9px;left: 50%;margin-left: -63px;} .tag-box.green{ background-color:#16bd55;} .tag-box.red{ background-color:#c82d40;} .tag-box .left-cr{position: absolute;left: -10px;top: 0;} .tag-box .right-cr{position: absolute;right: -10px;top: 0;} input[type="text"].icon145.v2{ background-size:13px;font-size: 12px;padding: 5px 24px 5px 8px;} .v8input select.v2{background-size: 8px;width: 150px;padding: 5px;height: auto; font-size:12px;} .arrow-wt{ background:url(../img/arrow-wt.png) no-repeat; width:11px; height:13px;} .arrow-dn{ background:url(../img/arrow-dn.png) no-repeat; width:11px; height:13px;} .v-center-parent.bottom .v-center{ vertical-align:bottom; padding:0;} .kpi-grey-box{ background-color:#fafafb; padding-right:5px; border-radius:2px;} .kpi-grey-box .img-box{width: 55px;height: 55px;overflow: hidden;vertical-align: middle;border-radius: 100%;border: 3px solid #fff;background-color: #000;box-shadow: 0 0 5px #dcdcdc;margin-left: 5px; position:relative;} .kpi-grey-box .buble{ position:absolute; background-color:#f2b62f; color:#fff; border:1px solid #fff6; box-shadow:0 0 5px #dcdcdcb3; left:44px; top:10px; width:19px; height:19px; text-align:center; line-height:16px;} .kpi-grey-box .buble.grey{ background-color:#c9c7c7;} .kpi-grey-box .buble.orange{background-color:#e87d4d;} .kpi-grey-box .buble.blue{background-color:#3a79bd;} .kpi-grey-box .buble.green{background-color:#37ca5d;} .input-box4.v3{ width:263px;max-width:100%;} .input-box4.v3 select{width: 27%;float: left; } .input-box4.v3 input[type=text]{padding-left: 5px;width: 73%;float: left;margin-right: -1px;} .table12 th{ border-bottom:1px solid #919191; border-top:1px solid #919191; height:60px; padding:10px; background-color:#f8f8f8;} .seprator-12{ border-right:1px dotted #919191;width:1px;position: absolute;right:-10px;top: 0;bottom: 0;} .table12 > tbody > tr > td{ padding:12px 10px;} .profit-loss2 .table12 > tbody > tr > td:nth-child(2),.table12 > tfoot > tr >td:nth-child(2){ text-align:right; padding-right:40px;} .table12 > tfoot > tr >td{padding:12px 10px; border-bottom:2px solid #919191;} .td-border{border-bottom:1px solid #d8d8d8;} .td-border.v2{border-bottom:2px solid #919191;} tr.inner-tr td:first-child{ padding:10px 10px 10px 40px !important;} .rci-img2{ background:url(../img/rci-img2.png) no-repeat;width:24px; height:24px;} .card{ background:url(../img/card.png) no-repeat;width:24px; height:18px;} .label-green2{background-color:#e7f9ff; color:#2394bc; min-width:92px;} .visa{ background:url(../img/visa.png) no-repeat;width:32px; height:10px;} .totalbox2.v2{ border:1px solid #b1b1b1;} .totalbox2.v2 td{ border-top:0;border-bottom:0; height:auto;} .totalbox2.v2 tr.border td{ border-bottom:1px solid #b1b1b1; padding-bottom:15px;} .totalbox2.v2 tfoot td{ height:50px; background-color:#fff;} .btn9.v3{border-color: var(--teal); background-color:var(--teal);width: 77px;padding:10px;height: auto; color:#fff;} .notification1{ background-color:#172b4d; border:1px solid #3a4d5f; padding:10px;} .template-box{ border:1px solid #959595; max-width:229px; padding:5px; text-align:center; min-height:261px; margin-bottom:20px; } .template-box.active{border-color: var(--teal);box-shadow: 0 0 4px var(--teal);} input[type=text].icon-time{ background-image:url(../img/time.png); background-position:right 5px center; background-repeat:no-repeat;} .seprator-bg2{ background:url(../img/seprator-bg.png) repeat-x center bottom;padding:20px 0;} .caret-topB{ background:url(../img/abt.png) no-repeat ; width:15px; height:15px;} .caret-topB.active{ background:url(../img/abd.png) no-repeat ; } /*--------new inquiry css ----------*/ .nav-tabs12{ border:0;} .nav-tabs12 > li > a{ font-size:15px; color:var(--teal); background-color:#fff; border:1px solid var(--teal); padding: 12px 10px;border-radius: 0;min-width:135px;text-align: center; margin:0;} .nav-tabs12 > .active > a,.nav-tabs12 > .active > a:focus,.nav-tabs12 > .active > a:hover{ background-color:var(--teal); color:#fff; border:1px solid var(--teal);} .nav-tabs12 > li > a:hover,.nav-tabs12 > li > a:focus{ border:1px solid var(--teal); color: white;box-shadow: 0px 0px 0px 1px white; z-index: 10; position: relative;} .nav-tabs12 > li:first-child >a{ border-radius:4px 0 0 4px;} .nav-tabs12 > li:last-child >a{ border-radius:0 4px 4px 0;} select.icon-arrow-percentage.v3{height: auto;padding: 0;top: 3px;width: 29px;font-size: 11px;background-size: 32px;border-left: 1px solid #e3ebf8;border-radius: 0;bottom: 3px;background-position-y: 1px !important;} .red-bin{ background:url(../img/red-bin.png) no-repeat ; width:29px; height:29px;} .edit-blue{ background:url(../img/edit-blue.png) no-repeat ; width:29px; height:29px;} .nav-tabs13{ border:0;margin-top: -7px;} .inq-box{ border:1px solid #d4d4d4; padding:20px 5px; margin:0 4px 8px 4px; min-height:180px;} .nav-tabs13 > li > a{ border:0; background:none; padding:0 4px; font-size:13px; color:#000; display:inline-block; margin:0 5px; vertical-align:middle; line-height:16px;} .nav-tabs13 > li:first-child > a{ margin-left:0;} .nav-tabs13 > .active > a, .nav-tabs13 > .active > a:hover, .nav-tabs13 > .active > a:focus{ background:none; border:0; color:var(--teal);} .tab-pane13{ max-height:350px; overflow-x:hidden;overflow-y:auto;} .inq-box1{ border:1px solid #eae9e9; background-color:#fff; text-align:center;box-shadow: 0 3px 3px -3px #d0caca;} .inq-box1:hover,.inq-box1.active{border-color: #000;} .inq-box1 .v-center{ height:152px;} .inq-box1.v2{ margin:5px 2px;} .inq-box1.v2 .v-center{ height:100px;} .inq-box1.v3{ margin:5px 2px;} .inq-box1.v3 .inq-label{height: 42px;min-height: 42px; display:block;} .inq-box1.v3 input[type=checkbox]{ width:15px; height:15px;} .inq-box1.v3 .checkbox4{ position:absolute; left:5px; top:9px; width:15px; height:15px;} .table13{ background-color:#fff; border:1px solid #b1b1b1;} .table13 td{border-bottom:1px solid #b1b1b1; padding:10px 15px;} .v8input .chosen-container-single .chosen-single{background-color: #fafafb;border-radius: 4px;border-color: #e3ebf8;box-shadow: none;padding: 10px 0px 10px 10px;} .v8input .chosen-container-single .chosen-single div b{background: url(../img/icon142.png) no-repeat scroll center center;margin-top: 15px;} .v8input .chosen-container-active.chosen-with-drop .chosen-single div b{ background-image:url(../img/icon142.png); margin-top:14px;} .v8input .chosen-container-active.chosen-with-drop .chosen-single{background: #fff;border-color: var(--teal);box-shadow: -1px 1px 0 inset #aaddfd;} .v8input .chosen-container .chosen-drop{border-color: #fff;background-color: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.57); margin-top:6px; border-radius:4px; padding-top:2px; box-shadow: 0px 0px 5px var(--teal);} /*--------new inquiry css end----------*/ /*--------revamp inventory css ----------*/ .tab-btn{ background-color:#f5f5f5; color:#787777; border:1px solid #cccccc; text-align:center; padding:21px 10px;} .tab-btn.active{ border:2px solid var(--teal); box-shadow:0 0 7px rgba(42,131,198,0.35); padding:25px 10px; margin-top:-5px; color:black;} .c-trigger{padding:10px;position: absolute;right: 20px;top: 20px;} .thumb-box{ width:59px;background-color:#fafafa; margin:0 5px 5px 0; text-align:center; border:1px solid #ececec;} .thumb-box .v-center{ height:54px;} .thumb-box img{ max-width:56px;} .btn-box5{background-color:#fcfcfc; box-shadow:0 0 9px rgba(202,202,202,0.55);padding: 15px 20px;margin: 0 -10px 35px;} .btn-box5.fixed{ position: fixed; top:0; left:0; right:0; margin:0; z-index:100} .last3boxarrow tr:last-child .boxarrow ,.last3boxarrow tr:nth-last-child(2) .boxarrow ,.last3boxarrow tr:nth-last-child(3) .boxarrow ,.last3boxarrow tr:nth-last-child(4) .boxarrow { width:82px;} .last3boxarrow tr:last-child .boxarrow > .dropdown-menu,.last3boxarrow tr:nth-last-child(2) .boxarrow > .dropdown-menu,.last3boxarrow tr:nth-last-child(3) .boxarrow > .dropdown-menu,.last3boxarrow tr:nth-last-child(4) .boxarrow > .dropdown-menu{float: right;position: static;} .seprator-bg2{ background:url(../img/seprator-bg.png) repeat-x center bottom;padding:20px 0;} .input-box4.v4{ width:158px; } .input-box4.v4 input[type=text]{width:100%;padding-left: 54px;} .input-box4.v4 select{position: absolute;width: 48px;border: 0;height: auto;top: 5px;bottom: 5px;left: 1px;box-shadow: 1px 0 0px #e2e2e2;border-radius: 0;} .radio-default .el-radio__inner{ display:none;} .radio-default .el-radio__input{ display: inline-block;} .radio-default .el-radio__original{ opacity:1; position:static;} .radio-default .el-radio__input.is-checked + .el-radio__label{ color:#333;} .input-box4.v5{ width:150px;} .input-box4.v5 input[type="text"]{ float:left; width:60%; margin-right:-1px; padding:7px 5px;} .input-box4.v5 select{float:left; width:40%;} .v8input .chosen-container-single .chosen-single{background-color: #fafafb;border-radius: 4px;border-color: #e3ebf8;box-shadow: none;padding: 10px 0px 10px 10px;} .v8input .chosen-container-single .chosen-single div b{background: url(../img/icon142.png) no-repeat scroll center center;margin-top: 15px;} .v8input .chosen-container-active.chosen-with-drop .chosen-single div b{ background-image:url(../img/icon142.png); margin-top:14px;} .v8input .chosen-container-active.chosen-with-drop .chosen-single{background: #fff;border-color: var(--teal);box-shadow: -1px 1px 0 inset #aaddfd;} .v8input .chosen-container .chosen-drop{border-color: #fff;background-color: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.57); margin-top:6px; border-radius:4px; padding-top:2px; box-shadow: 0px 0px 5px var(--teal);} .mc-tag2.v2{ padding-right:20px; width:auto; position:relative;} .mc-tag2.v2 i{ position:absolute; top:5px; right:5px; color:#a5c1d7;} .action-box3 i.fa-trash-alt:hover{ color:#f33f3f;} .icon-percentage{ border-radius: 20px;background-color: #5a5a5a;color: #fff;display: inline-block; padding: 2px 0;font-size: 10px;text-align: center;} .icon-percentage i.fa-percentage:hover{ background-color:var(--teal);} /*loader page css start*/ .loader-box{ padding-left:32px; position: relative;padding-bottom: 20px;margin-bottom: 20px;} .loader-box .m-loader{position: absolute;left: 0;width: 25px;top: -3px;} .loader-box .seprator1{ border-right:1px solid #cce5f3; position:absolute; right:12px; top:0; bottom:0;} /*loader page css end*/ /* billing cycle css start */ .rd-el-counter .el-input-number__decrease,.rd-el-counter .el-input-number__increase{background-color: var(--teal);color: #fff;bottom: 1px;border-radius: 0;line-height: 34px;} .rd-el-counter .el-input-number__decrease i,.rd-el-counter .el-input-number__increase i{ line-height: inherit;} .rd-el-counter .el-input-number__decrease{right: 40px; left: auto;} .rd-el-counter .el-input-number .el-input__inner{ text-align: left;padding-left: 10px; padding-right: 80px;} .billing-steps{ margin: 0 auto; max-width: 400px; color: #e0e0e0; position: relative; text-align: center;} .billing-steps .b-seprator{ position: absolute; left:64px; right: 64px; height: 1px; background-color: #e0e0e0; top: 19px;} .billing-steps .b-steps{background:#fff url(../img/billing-step1.png) no-repeat center center;border-radius: 100%;display: inline-block;width: 35px;height: 35px; position: relative;} .billing-steps .billing-step1{float: left;} .billing-steps .billing-step2 .b-steps{ background-image: url(../img/billing-step2.png);background-position: 9px center;} .billing-steps .billing-step3{float: right;} .billing-steps .billing-step3 .b-steps{ background-image: url(../img/billing-step3.png);} .billing-steps .active ,.billing-steps .billing-hover:hover{color:#010101;} .billing-steps .active .b-steps,.billing-steps .billing-hover:hover .b-steps{ background-color: var(--teal); box-shadow: 0 0 3px var(--teal);} .billing-steps .billing-step1.active .b-steps,.billing-steps .billing-step1.billing-hover:hover .b-steps{background-image: url(../img/billing-step1h.png);} .billing-steps .billing-step2.active .b-steps{background-image: url(../img/billing-step2h.png);} .billing-steps .billing-step3.active .b-steps{background-image: url(../img/billing-step3h.png);} .billing-box2{padding: 15px 10px 15px 29px; position: relative; border-bottom: 1px dashed #d3d3d3;} .billing-box2 input[type=radio]{position: absolute;left: 6px;top: 18px;} .billing-box2 .label.v2{ text-transform: inherit; min-width: 90px;} .billing-box2 .bv-tag{ position: absolute;right: 0; top: 0; color: #fff; background-color: #2887cc;padding: 4px 4px; width: 57px;} .billing-box2 .bv-tag::after{content:"" ; position: absolute;top: 100%;border-top:15px solid #2887cc;border-right:28px solid transparent;border-left:28px solid transparent;right:0} .summary-box2{ background-color: #f7f7f7;} .green-box{ background-color: #def2e0; padding: 10px 10px 35px 35px; border:2px dashed #00b215;} #capterra_reviews{ max-width: 770px; margin:0 auto;} #capterra_reviews .col-sm-4{ padding: 0 15px; width:30%;} .h-product{color:rgba(0, 0, 0, 0.5);border: 1px solid #e2e2e2;padding: 20px 13px 48px 10px;border-radius: 12px; position: relative; margin-top:18px; transition: all 0.3s;} .h-product::before{position: absolute; content: ""; color: #91c2e4; font-size: 70px; left:20px; top:-13px; font-family: Arial, Helvetica, sans-serif; background:url(../img/billing-qoute1.png) no-repeat ;width:30px; height: 24px;} .h-product p{ height: 95px; overflow: hidden;} .h-product .h-footer{ position: absolute; bottom: 10px; left:10px; right: 14px; padding-left:40px;} .h-product .h-footer .img-box{width: 32px; height: 32px;display: inline-block;vertical-align: middle;border-radius: 100%;border: 1px solid #cccccc94; position: absolute; left: 0;top:5px;} #capterra_reviews .film_roll_prev,#capterra_reviews .film_roll_next{ color:#d7d7d7; background:none; font-size:30px; left:-3px;width: auto; height: auto;} #capterra_reviews .film_roll_next{ right:0; left:auto;} .active .h-product{ background-color: var(--teal);color:#fff; border-color: var(--teal); min-height: 213px;} .active .h-product::before{ background:url(../img/billing-qoute1h.png) no-repeat;} .active .h-product p{ height:auto; min-height: 95px;} #capterra_reviews .active.col-sm-4{ padding: 0 5px; width:32%;} .el-popup.custom1 .el-dialog{ min-height: auto;} .el-popup.custom1 .el-dialog__header {padding: 10px 20px 10px;background-color: #F5F5F5;font-family: OpenSans-Semibold;} .el-popup.t-center .el-dialog__header{ text-align: center;} .el-popup.custom1 .el-dialog__headerbtn {top: 14px; right: 8px;} .el-popup.custom1 .el-dialog__headerbtn .el-dialog__close{color: #333;} .el-popup.custom1 .el-dialog__body {padding: 15px 20px 0; background-color: #fff;} .el-popup.custom1 .form-actions{background-color: rgb(245, 245, 245);margin: 15px -20px 0; border: 0;padding:10px 20px;} /* billing cycle css end */ .dropdownD3-inner{border-radius: 2px;box-shadow: 0 1px 2px #f0f0f0 inset;margin-bottom: 0;max-width: 100%;padding: 7px 5px;width: 264px;background: #fff url(../img/select-arrow2.png) no-repeat scroll right center; height:36px; border:1px solid #ccc;} .dropdownD3 .dropdownD3-menu{padding: 8px; position:absolute; left:0;top: 33px;border-top: 0;width: 264px; display:none; border-left:1px solid #ccc; border-right:1px solid #ccc;border-bottom:1px solid #ccc; background-color:#fff;} .content-box2 {min-height: 60px;padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px solid #e0e0e0; line-height: 14px;} .content-box2.v1{width: 200px;} td .content-box2:last-child{ border-bottom: 0;} .rdc-box{ background:#f8fafe url(../img/rdc-bg.png) no-repeat center top 20px; background-size: 183px; margin-top:45px; border-radius: 8px; padding:0 10px 20px; min-height: 176px;} .rdc-box img{width:62px; margin-top:-31px;} .tag-box.v2 {background-color: var(--teal);min-width: 66px;margin-left: -33px;} .v8input .chosen-container-multi .chosen-choices{background: #fafafb url(../img/icon142.png) no-repeat center right 10px;color: #333;padding: 6px 10px;border: 1px solid #e3ebf8;width: 247px;max-width: 100%;box-shadow: none;border-radius: 4px;} .v8input .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{top:0;} .v8input .chosen-container-multi.chosen-container-active .chosen-choices,.v8input .chosen-container-multi .chosen-choices:hover{background-color: #fff;border-color: var(--teal);box-shadow: 0px 0px 5px var(--teal);} .bullet-check.v2{background: url(../img/blue-gear.png) no-repeat left top 4px;} .inv_trn_report .v4input{position: sticky;top: 0;z-index: 1;} /* login css start for new design 2.0 */ .login-us-left input[type="text"], .login-us-left input[type="password"] { border: 1px solid rgba(0, 0, 0, 0.15); width: 342px; height: 40px; border-radius: 2px; box-shadow: none; padding: 5px 12px; } .login-us-left input[type="text"]:hover, .login-us-left input[type="password"]:hover, .login-us-left input[type="text"]:focus, .login-us-left input[type="password"]:focus { border-color: #00474F; box-shadow: 0 0 4px #00474F7D; } .login-us .custome-checkbox .checkbox4 { width: 16px; height: 16px; } .imgbox-carousal{ margin:0 auto;} .login-us-left .alert-success{background: #F6FFED url(../img/check.svg) no-repeat left 15px top 12px;border-color: #B7EB8F;color: rgba(0,0,0,0.65);padding: 9px 40px; background-size:14px;} /* login css end for new design 2.0 */ /* dropdwon css start for damage part report */ .table8 tbody tr:last-child .scroll-drp,.table8 tbody tr:nth-last-child(2) .scroll-drp {width:33px} .table8 tbody tr:last-child .scroll-drp .dropdown-menu.v2 , .table8 tbody tr:nth-last-child(2) .scroll-drp .dropdown-menu.v2{position: relative; float: right;} /* dropdwon css end for damage part report */ .bl_fixedcritaria{overflow:auto!important} .wrapper-sticky .table8.bc th:last-child:before{content:"";position:absolute;top:0;bottom:-1px;right:-1px;border-left:1px solid #ddd} .v2input .el-input__icon{line-height:34px!important} .tf-fw .el-select{width:100%} .inv-img-box{border:1px solid #ececec;background:url(../img/inv-img-box-bg.png) no-repeat center #fafafa;display:inline-flex;width:89px;margin:0 10px 10px 0;padding:5px;position:relative;height:84px;justify-content:center;align-content:center} .inv-cross{background:url(../img/inv-cross.png) no-repeat;width:16px;height:16px;position:absolute;top:5px;right:5px} svg.icon.icon-tabler{ background: none; height: auto;width: auto;} .text-primary2{color:var(--teal)} .el-button.el-button--primary{color:#FFF;background-color:var(--teal);border-color:var(--teal)} .el-button.el-button--primary:hover,.el-button.el-button--primary:focus{background:#3f918b;border-color:#3f918b} .el-button.el-button--text{color:rgba(0,0,0,0.85)} .el-button.el-button--text:hover,.el-button.el-button--text:focus{color:#3f918b} /* employee progress module css start */ .ep-graph{border:4px solid #E8E8E8; border-radius:100%;width:28px; height:28px; margin-right:4px;} .ep-button{margin:13px 2px 0 0; padding:3px ;color:#E8E8E8 } .ep-active{background-color:#fff; margin-top:10px;color:#262626} .ep-popover.el-popper[x-placement^="bottom"]{ margin-top:1px; padding:0; max-width: calc(100% - 10px);} .ep-header{padding:16px 20px;border-bottom:1px solid RGBA(0, 0, 0, 0.06);} .ep-scroller{max-height: 256px;} .ep-table tr td:first-child .cell,.ep-table tr th:first-child .cell{padding-left: 20px;} .ep-table tr th .cell{font-size: 12px;color:#8C8C8C;} .ep-tab p{border-bottom:2px solid transparent ;} .ep-tab p.ep-selected{border-color:#0477B7; color:#0477B7;} .fwn{font-weight: normal !important;}.fw4{font-weight: 400 !important;}.fw5{font-weight: 500 !important;}.fw6{font-weight: 600 !important;}.fw7{font-weight: 700 !important;}.fw8{font-weight: 800 !important;}.fw9{font-weight: 900 !important;} .color85{color:rgba(0,0,0,0.85)!important} .color65{color:rgba(0,0,0,0.65)!important} .color45{color:rgba(0,0,0,0.45)!important} .color25{color:rgba(0,0,0,0.25)!important} .el-switch-small .el-switch__core{ height: 16px; } .el-switch-small .el-switch__core::after{width: 12px; height: 12px;} .el-switch-small.is-checked .el-switch__core::after {margin-left: -13px;} .ep-progress .el-progress-bar__outer ,.ep-progress .el-progress-bar__inner { border-radius: 0;} .ep-progress .el-progress-bar{ padding-right: 0; margin-right: 0;} .ep-progress .el-progress__text {position: absolute;right: 0;top: -21px;} .ep-progress .ep-seprator{ position: absolute; height: 24px; width: 2px; background-color:#262626;z-index: 10;top: -4px;} .ep-progress2 .el-progress--circle .el-progress__text{left:21px;width:auto;font-size: 12px !important;color:#E8E8E8;min-width: 10px;} .w-full{width:100%} .ep-active .ep-progress2 .el-progress--circle .el-progress__text{color:#262626} .el-input-number{line-height:32px;width:100%} .ep-v2input .el-input-number .el-input__inner{text-align:left} .ep-v2input .el-input-number__increase,.ep-v2input .el-input-number__decrease{background-color:#fff;width:22px;border-radius:0} .ep-v2input .el-input-number.is-controls-right .el-input-number__increase,.ep-v2input .el-input-number.is-controls-right .el-input-number__decrease{line-height:14px} .ep-v2input .el-input-number.is-controls-right .el-input__inner{ padding-right:24px;padding-left:6px ; } .ep-v2input .el-input-number--small .el-input-number__decrease,.ep-v2input .el-input-number--small .el-input-number__increase {width: 20px;font-size: 14px;} .el-input-mb0 input.el-input__inner{margin-bottom: 0 !important;} /* employee progress module css End */ .ui-dialog.popupMailin{ border-radius: 8px;} .ui-dialog.popupMailin .ui-dialog-titlebar.ui-widget-header{padding: 24px 24px 12px;} .ui-dialog.popupMailin .ui-dialog-titlebar-close{margin-top: -3px;right: 24px;} .ui-dialog.popupMailin .ui-dialog-buttonpane .ui-dialog-buttonset{ display: flex; justify-content: center; align-items: center; float:none;padding: 12px 0 10px;} .ui-dialog.popupMailin .btn-green4{border-radius: 6px; padding:0 8px !important; margin-right: 4px; font-weight: 400; height: 32px; border:0} .ui-dialog.popupMailin .btn-green4.v2{background-color: #fff;border: 1px solid #ccc;color: #444 !important;margin: 0;min-width: unset; font-size: 14px;} .r4px.el-dialog .el-dialog__header { border-radius: 4px 4px 0 0; } .el-alert--info.v1 { border: 1px solid #91d5ff; background-color: #e6f7ff !important; } .el-alert--info.v1 .el-alert__icon { color: #13a8a8; } input.el-input__inner{ height: 40px; line-height: 40px; background-color: #fff; margin-bottom:0 ;} .el-input--medium input.el-input__inner{height: 36px; line-height: 36px;} .el-input--small input.el-input__inner{height: 32px; line-height: 32px;} .el-input--mini input.el-input__inner{height: 28px; line-height: 28px;} .header-48H.el-dialog .el-dialog__header{padding: 12px 24px;} .scroll-height .el-scrollbar__wrap.scroll-inner{overflow: auto;} @media all and (max-width: 1300px ) { .navbar.navbar-fixed-top2 .nav > li > a{padding:5px 4px 10px;} .search-store.navbar-fixed-top2 .nav > li > a{max-width: 120px;} } @media (min-width: 768px) and (max-width: 1150px) { .priceing3 .txt31{ font-size:24px;} .priceing3 .txt24{ font-size:18px;} } @media (min-width: 992px) { .call-us-link{ float:right;margin-bottom: -23px;} .cob-p:hover{ border-color:#3496d1; color:#3496d1; box-shadow:0 0 3px #3496d1; } .label-inline2a label{ width:417px;} .nav-tabs12.v2 > li{ width:25%;} } @media only screen and (min-width: 768px) { .payfacto-bg{ background: url(../img/payfacto-bg.jpg) no-repeat left top #fff;} .w20{float:left;width:20%;max-width:20%} .w25{float:left;width:25%;max-width:25%} .w40{ width:40%;max-width:40% }.b-8{ float:left; width:12.5%;}.w79{ float:left; width:79%; padding-right:5px !important;}.w21{ float:left; width:21%; padding-left:5px !important;} .w80{width: 80%; max-width: 80%; float: left;} #main-height .label-inline6 label{width:33%;font-family:OpenSans-Semibold;display:inline-block;} #main-height .label-inline6 .control-group > div.controls{display:inline-block} .bigdropdown .chosen-container.chosen-with-drop .chosen-drop{border-top:1px solid #aaa;width:400px;} .bigdropdown .chosen-container .chosen-results{max-height:140px} .fixed2{position:fixed;right:25px;z-index:1100;top:3px} .b-fixed{border-left:none !important;} .b-fixedC{border-left:none !important;} .ui-dialog .v4input .b-fixedC .chosen-container-single .chosen-single, .v4input .b-fixedC .chosen-container-single .chosen-single{border-left:none !important;} .fix-pl35{ padding-left:35px;} .fix-pr35{ padding-right:35px;} #devicesCondition{ overflow:visible} .btn-box-top{ float:right; margin-top:-11px;} .register-box {margin: 0 auto;max-width: 1152px;display: flex;} .mc-label{ text-align:right; padding-right:20px; margin:6px 0;} .mc-label a{ margin-right:-17px;} .md-db {display: block;} .fix-b .col-sm-4:nth-child(2) .priceing3{position: relative;z-index: 5;} .md-text-right{ text-align:right} } .bl_fixedcritaria{overflow:auto !important} .wrapper-sticky .table8.bc th:last-child:before{content: ""; position: absolute; top: 0; bottom: -1px; right: -1px; border-left: 1px solid #ddd;} .v2input .el-input__icon {line-height: 34px !important; } .tf-fw .el-select{width: 100%;} .inv-img-box{border: 1px solid #ececec; background:url(../img/inv-img-box-bg.png) no-repeat center #fafafa; display: inline-flex;width: 89px;margin: 0 10px 10px 0; padding: 5px; position: relative; height: 84px; justify-content: center; align-content: center;} .inv-cross{ background: url(../img/inv-cross.png) no-repeat; width: 16px; height: 16px; position: absolute; top:5px; right: 5px;} .p-header{border-radius: 6px 6px 0 0;border-bottom: 1px solid #F3F4F6;padding: 20px 24px;} #basket_loop .popup-custome .modal-body {padding: 16px; max-height: 450px;} .list-safeware{list-style: none; margin: 0; font-size: 14px;} .list-safeware li{ position: relative; padding: 0px 0 16px 30px;color:#6B7280} .list-safeware li::before{position: absolute;content: "\ebaa";font-size: 20px; left: 0;top: 3px;font-family: tabler-icons !important; color:var(--teal)} .safewarePackageBox{border: 1px solid #F3F4F6;padding: 16px;} #basket_loop .safewarePackageBox a.setup-btn.btn{text-decoration: none;padding: 4px 15px;border-radius: 4px;box-shadow: none;width: 100%;min-height: 32px;} .p-footer{padding: 16px 24px;box-shadow:3px 0 14px -2px rgba(0, 0, 0, 0.07) ;} .col2forCustomField {display: grid;grid-template-columns: 1fr 1fr; gap: 12px;} .col2forCustomField .control-group{display: grid; margin:0; grid-template-columns: 1fr 4fr;column-gap: 12px; align-items:center} .col2forCustomField .control-group label{ margin-bottom: 0;font-family: OpenSans-Semibold;} /* css only for firefox start */ @supports (-moz-appearance:none) { .navbar.navbar-fixed-top2 .dropdown-menu > li a.plus-green::after{top: -1px;} .icon-gplus::after {top: -1px;} } /* css only for firefox start */ @media screen and (-webkit-min-device-pixel-ratio:0) { .toggle-box-filter,.show-input,#address-form,.dropdownMenu,.filter-box{overflow:visible!important} .search-head{overflow:visible!important} } @media print { .print-main .invoicebox .invoicebox-left{background-color:#ddd} } @media only screen and (max-width: 1400px) { .basketButtons > div,.button-box2 > div{font-size: 14px;} } @media only screen and (min-width: 1100px) { .design1.ui-autocomplete.possearchdesign{ max-width: 47%; } } @media only screen and (max-width: 1300px) { #ticketinv .custom-table4 table#parts td input.tiny{width:38px} } @media only screen and (max-width: 1074px) { .nav > li > a.hideipad{display:none} .filterbox.filterbox2 .btn-success{font-size:14px;margin-bottom:10px;padding:13px 5px 13px 53px;text-align:left} .help-block{display:none} .more-options .label-inline .control-group > div{width:100%;min-width:inherit} .condition li .condition-name{font-size:14px} .pbox2 .img-box{margin:0 7px 0 10px} .pbox2-detail{margin-left:66px} #_repair #deivces-container{max-width:270px} .btn-box .setup-btn,.btn-box .btn-blue,.btn-box .btn-blue2{ margin-right:0;} .btn-box .setup-btn2,.btn-box .btn-blue,.btn-box .btn-blue2{ margin-right:0;} } @media (min-width: 768px) and (max-width: 1074px) { .search-form.span3.ipad > .btn-primary,.search-form.span2.ipad > .btn-primary{display:block;margin-bottom:10px} .row-fluid .ipad,.ipad{float:none;width:auto;margin-left:0} .navbar.navbar-fixed-top2 .nav > li > a{padding:5px 5px 10px} .ipad .filterbox{display:none} .ipad article .control-group{float:left;width:50%;min-height:50px} .ipad .control-group label{display:inline-block;width:35%;margin:0} .ipad .control-group:nth-child(odd) label{text-indent:10px} .ipad .filterbox article .chosen-container-single{margin-bottom:0} .ipad .control-group .controls{display:inline-block} .ipad .control-group .controls input{margin-bottom:0} .box table td,.box table th{padding:5px 2px;text-align:center} .navbar.navbar-fixed-top2.navbar-fixed-top3 .nav > li > a{max-width:135px;padding-left:0;padding-right:0} .button-box2 > div{font-size:14px} #pos-unlock-form .v2input textarea{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} #tabsA .control-inline label{vertical-align:top} .pbox2{width:33.33%} .img-box2{height:auto} .position .img-box2{margin-bottom:0} .position .dropdown{margin-bottom:-54px} .totalbox2{width:100%;} .basketButtons div .v-center,.button-box2 .v-center{ height:90px;} } @media only screen and (max-width: 979px) { .gridboxDashboard .common-box.v2{grid-column: span 2;} .search-box .pull-left2{ float:none;} #_repair #deivces-container{display:block} #_repair .search-filter input[type="text"]{margin-bottom:5px} .invoicebox{font-size:14px} .custom-table4 table td{text-indent:0} .topbox .user-box .dropdown-toggle{font-weight:700} .topbox .user-box .dropdown-toggle .caret{background:url(../img/arrow-white.png) no-repeat scroll 0 0;border:0 none;float:none;height:8px;margin-left:7px;margin-top:6px;width:11px} .navbar.navbar-fixed-top2 .nav > li > a{color:#fff;text-shadow:none} .navbar-fixed-top2{clear:both;float:none} .navbar-fixed-top3{ position: relative; z-index: 1000;} .navbar-fixed-top2.navbar-fixed-top3{float:left} #footer{margin:10px 0 0;padding:10px 20px;position:static} .navbar-fixed-top,.navbar-fixed-bottom{position:relative;z-index:999999;top:0} .nav-collapse .open > .dropdown-menu{position: relative;margin: 0;background-color: #fff;} .navbar.navbar-fixed-top2.navbar-fixed-top3 .nav-collapse .open > .dropdown-menu{position: absolute;z-index: 100000;} .table label{display:block;padding:0;margin:5px 0} .fckBox .table label.text-right{display:none} .fckBox .table label.text-right2{display:block} .viewInvoice .inline{padding:0 6px 0 2px} .viewInvoice .commentbox{width:100%;margin-bottom:10px} .filterbox.filterbox2 .btn-success{min-width:unset} .viewInvoice .totalbox{width:100%} .navbar-fixed-top2 .nav li.barrcode1 a{background-position:4px top;margin:10px 0 0 10px} .navbar-inner .nav-collapse{ overflow: visible;} .navbar-fixed-top2 .nav li.chatbox {position: absolute;top: -38px;} .navbar-fixed-top2 .nav li.chatbox a{background-position:4px top;margin:0} .SalebyProd ul li{min-width:inherit} #main-height .label-inline .control-group > div.controls{width:68%} #main-height .label-inline .control-group > div.controls > textarea,#main-height .label-inline .control-group > div.controls > input,#main-height .label-inline .control-group > div.controls > select{width:100%;max-width:100%} .infobox{background-color:#09423D;clear:both;display:none;overflow:visible!important;padding: 0 10px 10px;} .ui-dialog{max-width:97%} .navbar.navbar-fixed-top2.navbar-fixed-top3 .nav > li > a{margin: 3px 0 0 10px;padding: 5px 21px 5px 10px;} .navbar.navbar-fixed-top2.navbar-fixed-top3 .nav-collapse{ overflow: visible;} .button-box2 > div{font-size:14px} .user-box .dropdown-menu1{top:96px;max-width: calc(100% - 8px);right: 4px;} .user-box .dropdown-menu1::before{right:52px} .user-box .dropdown-menu1 ul li a{font-size:12px} .navbar.navbar-fixed-top2 .dropdown-submenu2 .dropdown-menu > li a.plus-green{right:0!important} .address-box > div > a.plus-green{right:0!important} #form-top-search {position: absolute;top: 51px; left: 52px;} .btn-blue5,.ep-button{margin-right: 4px;} .incoming-call{top: 47px !important;} } @media (min-width: 768px) and (max-width: 979px) { .add-detail-inner2.problems,.add-detail-inner2.add-detail-inner3{width:46.4%} .navbar.navbar-fixed-top2.navbar-fixed-top3 .nav > li > a{max-width:none} .tag{position:relative;width:100px} .tag img{position:absolute;top:-50px!important} .invoicePage3 .span5{float:right;margin:0;padding-top:40px;width:50%} .bs-docs-sidenav.affix{top:0} .nav-tabs2 > li > a{font-size:11px;font-weight:400;min-width:unset;padding:8px 5px} .nav-tabs > li.add-item-li a.btn i.icon-plus-sign{margin-top:1px} .billing-detail h3{font-size:18px} .box-common{margin:0 auto 10px;width:60%;float:none} .box-common-inner{margin:0} .navbar.navbar-fixed-top2 .nav .btn.btn-success{margin-left:15px;margin-bottom:10px} .basket .span8,.basket .span4{float:none;margin:0;width:auto} .basket-table-parent-inner th div{font-size:11px;padding:9px 13px} .basket-table-parent-inner td .tinyField{padding:4px 0!important;text-align:center;width:38px} .basket-table-parent-inner td,.basket-table-parent-inner th{padding:10px 0} .progressBox2 .span7{width:auto;float:none} .progressBox2 .span5{width:auto;float:none} .progressBox2 .seprator-progress{border-color:#ddd -moz-use-text-color #fff;border-style:solid none;border-width:1px 0;bottom:-10px;left:10px;position:absolute;right:10px;top:auto} .progressBox2 .ticket-ammount{padding:6px 0 0} .add-detail-inner2{width:48%} #tabsA #pos-repair-form input[type=text],#tabsA #pos-repair-form textarea{width:100%} #tabsA #pos-repair-form select#TicketInv_assigned_to{width:100%!important} #TicketInv_assigned_to_chosen{width:100%!important} #pre-conditions{padding:5px;font-size:12px} .nav-tabs4 > li > a{padding:8px 4px} .customer-add-edit .label-inline label{text-align:left;width:70%} #main-height .label-inline label,#main-height .label-inline .control-group > div.controls{width:auto;display:block} .footer-s-box .txt18{font-size:14px} .pad-lft-35{padding-left:30% !important;} } @media only screen and (max-width: 780px) { .articles-box{width: 80vw;} .add-detail-inner2.problems,.add-detail-inner2.add-detail-inner3{width:32.4%} .note .inner-note{min-height:100px} .table-responsive[data-pattern="priority-columns"]{overflow-y:visible} .sb-toggle-left{display:block} .search{width:30%} .boxinner{margin:0 0 10px;width:100%} .nav-tabs2 > li > a{font-size:11px;font-weight:400;min-width:unset;padding:8px 5px} .bl_chart1>#graphme .amcharts-main-div>.amChartsLegend.amcharts-legend-div{width:50% !important;top:30px !important;letter-spacing: 1px !important; font-weight:bold;} .bl_chart2>#graphme .amcharts-main-div>.amChartsLegend.amcharts-legend-div{width:50% !important;top:30px !important;letter-spacing: 1px !important; font-weight:bold;} } @media only screen and (max-width: 767px) { .fixVuetifyCol div[class*="col-"]{ max-width: unset;} .col2forCustomField {display: grid;grid-template-columns: 1fr; } .col2forCustomField .control-group{grid-template-columns: 1fr} .sm-clearfix{clear: both;} #tabsA .nav-tabs{ overflow: hidden; flex-flow: wrap;} #tabsA .nav-tabs > li{width: auto;} #tabsA .nav-tabs > li a{padding: 10px;} .searchbar-top {padding:8px 20px; margin: 0 -20px;} h1, h2, h3{ line-height:normal;} .banner4{ padding:10px 0;} .banner4 .ma{display: flex;flex-direction: column-reverse;} .banner4 .text-right{ text-align:center;} .banner4 .txt36{ font-size:20px; line-height:25px;} .banner4 .txt25{ font-size:20px;} .btn-blue3{ font-size:14px !important;} .campaigner-box{ padding:20px 5px;} .box12 .dropdown {padding-left: 41px;} .S-steps{left:-17px;} .box12 .seprator0{ left:8px;} .bullet8{ min-height:200px !important ;} .txt-seprator-v{ display:none;} .proggressbar2{ font-size:14px} .product1.product3{ display:block; margin-bottom:10px; } .txt-sm-center{ text-align:center;} .side-nave-left{ min-height:100px !important;} .footer-s-box .col-sm-3{border-bottom:2px solid #e3e3e3;border-right:0;width:auto} .google_Calender .setup-btn.green{margin-bottom:0} .google_Calender .setup-btn2.green{margin-bottom:0} #footer{margin:10px -20px 0} .side-nave-left{min-height:inherit;height:auto!important;margin:0 0 10px} .bs-docs-sidenav.affix{position:static;width:auto;top:0} .custome-table select.big,.custome-table select.small{width:60%} .custome-table td strong{width:20%} .ajax-file-upload-statusbar{width:94%!important} .custome-table td input{margin:0;width:37%} .tag2{display:block} .tag{display:none} .note{float:none;width:100%} .commentbox{width:100%;margin-bottom:10px} .totalbox{width:100%} .filterbox.filterbox2 .btn-success{min-width:160px} .payment-alert{margin:0 -20px 10px} .topbox{margin:0 -20px 10px} .current-package{width:100%;padding:0 0 20px} .billing-detail{width:100%} .billing-detail h3{font-size:18px} .billing-detail table.table td{font-size:12px;padding:10px 4px} .box-common{margin-bottom:20px;width:100%} .box-common-inner{margin:0} .current-package-table{float:none} .new-package-table{float:none;margin:10px 0 0} .filterbox header{background:#fbfbfc url(../img/arrow-black.png) no-repeat scroll 97% center;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor:pointer} .filterbox article,.filterbox footer{display:none} .filterbox header.arrow-top{background:#fbfbfc url(../img/arrow-black-top.png) no-repeat scroll 97% center} .navbar.navbar-fixed-top2 .nav .btn.btn-success{margin-left:15px;margin-bottom:10px} .basket-parent{min-height:inherit} .progressBox2 .span7{width:auto} .progressBox2 .span5{width:auto} .progressBox2 .seprator-progress{border-color:#ddd -moz-use-text-color #fff;border-style:solid none;border-width:1px 0;bottom:-10px;left:10px;position:absolute;right:10px;top:auto} .progressBox2 .ticket-ammount{padding:6px 0 0} .condition li{width:50%} .user-box{float:none;margin:0} .buttonbox{float:none;padding-bottom:5px} .nav-tabs4 > li > a{padding:8px 3px} .walking-customer{display:block;width:auto} .SalebyProd ul li{-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:32.9%} #Modal-video{display:none!important} .custome-modal{ width:auto; margin-left:auto;} .popup-custome{float:none;left:2%;margin-left:auto!important;margin-top:0!important;position:absolute;right:2%;top:auto;width:96%} .row-fluid .left-column,.row-fluid .right-column{width:100%} .basketButtons{width:100%} .button-box2{width:100%} .w50{float:none;width:auto} .psm{padding:0} .pbox2{width:50%} .w20{width:auto;float:none} .w80{width: auto; float: none;} .w25{width:auto;float:none} .progressBar .w20{border-left:0;border-bottom:1px solid #d0d0d0} .progressBar .w25{border-left:0;border-bottom:1px solid #d0d0d0} .pad-lft-35{padding-left:20% !important;} .table7 th{ font-size:16px;} .table7 td{ font-size:14px; height:50px;} .cl-triger{ position:static;} .lagent.v2{ margin-top:20px !important;} .daterangepicker .btn{ margin-bottom:10px;} .row2 .main-sidebar{ position:static;} .thankyou-box{ height:auto;} .lagent li{ margin-left:10px;} .fix-btns .green.pull-right,.fix-btns .btn-group2,.fix-btns .search-filter-pos{float: none !important;margin-top: 10px; display:inline-block; vertical-align:top;} .fix-btns .pull-right{ float:none !important; } #mainWrapper .txt36{ font-size:24px;} .row .col-sm-4 .priceing3.active{ margin:0 0 30px 0;} .promotion-box-inner{ margin:0 -30px;} .promotion-box-inner .col-md-8{ padding-bottom:20px;} .promotion-box-inner .col-md-8 label{ display:block;margin: 0 0 5px 0; } .row .col-sm-4 .priceing3.active{ margin:0 0 30px 0;} .promotion-box-inner .text-right{ text-align:left;} .fix-switch{ margin:0 -40px} .plivo-box{ margin-right:0;} .loy-box1{ padding:20px;} .bg-loy{ opacity:0.2;} .grid-box2{ display:block;} .SalebyProd.v2 ul{ display:grid; grid-template-columns: auto auto auto auto ; } .p-info .txt24{ font-size:18px;} .p-info .txt18{ font-size:14px;} .add-detail-inner5{ width:47.5%;} .rao-box label{ text-align:left;} #main-height > .col-sm-9,#main-height .fix{ padding:0} .nav-tabs11 li{ width:100%} .nav-tabs11 li{ width:100%} .progressBar2 .step-text{ display:none;} .progressBar2 .step:hover .step-text{ display:block;} .vfc-box{ padding:20px;} .login-us-left{ min-height:75vh;} .txt-center-sm{ text-align:center;} .login-us-right{ height:auto; padding-top:20px;} .w16{ width:25%;} .loader-box .seprator1{ top:auto; left:31px;right:31px; border:1px solid #cce5f3;} #manualInOut #manualin-form{display: flex; gap: 10px; flex-wrap: wrap;} #manualInOut #manualin-form .control-group{width:auto; margin-bottom: 0;} .customFieldBox{grid-template-columns:1fr;} } @media only screen and (max-width: 550px) { .w16{ width:50%;} .sm-mt5{ margin-top:5px;} .call-us-link{ text-align:center;} .btn-blue7.v2{ min-width: inherit;} .cob-linkBox a{ padding:4px 0px;font-size: 14px;} .cob-linkBox .txt22{ font-size:18px} .cob-p.v2{padding: 10px 5px;margin: 1.5% 1%;width: 46%;} .cob13 .txt36{font-size:24px} .cob13 .txt16{ font-size:14px;} .logo-fix{ margin-top:10px;} .fix2{ display:inline;} .s-box-inner .txt36{font-size:24px} .table5 .chosen-container{width:100%!important} #main-height .label-inline .control-group > div.controls{display:block;width:auto;min-width:0} #main-height .label-inline .control-group > div.controls > textarea,#main-height .label-inline .control-group > div.controls > input,#main-height .label-inline .control-group > div.controls > select{width:100%;max-width:100%} .custom-table2 input{max-width:100px} #page{min-height:200px} #footer{margin:10px -20px 0} .topbox .logo{padding-top:19px} .topbox .logo img{width:100%} .search{width:38%} .custome-table .imgbox{padding:2px;width:46px} .ajax-upload-dragdrop{padding:5px;width:245px !important} .ajax-file-upload-statusbar{width:94%!important;margin-left:0} .ajax-file-upload-progress{width:150px} .custome-table td{padding:11px 3px} .newline{float:none;display:inline-block;margin-bottom:5px} .viewInvoice .setting-d{margin:0 0 10px} .buttonBox2.padding-left{padding-left:20px} .condition li{float:none;width:auto} .add-detail-inner2{width:48%} .checkbox-prety label{font-size:12px} .box table td,.box table th{padding:5px 1px;text-align:center} ul.nav-tabs4{overflow:auto;white-space:nowrap} .nav-tabs4 > li{display:inline-block;float:none} .nav-tabs4 > li.setting-d{float:none} .SalebyProd ul li{margin-bottom:2px;width:100%} .fckBox table td input[type=text],.fckBox table td select,.walking-customer{width:93%!important} .fckBox table td input[type=text]{box-sizing:border-box;min-height:30px} .walking-customer .bootstrap-tagsinput{box-sizing:border-box} .walking-customer .bootstrap-tagsinput input[type=text]{box-sizing:border-box;min-height:inherit} .info-box .left-box{width:100%} .info-box .right-box{width:100%} #end-shift .left-box,#end-shift .right-box{width:100%} .table-box{width:auto;float:none} .pxs{padding:0} .basketButtons div .v-center{ height:80px;} .wiki-ul{max-height:150px; height:150px;} .grid-box.txt24{grid-template-columns:20% 45% 40px auto; font-size:16px ; } .grid-box.txt24 h4{ font-size:16px; margin-top:0} .f-quantity span{ padding:10px 2px; width:40px;} .checkbox-fixed .checkbox4{ top:4px;} .box-billing1{margin: 0 -49px;padding: 30px 10px;} .trigger-box{ padding-right:50px;} .trigger-box .price-box{right: 9px;font-size: 20px;line-height: 24px;} #main-height > .col-sm-9,#main-height > .col-sm-3{ padding:0;} .dashboard-box.v3{ width:140px; margin:5px;} .user-box .dropdown-menu1 ul{grid-template-columns: auto auto;} .search-head{max-width: 177px !important;} .search-head input[type="text"]{ width: 100px;} } @media only screen and (max-width: 400px) { .filler{width:37%} .img-box2{height:auto} .position .img-box2{margin-bottom:0} .position .dropdown{margin-bottom:-54px} .add-detail-inner2.problems,.add-detail-inner2.add-detail-inner3{width:49%} .nextBtn.btn-blue2{top:45px} #_repair #deivces-container{max-width:none} .ajax-upload-dragdrop{padding:5px;width:130px} .payment-alert{margin:0 -5px} .topbox{margin:0 -5px 10px} body{padding-left:5px;padding-right:5px} .searchbar-top {padding:8px 10px; margin: 0 -5px;} #footer{margin:10px -5px 0} .navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-left:-5px;margin-right:-5px} .progressbox{width:280px} .open-jobs,.field-jobs,.critical{font-size:19px;margin-top:23px;width:66px} .open-jobs-txt,.field-jobs-txt,.critical-txt{font-size:13px;margin:24px 0 10px;width:70px} .boxmain{padding:5px} .headingBox{margin:0 -5px 10px;padding:0 10px} .boxmain .progressbox{width:280px} .boxmain .open-jobs,.boxmain .field-jobs,.boxmain .critical{font-size:19px;margin-top:23px;width:66px} .boxmain .open-jobs-txt,.boxmain .field-jobs-txt,.boxmain .critical-txt{font-size:13px;margin:24px 0 10px;width:70px} .custome-table td strong{font-size:11px;vertical-align:middle;width:22%} .custome-table select.big,.custome-table select.small{width:60%} .ajax-file-upload-progress{width:87px} .invoicebox .invoicebox-left{width:55%} .invoicebox .invoicebox-right{width:45%} .invoicebox ul li{padding:11px 5px} .invoicedetail ul li span{display:inline-block;vertical-align:top;width:200px} .nav-tabs2 > li > a{font-size:9px;padding:8px 2px} #main-height .label-inline label{text-align:left;width:96%} .buttonBox2{margin:0 -5px -5px;padding:10px 5px} .topbox .logo{font-size:11px;max-width:150px} ._customerInfo select{width:200px} .basket-table-parent-inner th div{font-size:11px;padding:9px 13px} .basket-table-parent-inner td .tinyField{padding:4px 0!important;text-align:center;width:38px} .basket-table-parent-inner td,.basket-table-parent-inner th{padding:10px 0} .progressBox2 .repair{width:51%} .progressBox2 .unlock{width:39%} .progressBox2 .summarybox{clear:both;float:none;padding:0 20px;width:auto} #tabsA #pos-repair-form input[type=text],#tabsA #pos-repair-form textarea{width:100%} #tabsA #pos-repair-form select#TicketInv_assigned_to{width:100%!important} #TicketInv_assigned_to_chosen{width:100%!important} #pre-conditions{padding:5px;font-size:12px} .customer-add-edit .label-inline label{text-align:left} .w33{float:none;width:auto} .pbox2{float:none;width:auto} .customerInner{padding-bottom:34px} .customerInner .row-fluid .span5,.customerInner .row-fluid .span7{float:none;width:auto;clear:both} .tab1 span{ width:100%;} .campaigner-box .pull-left{ float:none !important;} .campaigner-right-box{ margin-left:0;} } .pad0{padding:0 !important} .h-tdn a:hover{ text-decoration: none !important;} .print{padding-top:0} div.loading{display:block} .body-content-loading-overlay{background:none repeat scroll 0 0 #ddd;bottom:0;left:0;opacity:0;opacity:.65;position:fixed;right:0;display:none;top:0;z-index:1500} .loadindForv2{background:none repeat scroll 0 0 #ddd;bottom:0;left:0;opacity:0;opacity:.65;position:fixed;right:0;display:none;top:0;z-index:1500} .ui-autocomplete-loading{background:#fff url(../img/loading-small.gif) right center no-repeat} .body-content-loading-spinner{background-image:url(../img/loading_dark_large.gif);height:150px;left:50vw;margin-left:-75px;margin-top:-75px;position:fixed;top:50vh;width:150px} .body-content-loading-spinner2{background-image:url(../img/loader.gif);height:150px;background-size:cover;left:50%;margin-left:-75px;margin-top:-75px;position:fixed;top:50%;width:150px} .show-more.icon-chevron-right{background:url(../img/arrow-down.png) no-repeat center 1px;cursor:pointer;width:15px;height:15px} .more-options{border:1px solid #eee;padding:5px 5px 0} .more-options .bootstrap-switch .bootstrap-switch-label{line-height:18px} ul.nav-tabs5{margin:0;border-bottom-color:#f9f9f9} .nav-tabs5 > li > a{color:#191b1e;font-family:OpenSans-Bold;margin:0;text-transform:uppercase} .nav-tabs5 > .active > a,.nav-tabs5 > .active > a:hover,.nav-tabs5 > .active > a:focus{background-color:#f9f9f9;border-color:#f9f9f9} .more-options .tab-content{background-color:#f9f9f9;border:0 none;border-radius:0;box-shadow:none;padding:0 0 0 15px} .more-options .table-box{padding-right:15px;padding-bottom:2px} .more-options .condition{padding:20px 0} .more-options .label-inline{border-left:1px solid #f1f1f1;padding-left:20px;padding-top:20px;padding-bottom:10px} .more-options .label-inline label{min-width:110px} .viewInvoice .more-options .label-inline label{display:block} .item-description,.v2input .item-description{height:85px;resize:vertical;max-width:200px} .barcode-parent{background-color:#fafafa;border:1px solid #ccc;border-radius:5px;float:left;font-size:13px;margin:0 0 10px;padding:17px 10px;width:96%} .inner-properties{width:70%;float:left;margin-top:-3px;font-size:16px} .inner-properties strong{font-family:OpenSans-Bold} .status-area{float:right;width:30%} .status-area .label{float:right;font-family:Arial-Black;font-size:10px;font-weight:400;min-width:70px;padding:4px 6px;text-align:center;text-transform:uppercase} .status-area .label-success{background-color:var(--teal)} .status-area .label-inverse{background-color:#d9534f} .status-area .label-warning{background-color:#ec9720} .status-area .barcode_status_completed{background:#e0efd8;border:1px solid #d5e9cd} .barcode_status_cancelled{background:#f2dedf;border:1px solid #ebced0} .barcode_status_pen{background:#fdf8e4;border:1px solid #fdf8e4} .customer-details{padding-bottom:10px;min-height:220px;color:#6b6b6b;font-size:14px;font-family:OpenSans-Semibold} .customer-details h4{color:#010101;margin:4px 0} .ui-autocomplete{min-width:250px;max-height:400px;overflow:auto;max-width:619px} .ui-autocomplete li.ui-menu-item{height:auto;line-height:normal;padding:4px 0;} .ui-autocomplete li .item-price{margin:0} .ui-autocomplete li.ui-menu-item a:before,.ui-autocomplete li.ui-menu-item a:after{content:"";display:table;line-height:0} .ui-autocomplete li.ui-menu-item a:after{clear:both} .passed{color:#f22659} .clear-notify{float:right;position:absolute} .clear-notify > i{background:rgba(0,0,0,0) url(../img/notify-clear.png) no-repeat scroll 0 0;height:15px;position:absolute;right:-24px;width:15px} .clear-notify:hover > i{background-position:left -32px} .dropdown-notification .dropdown-menu li a .time{position:relative} #clear-all-notify{cursor:pointer;float:right} .customer-intercom{background:rgba(0,0,0,0) url(../img/a2.png) no-repeat scroll 0 0;height:211px;margin-top:-106px;position:fixed;right:0;cursor:pointer;top:50%;width:45px;z-index:12000} .btn-blue-bordered{border:2px solid #36c7d6;color:#414141;display:inline-block;font-weight:700;min-width:134px;padding:11px 4px} .disable-option{color:#ccc!important;background:#fff!important;cursor:default} .disable-button{cursor:no-drop!important;opacity:.3} .nobullets{list-style:none;margin:0} .nobullets li{margin:4px 0} .nobullets .number-circle{font-size:12px;border-radius:50%;padding:2px 8px;display:inline-block;background:#2f4050;color:#fff;text-align:center} .bullet4.v2 li{ padding-left:14px; margin-bottom:10px;} .bullet4.v2 li:before{ content:"\f0da"; top:0} .apc-box{ padding:20px 15px 20px 77px; position:relative;background:#e6f6fb url(../img/apc-img2.jpg) repeat-y right top; max-width:782px; margin:0 auto; background-size:contain; } .btn-blue-small{ padding:5px 20px; background-color:#edf5f7; border-radius:2px; display:inline-block; margin:2px;} .makePayment{ min-height:100vh; background-color:#f9f9f9;} .apc-box2{ background-color:#fcfcfc; padding:17px 8px 20px; border:1px solid #ebebeb;} .apc-radio{ background:url(../img/apc-radio.png) no-repeat;width:14px; height:14px; margin-right:8px;} .apc-btn-green{ height:53px; background-color:#1fb31f; color:#fff; padding:5px; width:100%; border:0;} .apc-btn-green:hover{ box-shadow:0 0 4px 1px #4B8345 inset;} .apc-box3{ background-color:#fff; border:1px solid #ccc; min-height:448px;} .apc-box4{ border-bottom:1px solid #d0d0d0;border-top:1px solid #d0d0d0; padding:15px 0; margin-bottom:-1px;} .apc-walkin{ background:url(../img/apc-walkin.png) no-repeat ; margin-right:10px; width:19px; height:19px;} .apc-walkin{ background:url(../img/apc-clock.png) no-repeat ; width:14px; height:15px;} .apc-btn-white{ background-color:#fff; border:1px solid #dedede; min-width:106px; display:inline-block; padding:6px 10px;} .bullet-arrow li{ position:relative; padding-left:20px} .bullet-arrow li:before{ content:"\f061"; top:0; position:absolute; left:0; font-family:'Font Awesome\ 5 Free'; font-weight:900;} .apc-box2.v2input input[type=text],.apc-box2.v2input input[type=password]{border:1px solid #cdcdcd;border-radius:4px;padding:11px 5px; height:auto; margin-bottom:10px;} /* add shiping css start */ .sp-btn { border-color: transparent; background: #0f766e; padding: 8px 12px; background: -moz-linear-gradient(90deg, #0f766e 0%, #119086 100%); background: -webkit-linear-gradient(90deg, #0f766e 0%, #119086 100%); background: linear-gradient(90deg, #0f766e 0%, #119086 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f766e', endColorstr='#119086', GradientType=1); height: 42px; margin-bottom: 5px; } .border-0{border:0 !important;} #ship-station-popup select{background: url(../img/select-arrow1.png) no-repeat right center #fff;} /* add shiping css End */ .img-box-problem{ width: 28px;height: 28px;text-align: center;margin: 0 auto;font-size: 20px;display: flex;justify-content: center;align-items: center;border-radius: 6px;color: #0D9488;} .ic-select.el-select .el-input input.el-input__inner{border: 1px solid #ccc !important; height: 32px !important;padding-left: 8px !important; font-size: 14px;} .ic-select.el-select .el-input .el-select__caret{transform: rotateZ(180deg) !important;} .ic-select.el-select .el-input .el-select__caret.is-reverse { transform: rotateZ(0) !important; } .ic-select-dropdown.el-select-dropdown{border: 1px solid #E4E7ED;border-radius: 4px; background-color: #FFF; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); padding: 0; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);} .ic-select-dropdown .el-select-dropdown__item.hover, .ic-select-dropdown .el-select-dropdown__item:hover { background: #e7f1f1; color: var(--teal); box-shadow: none !important; } .img-box-problem{ width: 28px;height: 28px;text-align: center;margin: 0 auto;font-size: 20px;display: flex;justify-content: center;align-items: center;border-radius: 6px;color: #0D9488;} .c-table3 .el-table th {background-color: #F5F7FA;color: #909399;font-weight: 500;height: auto;padding: 8px 0;} .c-table3 .el-table {border-left: 1px solid #EBEEF5;border-right: 1px solid #EBEEF5;} .c-table3 .el-table td{padding:4px 0;} .tagNewDesign .el-tag{padding:2px 6px; height: auto;line-height: 22px; min-width:60px; text-align:center} .tagNewDesign .el-tag.el-tag--info{ border-color:#E0F2FE; background-color:#E0F2FE; color:#0369A1;} .tagNewDesign .el-tag.el-tag--danger{ border-color:#FEF0F0; background-color:#FEF0F0; color:#B91C1C;} /* ------------------------common css ---------------------------*/ .d-flex{display: flex;} .align-center{align-items: center;}.align-start{align-items: start;}.align-end{align-items: end;}.justify-center{justify-content: center;}.justify-start{justify-content: start;}.justify-end{justify-content: end;}.justify-space-between{justify-content: space-between;} .flex-wrap{ flex-wrap: wrap;} .r6px{ border-radius:6px;}.mw100{ max-width:100%;}.mx100{ max-width:100%;}.db{ display:block;} .alert.v3{ background-color:#e7f7ff; border-color:#c4e3f3; color:#333;} .lh18{line-height:18px}.lh20{line-height:20px}.lh22{line-height:22px}.lh24{line-height:24px}.lh26{line-height:26px}.lh28{line-height:28px}.lh30{line-height:30px}.lh32{line-height:32px}.lh34{line-height:34px}.lh36{line-height:36px}.lh38{line-height:38px}.lh40{line-height:40px}.lh42{line-height:42px}.ui-widget.r4px{ border-radius:4px;} .ralway{font-family:'Raleway'}.ralway-b{font-family:'Raleway-Bold'}.ralway-sb{font-family:'Raleway-SemiBold'}.ralway-m{font-family:'Raleway-Medium'}.open-semibold{font-family:'Inter', sans-serif !important; font-weight: 600; }.open-bold{font-family:'Inter', sans-serif !important; font-weight: 700;}.open-eb{font-family:'Inter', sans-serif !important; font-weight: 700;}.open{font-family:'Inter', sans-serif !important; font-weight: 400;}.open-l{font-family:'Inter', sans-serif !important; font-weight: 300;}.txt10{font-size:10px}.txt11{font-size:11px}.txt12{font-size:12px}.txt13{font-size:13px}.txt14{font-size:14px}.txt15{font-size:15px}.txt16{font-size:16px}.txt17{font-size:17px}.txt18{font-size:18px}.txt19{font-size:19px}.txt20{font-size:20px}.txt21{font-size:21px}.txt22{font-size:22px}.txt23{font-size:23px}.txt24{font-size:24px}.txt25{font-size:25px}.txt26{font-size:26px}.txt27{font-size:27px}.txt28{font-size:28px}.txt29{font-size:29px}.txt30{font-size:30px}.txt31{font-size:31px}.txt32{font-size:32px}.txt33{font-size:33px}.txt34{font-size:34px}.txt35{font-size:35px}.txt36{font-size:36px}.txt37{font-size:37px}.txt38{font-size:38px}.txt39{font-size:39px}.txt40{font-size:40px}.txt41{font-size:41px}.txt42{font-size:42px}.txt43{font-size:43px}.txt44{font-size:44px}.txt45{font-size:45px}.txt46{font-size:46px}.txt47{font-size:47px}.txt48{font-size:48px}.txt49{font-size:49px}.txt50{font-size:50px}.txt51{font-size:51px}.mt0{margin-top:0}h1,h2,h3,h4,h5,h6{font-family:"Open Sans"; font-weight:normal;}.lh30,.lh30 li{ line-height:30px;}.pad10{padding:10px;}.pad15{padding:15px;}.pad20{padding:20px;}.lh20,.lh20 li{ line-height:20px;}.lh22,.lh22 li{ line-height:22px;}.lh24{ line-height:24px;}.lh26,.lh26 li{ line-height:26px;}.lh28,.lh28 li{ line-height:28px;}.lh22,.lh22 li{ line-height:22px;}.ma{ margin:0 auto;}.unl{text-decoration: underline;}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px}.mt30{margin-top:30px}.mt35{margin-top:35px}.mt40{margin-top:40px}.uline{text-decoration: underline;}.mr5{margin-right: 5px !important} select.icon-arrow-percentage{ background-image:url(../img/select-arrow2v.png) !important; background-position:center right 5px !important; box-shadow: none; border:0; width:54px; position:absolute; right:1px; top:1px; height:33px;color:#a29e9e;} .txt9{font-size:9px}.txt8{font-size:8px} .lsn{ list-style:none;} select.icon-arrow-percentage:hover,select.icon-arrow-percentage:focus{ box-shadow:none;} .td-center td ,.th-center th{ text-align:center !important;} .custom-table4.td-pad10 table td{ padding:10px;}.custom-table4.td-pad10 table th{ padding:5px 10px;} .drp90 .chosen-container .chosen-drop{ height:90px; overflow-y: auto;}.txt-blue4{color: var(--teal)} .tf-fw input[type=text],.tf-fw input[type=password],.tf-fw textarea,.ui-dialog .tf-fw textarea{ width:100%}.caps{text-transform:uppercase}.table8.bc{ border-collapse:collapse;}.table8.bc th{ border:1px solid #eaedef !important;} .mb5{ margin-bottom:5px}.mb10{ margin-bottom:10px}.mb15{ margin-bottom:15px}.mb20{ margin-bottom:20px}.mb25{ margin-bottom:25px}.mb30{ margin-bottom:30px} .btn-red3{color:#df6060;border:2px solid #df6060; background-color:#fff4f4; display:inline-block; padding:9px 10px; } .btn-red3:hover,.btn-red3:focus{color:#df6060} .add-flag{background:url(../img/flag.png) no-repeat scroll center center; height:20px;padding:0;width:20px} .remove-flag{background:url(../img/remove-flag.png) no-repeat scroll center center; height:20px;padding:0;width:20px} .additionalHeight textarea{min-height: 80px; background-color: #FAECD8;} .fw3{font-weight: 300 !important;}.fw4{font-weight: 400 !important;}.fw5{font-weight: 500 !important;}.fw6{font-weight: 600 !important;}.fw7{font-weight: 700 !important;}.f8{font-weight: 800 !important;}.fw9{font-weight: 900 !important;} .txt-primary,a.txt-primary{color:#00474F;} .b4e4{border:1px solid #e4e4e4} .btn-primary2 { background-color: #00474F; border: 1px solid #00474F;color: #fff;padding: 5px 16px;} .btn-primary2:hover ,.btn-primary2:focus {background-color: #027380;border: 1px solid #027380;} .btn-secondary {background-color: #BCE4B8;color: #00474F;padding: 9px 17px;height: auto;display: inline-block;} .btn-secondary:hover{ text-decoration: none; background-color: #a7fb9f;} .r4px.el-dialog__wrapper .el-dialog{border-radius:4px;} .r4px.el-dialog__wrapper .el-dialog__header{border-radius:4px 4px 0 0} .color333{color:#333} .lockLayer{background:url(../img/background_image.svg) left top no-repeat #0b4d49;} .txt-secondary{color:#0F766E} .m4{margin:10px 30px 20px!important} .bgcfb{background-color:#fbfbfb} .w1015{width:101.5%} .mnl10{margin-left:-10px} .pad-top-15{padding-top:15px} .pad-lft-35{padding-left:35%} .mt6{margin-top:6px} .disabled{pointer-events:none!important;opacity:.6!important} .disabled.status_label{color: white !important;} .on{color:#fff;position:absolute;transform:translate(-50%,-50%);top:50%;left:22%;font-size:10px;font-family:Verdana,sans-serif} .off{color:#fff;position:absolute;transform:translate(-50%,-50%);top:50%;left:75%;font-size:10px;font-family:Verdana,sans-serif} .bl_control .on-off{background-color:red} .bl_control .on-off.active{background-color:#4dd865;border-color:#4dd865} .term{text-decoration:underline;font-weight:700} .pagination1 ul > li > a,.pagination1 ul > li > span{border:1px solid #b1b1b1;font-family:OpenSans-Bold;min-width:30px;padding:6px 12px;text-align:center} .pagination1 ul > li > a:hover,.pagination1 ul > li > a:focus,.pagination1 ul > .active > a,.pagination1 ul > .active > span{background-color:var(--teal);color:#fff;border-color:var(--teal)} .pagination1 ul > li:first-child > a,.pagination1 ul > li:first-child > span{border-bottom-left-radius:2px;border-top-left-radius:2px;background-color:#d5d5d5!important} .pagination1 ul > li:last-child > a,.pagination1 ul > li:last-child > span{border-bottom-right-radius:2px;border-top-right-radius:2px;background-color:#d5d5d5!important} .pagination1 ul > li > a,.pagination1 ul > li > a{background-color:#f4f5f7} .pagination1 ul > li{list-style:none;display:inline-block;margin-right:-4px;background-color:#f4f5f7;padding:0} .pagination-no-margin .pagination1{margin:0} .report_pagination2 ul > li > a,.report_pagination2 ul > li > span{border:1px solid #b1b1b1;font-family:OpenSans-Bold;min-width:30px;padding:6px 12px;text-align:center;display: inline-block;margin: 2px 0;} .report_pagination2 ul > li:nth-last-child(2) > a,.report_pagination2 ul > li:nth-child(2) > a{ padding:9px 12px;} .report_pagination ul > li:nth-last-child(2) > a,.report_pagination ul > li:nth-child(2) > a{ padding:6px 12px !important;} .report_pagination2 ul > li > a:hover,.report_pagination2 ul > li > a:focus,.report_pagination2 ul > .active > a,.report_pagination2 ul > .active > span{background-color:var(--teal);color:#fff;border-color:var(--teal)} .report_pagination2 ul > li:first-child > a,.report_pagination2 ul > li:first-child > span{border-bottom-left-radius:5px;border-top-left-radius:5px;background-color:#d5d5d5!important} .report_pagination2 ul > li:last-child > a,.report_pagination2 ul > li:last-child > span{border-bottom-right-radius:5px;border-top-right-radius:5px;background-color:#d5d5d5!important} .report_pagination2 ul > li > a,.report_pagination2 ul > li > a{background-color:#f4f5f7} .report_pagination2 ul > li{list-style:none;display:inline-block;background-color:#f4f5f7;padding:0} .pagination-no-margin .report_pagination2{margin-top:10px} /*Announcement alert popup */ .bl_announcement_popup .ui-dialog-titlebar{display:none;} .bl_announcement_popup{width:7.347%;} .bl_announcement_popup>#announcement-popup>#announcement-popup-body>.box2p{background-color:#f8f8f8; padding:0px;width:100%;margin:0px;} .bl_announcement_popup>#announcement-popup>#announcement-popup-body>.text-center{background-color:#f8f8f8; padding:0px} .bl_announcement_popup>#announcement-popup>#announcement-popup-body>#cross-featurealert{background-image: url(../img/cross-popup2.png);width: 15px;height: 15px;float: right;background-repeat: no-repeat;background-position: center top;position: relative;top: 10px;right: 10px; cursor:pointer} .bl_announcement_popup>#announcement-popup{background:#f8f8f8 !important;padding:0px} .input-append.datepicker2 .add-on { padding: 9px 4px; margin-left: -20px; position: relative; z-index: 10; vertical-align: top; height: auto; } #barcode_pdf,#mini_receipt { background:url(../img/ajax-loader.gif) center center no-repeat; } .icon-Paymentsense { background: url("../img/PS.png") no-repeat; width: 20px; height: 19px; } .tyro-iclient-modal .modal-body{ max-height: 600px; } .tyro-iclient-modal.modal{ z-index: 999999 !important; } .makePayment-leftSide > ul > li#paymentsense i{background:url(../img/PS-1.png) no-repeat center;height:17px;width:28px} @-moz-document url-prefix() { #sentrix_country{ text-indent:-2px;} } .el_custom_input .el-input__inner, .video_url .el-input__inner { width: 100% !important; } .el_custom_input .el-input-group__append, .el-input-group__prepend { background-color: var(--teal); color: #fff; border: 1px solid var(--teal); cursor: pointer; font-weight: bold; } .on-off.on-off2.v3.dib:hover, .btn-blue2.mt20.open-semibold:hover, #iframe_copy_to:hover{ border-color:rgba(82,168,236,0.8); outline:0;outline:thin dotted \9; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6); -moz-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); } .setup-btn.txt16.open-bold.r4px.green.dis:hover, .setup-btn2.txt16.open-bold.r4px.green.dis:hover { border-color:rgba(238, 18, 18, 0.53); outline:0;outline:thin dotted \9; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(238, 18, 18, 0.35) !important; -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(238, 18, 18, 0.35) !important; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(238, 18, 18, 0.35) !important; } .setup-btn.txt16.open-bold.r4px.green:hover, .setup-btn2.txt16.open-bold.r4px.green:hover { border-color:rgba(46, 176, 57, 0.67); outline:0;outline:thin dotted \9; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(46, 176, 57, 0.67); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(46, 176, 57, 0.67); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(46, 176, 57, 0.67); } #search_remote{background-color: #ffffff;padding: 15px 15px;} #search_remote #product_name_tangible {width:95%; margin:0;} .bundleViewTable tbody:before { content:"@"; display:block; line-height:3px; text-indent:-99999px; } .bundleViewTable td{ border-bottom: 3px dotted #ddd; border-top: unset; } .bundleViewTable{border-bottom: 3px solid #00000038;} .bundleViewTable tr:nth-child(even) td{background-color: #ffffff;} .saveAmountDiv{display: inline-block; background-color: #ffffff; padding: 15px; font-weight: bold; font-size: 14px; width: 265px; border-radius: 5px; border: 1px solid var(--teal);} .totalMargin {display: inline-block; float: right; padding-right: 50px; font-size: 14px; font-weight: bold; } .ml170{ margin-left: 170px; } .table-radio-tabs th{border: 1.5px solid var(--teal); background-color: #fff;display: inline-block;font-family: OpenSans-Bold;font-size: 16px;color: var(--teal)} .table-radio-tabs span{display:none;} .table-radio-tabs label{padding: 8px 30px; } .table-radio-tabs .selected {background-color: var(--teal);color: #fff !important;text-decoration: none;} .radio-tabs {margin-left: auto;margin-right: auto;width: 650px;} .overlaylightfill{opacity: 1 !important;background: #ffffff !important;} .stop-scrolling {height: 100%;overflow: hidden;} #repair-device2 ._posDevice:hover {min-height: 100px !important; height: auto !important;} #_repair ._posDevice:hover {min-height: 100px !important; height: auto !important;} li#ja-69 {padding-right: 6px !important;} li#ja-69 > a {width:100%} .rd-new-button {float: right;height: 24px;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;border-radius: 4px;background-color: var(--teal);} .rd-new-button > div {margin-top: 4px;margin-right: 9px;margin-left: 9px;font-family: 'Open Sans',sans-serif;color: #fff;font-size: 11px;line-height: 16px;font-weight: 400;text-transform: uppercase;} .bootstrap-datetimepicker-widget {z-index: 99999 !important;} .my_10px{margin-top : 10px;margin-bottom : 10px;} /* REP-3447 */ /* REP-3844 popup CSS added */ .flg-css .fix-h2 label{ overflow:hidden !important; min-height:unset !important; height: unset !important; margin-bottom: 0 !important; padding: 5px !important;} /*REP-3844 Remove Height of label*/ .flag_note_popup{ word-break: break-word !important; background-color: #FF6F6F; border-radius: 8px;} .flag_note_popup .ui-pnotify-title{ font-size: 14px !important; font-weight: 600 !important; color:#FF0000;} .flag_note_popup .ui-corner-all{ border-radius: 8px; background-color: #FFF8F8; border-color: #FF6F6F } .flag_note_popup .ui-pnotify-sticker{ display: none !important; } .remaining{color: #a9a9a9;margin-left: 10px;padding: 10px;font-size: 12px;} .v6input .remaining{border-left: 1px solid #e5e5e5;} .flg-css .fix-h2 p {height: 47px; min-height: 47px; overflow: hidden; margin-bottom: 0px; padding-top: 10px;font-family: Open Sans !important;font-size: 14px;text-transform: capitalize; color: var(--gray-800); } .flg-css .fix-h2:hover p{ height:auto;} #tabsA .repair-charges-input-width input[type="text"] {width: 60% !important;} #tabsA .chosen-container-multi .chosen-choices{border-radius: 6px; border-color: #D1D5DB;padding: 4px 0 4px 8px; box-shadow: none !important;} #tabsA .chosen-container-multi .chosen-choices li.search-choice{padding: 4px 21px 4px 6px; border-radius: 4px; background-color: #eeeeee;} .formNewActions .dropdown-menu{min-width: 250px !important; padding: 6px 0;} .formNewActions .dropdown-menu li{ padding: 10px 16px!important;color: #606266 !important; display: flex;} .formNewActions .dropdown-menu li:hover{color: #fff !important; background-color: var(--teal-600)!important; cursor: pointer !important;} .formNewActions .dropdown-menu li i{ padding-right: 6px !important;} /* .formNewActions .dropdown-menu li i:hover{ color: #fff !important;} */ .formNewActions .dropdown-menu li span{ font-size: 14px !important;} .control-inline .w-full-im .chosen-container{width: 100% !important;} .extra-height{height: 100px; display: flex;flex-direction: column;justify-content: center;align-items: center;} .flex-div{display: flex; align-items: center; width: 100%;justify-content: space-between;} .promotionalBaner{background-color: #F0FDFA; height: 66px; display: flex; justify-content: space-between; align-items: center; padding-left: 48px; padding-right: 12px;} .promotionalBaner .leftContent {display: flex; justify-content: flex-start; align-items: center;} .promotionalBaner .leftContent .img-box{height: 46px; width: 46px; border-radius: 10px; border: 1px solid #DCDFE6;background: #FFF;display: flex; justify-content: center; align-items: center; margin-right: 12px;} .promotionalBaner .leftContent .title{font-size: 18px; color: #374151; font-family:OpenSans-Bold; margin: 0;} .promotionalBaner .leftContent .subtitle{font-size: 14px; color: #6B7280; margin: 0;} .promotionalBaner .rightContent {display: flex; justify-content: flex-end; align-items: flex-start;} .promotionalBaner .rightContent a{font-size: 14px; color: #fff; font-family:OpenSans-Semibold; background-color: #0D9488;padding: 6px 16px; margin-right: 12px;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); border-radius: 50px;display: flex; align-items: center;} .promotionalBaner .rightContent a i {font-size: 16px; color: #fff; padding-left: 4px;} .promotionalBaner .rightContent i{font-size: 24px; color: #6B7280;} .reportsParentContainer .multi-level{left: -350px;} .navbar.navbar-fixed-top2 .reportsParentContainer ul.dropdown-menu li.megaDropDownPhpLi {width: 1150px; font-weight: 400; padding: 0px 16px !important;} .reportsmegaDropDown{margin-bottom: 16px; padding-top: 12px;} .reportsmegaDropDown .storeSelection{display: flex; align-items: center;} .reportsmegaDropDown .storeSelection .title{font-size: 14px; color: #1F2937; font-family:OpenSans-Semibold; margin-right: 12px; margin-bottom: 0; text-transform: capitalize; white-space: nowrap;} .reportsmegaDropDown .storeSelection .el-button-group{margin-left: 12px;} .reportsmegaDropDown .storeSelection .el-button-group .radius-x{border-radius: 6px 0 0 6px;} .reportsmegaDropDown .storeSelection .el-button-group .radius-y{border-radius: 0 6px 6px 0;} .reportsmegaDropDown .storeSelection .groupButton{padding-left: 10px; padding-right: 10px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05) !important; height: 32px;} .reportsmegaDropDown .storeSelection .groupButton .ti{font-size: 14px; margin-right: 3px; position: absolute; top: 7px;} .reportsmegaDropDown .storeSelection .groupButton:hover{background: #F0FDFA !important; border-color: inherit;} .reportsmegaDropDown .storeSelection .groupButton:focus{background: #F0FDFA !important; border-color: inherit;} .reportsmegaDropDown .storeSelection .activeBtn{ background-color: #F0FDFA !important; border-color: #0d9488 !important; color: #0d9488 !important; outline: none; } .reportsmegaDropDown .storeSelection .fixdesignIssue input{border-radius: 6px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05) !important; border-color: #DCDFE6 !important; color: #606266 !important;} .starFilled{color: #F59E0B; cursor: pointer;} .starUnFilled{color: #909399; cursor: pointer;} .text-gray{color: #909399;} .text-16{font-size: 16px;} .text-20{font-size: 20px;} .el-scrollbar__wrap{overflow: auto !important;} .megaDropDownPhpLi{padding-bottom: 0 !important;} .reportsNavigationContainer{margin-left: -16px; margin-right: -16px; } .reportsNavigationContainer .innerNavlink a{padding: 0 !important;} .reportsNavigationContainer .sectionHeader{background: #F3F4F6; padding: 10px 16px; font-size: 14px; color: #1F2937; font-family:OpenSans-Bold; text-transform: capitalize; display: flex; align-items: center;} .reportsNavigationContainer .sectionHeader span{display: flex; align-items: center;} .reportsNavigationContainer .sectionHeader i {color: #6B7280; font-size: 24px; margin-right: 8px;} .reportsNavigationContainer .ti-chevron-up{font-size: 20px !important;} .reportsNavigationContainer .ti-chevron-down{font-size: 20px !important;} .reportsNavigationContainer .border-L-None{border-left: none;} .reportsNavigationContainer .border-R-None{border-right: none;} .reportsNavigationContainer .el-col{border-right: 1px solid #E5E7EB;} .reportsNavigationContainer .innerNavlink{margin: 0;font-size: 12px;color: #1F2937;text-transform: capitalize;padding: 12px 16px; border-bottom: 1px solid #E5E7EB; white-space: normal !important; display: flex; justify-content: space-between;} .reportsNavigationContainer .textEllipse{max-width: 215px;text-overflow: ellipsis;white-space: nowrap !important;overflow: hidden;} .reportsNavigationContainer .innerNavlink:hover{color: #0D9488C4; cursor: pointer;} .reportsNavigationContainer .partionConteiner{display: flex;width: 100%;} .reportsNavigationContainer .partionConteiner .leftSection{border-right: 1px solid #E5E7EB;width: 100%;} .reportsNavigationContainer .el-tag.el-tag--warning {background-color: #FEF3C7;border: none;color: #B45309; font-family:OpenSans-Semibold;} .reportsNavigationContainer .tabletMenu {display: none;} .reportsNavigationContainer .tabletMenu .customDropdown{ display: flex; justify-content: space-between;align-items: center; padding: 10px 16px;} .reportsNavigationContainer .tabletMenu .customDropdown p {font-size: 14px; color: #1F2937; font-family:OpenSans-Bold; text-transform: capitalize; display: flex; align-items: center;} .reportsNavigationContainer .tabletMenu .customDropdown p i {color: #6B7280; font-size: 24px; margin-right: 8px;} .spaceing-left{margin-left: 8px; padding: 0 6px !important; height: 19px !important; line-height: 18px} .space-between{justify-content: space-between;} .storeDropdownPoper ul li:hover{box-shadow: none !important; background: transparent !important; color: #0D9488 !important; text-decoration: underline !important;} .storeDropdownPoper .el-select-dropdown__item.hover{background: transparent !important;} .el-select-dropdown__item.selected {text-decoration: underline;} .bootstrap-datetimepicker-widget .collapse { visibility: inherit !important; } .multiLanguageCustomerPortal{padding: 8px 16px 12px 12px;border: 1px solid #E5E7EB;border-radius: 6px;margin-bottom: 12px;} .multiLanguageCustomerPortal .el-tag.el-tag--warning { background-color: #FEF3C7; border:none !important; color: #B45309;} .multiLanguageCustomerPortal .el-select:hover{ box-shadow: none !important; } .multiLanguageCustomerPortal .el-select .el-input__inner:focus{ box-shadow: none !important; } .multiLanguageCustomerPortal .el-select .el-input__inner{ border-radius: 6px !important; border-color: #DCDFE6 !important; } .multiLanguageCustomerPortal .el-select__tags .el-tag.el-tag--info{ background: transparent; border-radius: 3.5px; } .multiLanguageCustomerPortal .border-bottom{ border-bottom: 1px solid #E5E7EB; padding-bottom: 12px; margin-bottom: 12px; } .multiLanguageCustomerPortal .el-alert--info.is-light { background-color: #F0FDFA !important; color: #0D9488; margin-top: 12px; } .multiLanguageCustomerPortal .el-alert.is-light .el-alert__closebtn { color: #0D9488 !important; } .multiLanguageCustomerPortal .title{ color: #000; font-size: 14px; font-family:OpenSans-Semibold; padding-right: 4px; } .multiLanguageCustomerPortal .desc{ color: #000; font-size: 12px; font-weight: 400; } .multiLanguageCustomerPortal a{ text-decoration: underline !important; } .el-input--mini .el-input__icon{ line-height: 28px !important; } .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{ color: #0D9488 !important; } .el-select-dropdown__item{ padding: 0 8px !important; } .el-scrollbar__wrap{ overflow: auto !important; } .flagImg{ width: 25px; border-radius: 2px; margin-right: 4px; } .bootstrap-datetimepicker-widget .btn-primary{ background: var(--teal); } .reportsNavigationContainer .mr-0{ margin-right: 0 !important; } /* megadropdown for tablet view */ @media only screen and (max-width: 979px) { .navbar.navbar-fixed-top2 .reportsParentContainer ul.dropdown-menu li.megaDropDownPhpLi{width: 100%;} .reportsParentContainer .multi-level{left: inherit;} .reportsParentContainer ul li {min-width: inherit !important;} .reportsNavigationContainer .tabletMenu {display: block; width: 100% !important;} .reportsNavigationContainer .showOnDesktop{ display: none; } .reportsmegaDropDown .storeSelection .favouriteStoreBtns{display: none;} } /* megadropdown for mobile view */ @media only screen and (max-width: 600px) { .reportsNavigationContainer .partionConteiner{ flex-direction: column; } } .hidetemporary{ display: none; } .contactSupportBtn { margin-top: 8px; margin-right: 15px; } .contactSupportBtnMenu{ padding: 4px 0 !important; border-radius: 6px !important; border: 1px solid #DCDFE6 !important; width: 230px !important; box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px 0px rgba(0, 0, 0, 0.08) !important; } .contactSupportBtnMenu .el-dropdown-menu__item{ color: #303133; font-size: 14px; } .contactSupportBtnMenu .el-dropdown-menu__item:hover{ background: #F0FDFA; cursor: pointer; color: #0D9488C4 !important; } .contactSupportBtnMenu .el-dropdown-menu__item i{ font-size: 16px; margin-right: 6px !important; color: #73767A !important; } .contactSupportBtnMenu .el-dropdown-menu__item span i{ margin-right: 0 !important; } .contactSupportBtnMenu .el-dropdown-menu__item a{ color: #303133 !important; display: flex; align-items: center; } .contactSupportBtnMenu .el-dropdown-menu__item a .title{ min-width: 115px; } .flex-start{ align-items: flex-start !important; } .contactSupportBtnMenu .el-dropdown-menu__item a .newTag { background: #CCFBF1; border-radius: 4px; color: #0F766E; font-size: 12px; margin-left: 24px; padding: 0px 6px; font-weight: 500; } .contactSupportBtnMenu .el-dropdown-menu__item .uservatar{ display: flex; width: 20px; height: 20px; padding: 5px; justify-content: center; align-items: center; color: #fff; background-color: #14B8A6; border-radius: 50%; font-size: 11px; margin-right: 6px; margin-left: 8px; } .contactSupportBtn .el-button{ font-size: 14px; border-radius: 6px !important; background: #0D9488 !important; padding: 6px 11px; height: 32px ; border: 1px solid transparent; font-family: 'inter' !important; } .contactSupportBtn .el-button:hover{ background: #14B8A6 !important; border-color: #5EEAD4; } .contactSupportBtn .el-button span i{ font-size: 16px; } .contactSupportBtn .el-button .partialText{ padding-right: 4px; } .contactSupportBtn .el-button span{ display: flex; align-items: center; } .contactSupportBtn .el-button .btnText{ padding: 0 6px; } .contactSupportBtnMenu .chatText { display: flex; align-items: center; margin: 0 !important; } .contactSupportBtnMenu .el-dropdown-menu__item:hover{ color: #0D9488C4 !important; } .contactSupportBtnMenu .el-dropdown-menu__item .hoverTag:hover{ color: #0D9488C4 !important; } .displayNone{ display: none; } @media only screen and (max-width: 600px) { .contactSupportBtn .el-button span .partialText{ display: none; } .dropdown-notification .notification-icon{ margin: 16px 14px 0 0; } .contactSupportBtn .el-button{ padding: 6px 8px; } } .new-flex-ui{ display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; } .new-flex-ui .dashboard-box{ padding: 10px ; min-height: 80px; display: block; flex-grow: 1; width: fit-content; min-width: 100px; } .pointerwooGreenBox {cursor: pointer;} .wooGreenBox{border:1px solid #2DD4BF;padding:16px;background-color:#F0FDFA; margin-top:16px; gap:11px;} .payment-gif{ height: 100%; background: url(../img/rdpayemnt2.gif) no-repeat center center; background-size: cover;} .linesImg{margin-right: -45px;} .RD-Payment-Items{color: #606266; font-size: 16px; margin-top: 8px; font-weight: opensans-semibold;} .RD-Payment-Items span{font-size: 12px;color: #909399;padding-left: 28px;} .terminal-ip-container{display: flex; align-items: center; gap: 6px; width: 276px;} .terminal-ip-input{width: 276px ;} .terminal-ip-container > .terminal-ip-input{width: 100% ;} .terminal-ip-container .setup-btn{white-space: nowrap !important;} .el-dropdown-menu.el-dropdownmenu2{border: 1px solid #ebeef5; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);padding: 4px 0 0;} .open-bold500 .open-bold{ font-weight:500;} textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{ border-color: var(--teal) !important; box-shadow: none !important; } .stream-line-dialog.el-popup .el-dialog__headerbtn .el-dialog__close{ color: #fff; } .billing-info-container{ border: 1px solid #DCDFE6; border-radius: 6px; margin-top: 10px; } .billing-info-container .billing-info-header{ display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; /* border-bottom: 1px solid #DCDFE6; */ } .billing-info-container .billing-info-header p { font-size: 14px; font-style: normal; font-weight: 400; } .billing-info-container .billing-info-header i { font-size: 20px; color: #909399; cursor: pointer; } .custom-table .table-container { max-height: 303px; /* Limit height to enable scrolling */ overflow-y: auto; padding-bottom: 40px; } .custom-table table { width: 100% !important; border-collapse: collapse; } .custom-table thead { background: #F5F7FA; position: sticky; top: 0; z-index: 2; border-top: 1px solid #DCDFE6; } .custom-table th, .custom-table td { padding: 10px; text-align: left; font-size: 14px; font-style: normal; font-weight: 400; } .custom-table th{ color: #606266; } .custom-table th { background: #f5f5f5; } .custom-table td { border-top: 1px solid #DCDFE6; } .custom-table .top-up-btn { background-color: #009688; color: white; padding: 5px 10px; border-radius: 5px; font-size: 12px; display: inline-block; cursor: pointer; } .custom-table .amount { background-color: #E0F2FE; color: #0369A1; padding: 1px 4px; border-radius: 4px; font-size: 12px; display: inline-block; margin-top: 4px; } .billPaymentDatepicker input{ border-radius: 4px !important; } .notificiationBox{ display: flex; align-items: center; background: #F0FDFA; border-radius: 6px; padding: 8px 16px; color: #0D9488; margin-top: 12px; } .notificiationBox i { margin-right: 8px; font-size: 16px; } .fade-in { opacity: 1; animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 1s; } @keyframes fadeInOpacity { 0% { opacity: 0; } 100% { opacity: 1; } }