/**@font-face {font-family: Roboto; src: url('Roboto-Regular.ttf');} @font-face {font-family: Helvetica; src: url('HelveticaNeueLTStd Lt.otf');}**/ /** standard.css styles **/ body, table td, select{font-size: 12px; font-family: Roboto, Arial, sans-serif;} select{-webkit-appearance: none; -moz-appearance:none; -ms-appearance: none; -o-appearance: none; appearance:none; cursor: pointer} b{font-weight: bold !important} input[type="checkbox"]{vertical-align: middle;} /***/ *{font-family: Arial,sans-serif; outline: none} html{height: 100%;} body { font-size: 13px; margin: 0 0 0 0; width:100%; height: 100%; min-width: 400px;} .bodyextranet{min-width: 500px !important;} .bodynormal{background-color: white} #widget-container {position: fixed; z-index:2000; bottom: 0; right: 0; width: 70px; height: 70px; border: none;} #_loaderlogo_{height:100%; width:100%; position:absolute; text-align:center; opacity:0.7} #_loaderlogo_ img{margin: 40vh auto 0;} .dot-elastic {position: relative;width: 20px;height: 20px; border-radius: 20px;background-color: #99CC00; animation: dot-elastic 1s infinite linear;} .dot-elastic::before, .dot-elastic::after {content: "";display: inline-block;position: absolute;top: 0;} .dot-elastic::before {left: -35px;width: 20px; height: 20px; border-radius: 20px;background-color: #0088CC; animation: dot-elastic-before 1s infinite linear;} .dot-elastic::after {left: 35px; width: 20px; height: 20px; border-radius: 20px;background-color: #0088CC; animation: dot-elastic-after 1s infinite linear;} @keyframes dot-elastic-before { 0% {transform: scale(1, 1);} 25% {transform: scale(1, 1.5);} 50% {transform: scale(1, 0.67);} 75% {transform: scale(1, 1);} 100% {transform: scale(1, 1);} } @keyframes dot-elastic { 0% {transform: scale(1, 1);} 25% {transform: scale(1, 1);} 50% {transform: scale(1, 1.5);} 75% {transform: scale(1, 1);} 100% {transform: scale(1, 1);} } @keyframes dot-elastic-after { 0% {transform: scale(1, 1);} 25% {transform: scale(1, 1);} 50% {transform: scale(1, 0.67);} 75% {transform: scale(1, 1.5);} 100% {transform: scale(1, 1);} } .iframesimplepopup{border:0; width:100%;} .iframeportalconfig{border:0; width:100%; height:100%; border:none; position: fixed; top: 0; z-index:1999} .iframereferralconfig{border:0; width:100%; height:100%; border:none; position: fixed; top: 0; z-index:1999} /** Use this to force not cache image ?idNumber=1789463539303 **/ .iabakoheader{min-width: 400px; position:fixed; z-index:2; width:100%; height: 55px; background-color:#FAFAFA; box-shadow: rgba(145, 158, 171, 0.2) 0px 3px 1px -2px, rgba(145, 158, 171, 0.14) 0px 2px 2px 0px, rgba(145, 158, 171, 0.12) 0px 1px 5px 0px} .backfixheader{width:100%; height: 55px; background-color: rgb(240, 240, 240);} .logo{cursor:pointer; margin: auto 0; background: transparent url('../images/logo.png') no-repeat center center; height:30px; background-size:contain; width: 250px;} .logo:hover{opacity: 0.6} .signinlogo{cursor:pointer; margin:auto; background: transparent url('../images/signin_logo.png') no-repeat center center; width: 81px; height:81px; background-size: contain;} .signinlogo:hover{opacity: 0.6} .tablemenu{width: 100%; display: table; border-collapse: collapse; text-align: center; table-layout:fixed;} .menuitemscontainer{display: table-row; width:100%; margin: auto auto} .menuitem {display: table-cell; min-width: 35px; color: #555; text-align: center; font-size: 15px; cursor: pointer; height:55px; vertical-align: middle} .menuitem div{border-left: 1px solid #AAAAAA33; border-right: 1px solid #AAAAAA33;} .menuitem:hover{background-color:#99CC0011} .menuitemscontainer .selected{background-color:#99CC0022;} #main{min-height: 500px; min-width: 100%; width: 100%;display: table; margin: 0 auto -250px; padding-top:55px; } .popupcontainer{position: fixed; overflow: auto; left: 0px; top: 0px; right: 0px; bottom: 0px;} #popupPageContent{display:none; z-index: 300; width: 100%; height: 100%; position: fixed; top: 0; background-color:rgba(160,160,160,0.75)} #popupSimpleContent{display:none; z-index: 310; width: 100%; height: 100%; position: fixed; top: 0; background-color:rgba(160,160,160,0.75)} #popupMenuContent{display:none; z-index: 320; width: 100%; height: 100%; position: fixed; top: 0; background-color:rgba(160,160,160,0.75)} #popupInputTextAreaContent{display:none; z-index: 320; width: 100%; height: 100%; position: fixed; top: 0; background-color:rgba(160,160,160,0.75)} #accountmenu { background-color: #444444F5; right:0; top: 55px; width: 220px; position: absolute; z-index: 400; border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.3);} .moreoptionsicon {border:2px solid #0088CC; border-radius:50px; padding: 8px; background-color: #FFF; cursor:pointer} .moreoptionsicon div{background: url("../images/moreoptionsicon.png") no-repeat scroll center center transparent; width: 16px; height: 16px;} .moreoptionsicon:hover{opacity:0.8} #moreoptionsmenupanel{width: 100%; height: 100%; position: fixed; top: 0; left:0; background-color:rgba(160,160,160,0.75)} .moreoptionsmenu{position: absolute; z-index: 401; color: white;} .moreoptionsmenu div{text-align: right; background-color: #0088CC; padding: 10px; border-radius: 5px 5px 5px 5px; width: 160px; cursor: pointer; margin: 5px 0px; font-size: 14px} .moreoptionsmenu div:hover{margin-left: 5px; transition-duration:0.3s; opacity: 0.8} .moreoptionsmenu .label{font-size:15px;} .menuaccountitem{display:table-row; height: 35px; color: #FFF; font-size: 14px; cursor: pointer} .menuaccountitem:hover{background-color: #666666DD;} .menuacccounttext{display:table-cell; vertical-align: middle; text-align: right; padding:0px 4px; width: 85% } .menuaccounticon{display:table-cell; vertical-align: middle; width: 15%} .accountmenuitemspanel{display:table; width: 100%} .textmenuitempanel{padding: 15px 5px 5px; color:#AAA !important; font-size: 13px;} .integrationsicon{margin: auto; background: transparent url("../images/integrations-h.png") no-repeat center center; height: 16px; width: 16px; background-size: contain !important} .externalreadaccessicon{margin: auto; background: transparent url("../images/externalreadaccess-h.png") no-repeat center center; height: 18px; width: 18px; background-size: contain !important} .notificiationsicon{margin: auto; background: transparent url("../images/notification-h.png") no-repeat center center; height: 16px; width: 16px; background-size: contain !important} .receivableicon{margin: auto; background: transparent url("../images/paymentrequest-h.png") no-repeat center center; height: 16px; width: 16px; background-size: contain !important} .enterpriseicon{margin: auto; background: transparent url("../images/enterprise-h.png") no-repeat center center; height: 16px; width: 16px; background-size: contain !important} .usersicon{margin: auto; background: transparent url("../images/users-h.png") no-repeat center center; height: 18px; width: 18px; background-size: contain !important} .customfieldsicon{margin: auto; background: transparent url("../images/customfields-h.png") no-repeat center center; height: 16px; width: 16px; background-size: contain !important} .invoicemodelicon{margin: auto; background: transparent url("../images/invoicemodelicon-h.png") no-repeat center center; height: 16px; width: 16px; background-size: contain !important} .mailmodelicon{margin: auto; background: transparent url("../images/mailmodelmenu-h.png") no-repeat center center; height: 16px; width: 16px; background-size: contain !important} .apiicon{margin: auto; background: transparent url("../images/api-h.png") no-repeat center center; height: 20px; width: 20px; background-size: contain !important} .settingsicon{margin: auto; background: transparent url("../images/settingsicon-h.png") no-repeat center center; height: 16px; width: 16px; background-size: contain !important} .portalconfigicon{margin: auto; background: transparent url("../images/portal-config-h.png") no-repeat center center; height: 16px; width: 16px; background-size: contain !important} .gifticon{margin: auto; background: transparent url("../images/gift.svg") no-repeat center center; height: 20px; width: 20px; background-size: contain !important} .resetdataicon{margin: auto; background: transparent url("../images/resetdataicon.svg") no-repeat center center; height: 20px; width: 20px; background-size: contain !important} .referralbutton{border:2px solid #FFF; border-radius: 5px; background-color: #0088CC; padding: 10px; cursor: pointer; opacity:1} .referralbutton:hover{opacity:0.8} .resetbutton{border:2px solid #FFF; border-radius: 5px; background-color: #e74c4c55; padding: 10px 0 10px 10px; cursor: pointer; opacity:1; color: #e74c4c} .resetbutton:hover{opacity:0.8} .logouticon{float: right; background: transparent url("../images/logout-h.png") no-repeat center center; height: 20px; width: 20px; background-size: contain} .logouttext{margin-top: 3px; margin-right: 10px;} .logouttr{height:35px; border-top: 1px solid #FFF;} .logouttr td {text-align: center; color: #FFF;font-size: 14px; cursor: pointer} .logouttr td div{display: inline-table} .logouttr td span{float: left; margin-top: 5px} .logouttr:hover{background-color: #777777AA;} .myaccount{color: #555; text-align: right;} .myaccountitembig{float:right; font-size: 15px; font-weight:bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 300px; padding: 5px 20px 3px;} .myaccountitem{float:right; text-decoration: underline; color: #0088CC; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 300px; padding: 0 15px;} .myaccountitem .arrowdown{border: solid #0088CC; border-width: 0 2px 2px 0; display: inline-block; padding: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg);} .myaccountitem:hover{opacity:0.7} .pageContent{position:relative; left:0;right:0;top:0;bottom:0; min-width: 550px; min-height: 100%;} .submenucontainer{width:100%; position: fixed; z-index: 200;} .submenu {margin: auto auto; background-color: #99CC00; width: 60%; height: 60px; position: relative; margin-top:1px} .submenunav {width: 100%; display:table; color: #4E6921; float: left; table-layout: fixed; margin-top: -1px;} .submenunavrow{display: table-row} .popuptitle{float:left; font-size: 20px; font-weight: bold; color: white; padding:10px} .titlelabel{font-size: 22px; color:#555; margin-left:10px; font-weight: bold} .positionrelative{position:relative !important;} .positionabsolute{position:absolute !important;} .container{min-height:600px; min-width: 100%; width:100%;} .shortcutadd{position:fixed; z-index:1; cursor:pointer; bottom:10px; left:20px; opacity: 0.9; background-color: #0088CC; background-size: contain; border-radius:50px; box-shadow: 0px 0px 10px 1px lightgray;} .shortcutaddicon{position:relative; background: transparent url("../images/addwhite.svg") no-repeat center center; width: 32px; height: 32px; margin: 10px; background-size: contain;} .shortcutadd:hover {cursor:pointer; opacity: 0.6;} .shortcutaddenabled .shortcutaddicon{transform: rotate(405deg); transition: all 0.3s ease-in-out 0s;} .shortcutadddisabled .shortcutaddicon{transform: rotate(360deg); transition: all 0.3s ease-in-out 0s;} .shortcutaddmenu{position: absolute; z-index: 401; color: white; display:table;} .shortcutaddmenu .optionmenu{background-color: #0088CC; border-radius: 5px 5px 5px 5px; cursor: pointer; margin: 5px 0px; font-size: 14px; width: 194px; padding: 0 5px;} .shortcutaddmenu .optionmenu table{height:40px} .shortcutaddmenu .optionmenu:hover{margin-left: 5px; transition-duration:0.3s; opacity: 0.8} .shortcutaddmenu .optionmenu td{padding: 3px 5px !important;} .shortcutaddmenu .label{font-size:15px;} .priceinfolinemenu{position: absolute; z-index: 401; color: #0088CC; display:table;} .priceinfolinemenu .optionmenu{background-color: white; border-radius: 5px 5px 5px 5px; cursor: pointer; margin: 5px 0px; font-size: 14px; width: 130px; padding: 0 5px;} .priceinfolinemenu .optionmenu table{height:32px} .priceinfolinemenu .optionmenu:hover{margin-left: 5px; transition-duration:0.3s; opacity: 0.8} .priceinfolinemenu .optionmenu td{padding: 3px 5px !important;} .priceinfolinemenu .label{font-size:13px;} .priceinfomove .label{color: #999} .grayarrowup{opacity:0.3; background: transparent url('../images/customfieldarrowup.png') no-repeat top center; width: 16px;height: 13px;} .grayarrowdown{opacity:0.3; background: transparent url('../images/customfieldarrowdown.png') no-repeat bottom center; width: 16px;height: 13px;} .helpiconh{background: transparent url("../images/helpicon-h.png") no-repeat center center;} .helpicon{position:fixed; z-index:1000; bottom:5px; left:10px; opacity: 0.7; background: transparent url("../images/helpicon.png") no-repeat center center; width: 40px; height: 40px; background-size: contain; border-radius:50px; box-shadow: 0px 0px 10px 1px gray} .helpicon:hover {cursor:pointer; background: transparent url("../images/helpicon-h.png") no-repeat center center; background-size:contain;} .footer {width: 100%; padding:20px 0 50px; color: white; background-color: #222; min-width:400px; position: absolute; bottom: 0} .footertitle{margin-top: 30px; padding: 7px 5px; min-width: 300px; font-size: 15px; font-weight: bold} .footeritem{opacity: 0.7; cursor:pointer; padding: 7px 5px; min-width: 300px} .footeritem:hover{opacity: 1; text-decoration: underline} .applestore{opacity:0.8; background: transparent url("../images/applestore.png") no-repeat center center; width: 200px; height: 70px; background-size: contain; cursor: pointer} .applestore:hover{opacity:1} .googleplay{opacity:0.8; background: transparent url("../images/googleplay.png") no-repeat center center; width: 200px; height: 70px; background-size: contain; cursor: pointer} .googleplay:hover{opacity:1} .transformnone{transform:none !important} .underlineeffect:hover{cursor:pointer; text-decoration: underline} .opacityeffect{cursor:pointer;} .opacityeffect:hover{opacity: 0.7;} .blueopacityeffect:hover{opacity: 0.7; cursor:pointer; color:#0088CC !important} .hideeffect{transform:scale(0); transition-duration:0.5s;} .displayeffect{transform:scale(1); transition-duration:0.5s;} .rotateeffect{transform:rotate(180deg); transition-duration:0.5s;} .slowdisplayeffect{transform:scale(1); transition-duration:1s;} .minimizevideoeffect{left:auto !important; right:0px !important; width:270px; height:180px; transition: top 0.5s, right 0.5s;} .minimizevideoeffect .popup{width:270px !important; margin-left: -135px !important;} .restorevideoeffect{transition: top 0.5s, right 0.5s;} .supportactionbutton{float: right; font-size: 14px; margin-right: 38px !important;} .sendcommunicationbutton{float: right; font-size: 14px; margin-right: 20px !important;} .communicationdraftbutton{margin: 20px 20px 0px !important;} .communicationpreviewbutton{float: left;margin-left: 20px; cursor: pointer} .hoverblue:hover {color:#0088CC} .hoverwhite:hover {color:white} .languages{font-size: 12px; float: left; margin-top: 10px; margin-bottom: 20px} .languagesitem{float:left; margin-left: 10px;} .languagechoiceinform{float:left; margin: 10px 20px 0px} .languagechoiceinform .socialmediabubble{color:#99CC00; border-color: #99CC00; font-size:14px; width:28px; height:28px} .layoutleft{max-width: 120px; vertical-align: top} .layoutright{vertical-align: top;} .pagetitlepanel{margin: 20px 10px 5px 30px;} .pagecontentpanel{clear:both; margin: 0 60px 10px 25px} .clientcrossmenu{background-color: transparent !important; background-image: none !important; border-radius: 50px !important; border: 2px solid #AAA !important; padding: 5px 15px !important; margin: 0 5px !important;} .clientcrossmenu:hover{background-color: #FFFFFF !important} .clientcrossmenu .arrowdown{border: solid #AAA; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg);} .crossmenuicon{float:left; background: transparent url("../images/smallgraymenu.svg") no-repeat left center; height: 16px; width: 30px; background-size:contain; opacity:0.6} .clientcrossmenupanel {float: right;} .clientcrossmenupanel .dropdown-content {position: absolute; background-color: #555; opacity:0.9; width: 180px; z-index: 1; border: 2px solid transparent; border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.3); } .clientcrossmenupanel .option{text-align: left; padding: 10px; color: #FFF;font-size: 14px; cursor: pointer;} .clientcrossmenupanel .option:hover{background-color: #666666DD; color: #FFFFFF} .pageactionbutton{margin: -2px 2px 0 !important; margin-left: 10px !important; float: right; background-image: none !important; background-color: #99CC00 !important; border: 2px solid #99CC00 !important; padding:7px 25px !important; border-radius: 50px !important;} .pageactionbutton:hover{opacity: 0.8 !important} .pageactionbutton label{font-size: 15px; font-weight: bold} .pageactionbuttonwhite{float: right; margin: 0 5px !important; background-image: none !important; background-color: transparent !important; color:#888 !important; border: 2px solid #AAA !important; padding: 5px 20px !important; border-radius: 50px !important} .pageactionbuttonwhite:hover{background-color: #FFFFFF !important} .pageactionbuttonwhite label{font-size: 14px} .button-options{margin: -2px 2px 0 !important; margin-left: 10px !important; float: right; background-image: none !important; background-color: #99CC00 !important; border: 2px solid #99CC00 !important; padding:0px !important; border-radius: 50px !important;} .button-options label{font-size: 15px} .button-options button{background: transparent; border: 0px !important; color: #FFF; font-weight: bold; padding: 0; padding-left:10px;} .button-options button:hover{opacity:0.8} .button-options td{padding: 7px 10px;} .button-options .dropdown {position: absolute;display: inline-block; margin-top:10px; margin-left: -100px;} .button-options .dropdown-content {position: absolute; background-color: #555; opacity:0.9; width: 180px; z-index: 1; border-radius: 5px; border: 2px solid transparent; box-shadow: 0 2px 4px rgba(0,0,0,0.3); } .button-options .arrowdown {border: solid #FFF; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg);} .button-options .option{text-align: left; padding: 10px; color: #FFF;font-size: 14px; cursor: pointer;} .button-options .option:hover{background-color: #666666DD; color: #FFFFFF} .purchasemenu{margin: auto; background: transparent url("../images/purchasemenu.png") no-repeat center center; height: 24px; width: 24px; background-size: contain !important} .stockmodificationsmenu{margin: auto; background: transparent url("../images/stockmodifications.png") no-repeat center center; height: 20px; width: 20px; background-size: contain !important} .salerecurringmenu{margin: auto; background: transparent url("../images/salerecurring.png") no-repeat center center; height: 24px; width: 24px; background-size: contain !important} .creditnotemenu{margin: auto; background: transparent url("../images/sale.png") no-repeat center center; height: 24px; width: 24px; background-size: contain !important; opacity:0.6;} .noresultsblock{border: 2px dashed #CCC; padding: 50px 0px; margin: 60px 0px; color:#AAA; text-align:center; font-size:16px; background-color:#FFF} .nopaymentsblock{margin: 0 0 20px !important; font-size: 14px !important; padding: 25px 0;} .noconversationblock{margin: 0 !important; padding: 100px 0px; color: #AAA; border: 3px dashed #CCC; font-size: 14px !important;} .results{width: 100%; margin-top:-40px;} .resultspayment{width: 100%} .pendingresultline{color: rgb(230, 38, 38) !important} .automaticconversationline{color: gray !important} .resultlinenoaction{cursor:default !important; opacity:1 !important} .tablenoaction tr{cursor:default !important;} .resultlinedisable{cursor:default !important;} .resultlinedisable td{color: #e74c4c !important} .bigresultsline .resultsline td{padding-top: 10px !important; padding-bottom: 10px !important} .resultsline td{padding: 5px; word-break: break-word;} .smalltable td{font-size: 11px !important;} .conv-badge{display:inline-block;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap;} .conv-badge-outgoing{background-color:#FFF3CD;color:#7D5A00;} .conv-badge-done{background-color:#D4EDDA;color:#155724;} .conv-badge-sending{background-color:#E9ECEF;color:#555;} .conv-badge-bounced{background-color:#F8D7DA;color:#721C24;} .conv-badge-sent{background-color:#0088CC20;color:#0088CC;} .conv-badge-unknown{background-color:#E9ECEF;color:#555;} .email-stats-card{border-radius:8px;overflow:hidden;border:1px solid #ebebeb;background:white;} .email-stats-row{display:flex;align-items:center;padding:20px 16px;background:white;} .email-stats-row-border{border-bottom:1px solid #f0f0f0;} .conv-badge.email-stats-badge{font-size:14px;padding:6px 16px;border-radius:20px;} .email-stats-spacer{flex:1;} .email-stats-no-data{text-align:center;padding:30px 0;color:#aaa;font-size:14px;} .email-stats-value-large{width:80px;text-align:right;font-size:16px;font-weight:700;flex-shrink:0;} .email-stats-value-large-total{font-size:24px;} .email-stats-value-sending{color:#555;} .email-stats-value-sent{color:#0088CC;} .email-stats-value-done{color:#155724;} .email-stats-value-bounced{color:#721C24;} .email-stats-info-note{display:flex;align-items:flex-start;margin-top:10px;padding:9px 12px;border-radius:6px;font-size:13px;color:#999;line-height:1.5;} .email-stats-info-icon{width:20px;height:20px;flex-shrink:0;margin-top:1px;margin-right:8px;opacity:0.45;background:transparent url('../images/infotransparent.png') no-repeat center center;background-size:contain;} .email-stats-conclusion{border-radius:8px;padding:14px 16px;margin-top:14px;font-size:13px;line-height:1.7;} .email-stats-conclusion-great{background:#eafaf1;color:#1a7a40;} .email-stats-conclusion-good{background:#fef9e7;color:#7d6608;} .email-stats-conclusion-warning{background:#fef5e7;color:#9c640c;} .email-stats-conclusion-bad{background:#fdedec;color:#c0392b;} .email-stats-value-tooltip{position:relative;cursor:help;} .email-stats-value-tooltip::before{content:attr(data-tooltip);display:none;position:absolute;bottom:130%;left:50%;transform:translateX(-50%);background:#555;color:#FFF;padding:7px 10px;border-radius:4px;font-size:14px;line-height:1.5;white-space:nowrap;z-index:1000;pointer-events:none;} .email-stats-value-tooltip:hover::before{display:block;} .columnstatus{width:135px;min-width:135px;} .statusbounced{background: transparent url('../images/bounced.png') no-repeat center center;width: 20px;height: 20px; background-size: contain; margin: auto auto;} .statusbouncedsmall{width: 16px;height: 16px;} .statusOKpartial{background: transparent url('../images/ok.png') no-repeat center center;width: 15px;height: 15px; margin: auto auto; opacity:0.4} .statusOK{background: transparent url('../images/ok.png') no-repeat center center;width: 15px;height: 15px; margin: auto auto;} .statusKO{background: transparent url('../images/kosmall.png') no-repeat center center;width: 15px;height: 15px; margin: auto auto;} .statusprospect{background: transparent url('../images/statusprospect.png') no-repeat center center;width: 15px;height: 15px; margin: auto auto;} .statuswithfutureinstallments{background: transparent url('../images/clock.png') no-repeat center center;width: 15px;height: 15px; margin: auto auto;} .statusquotediscard{background: transparent url('../images/quotediscard.png') no-repeat center center;width: 16px;height: 16px;margin: auto auto; } .statusdraft{background: transparent url('../images/quotedraft.png') no-repeat center center;width: 16px;height: 16px;margin: auto auto; } .statusquotegenerated{background: transparent url('../images/quotegenerated.png') no-repeat center center;width: 16px;height: 16px;margin: auto auto; } .deliveryattachedtosale{background: transparent url('../images/quotegenerated.png') no-repeat center center;width: 16px;height: 16px;margin: auto auto;} .deliveryattachedtoorder{background: transparent url('../images/quotegenerated.png') no-repeat center center;width: 16px;height: 16px;margin: auto auto; opacity:0.7} .deliveryattachedtodraft{background: transparent url('../images/quotegenerated.png') no-repeat center center;width: 16px;height: 16px;margin: auto auto; opacity:0.3} .statussent{background: transparent url('../images/paymentrequeston.png') no-repeat center center;width: 16px;height: 16px;margin: auto auto; } .statuspurchased{background: transparent url('../images/purchased.png') no-repeat center center;width: 16px; height: 16px; background-size: contain; margin: auto auto; } .statusbeingprepared{background: transparent url('../images/purchasemenu.png') no-repeat center center;width: 20px; height: 20px; background-size: contain; opacity:0.8; margin: auto auto; } .prodsertable{background: transparent url('../images/prodsertable.png') no-repeat center center;width: 20px; height: 20px; background-size: contain; margin: auto;} .addresstable{border-collapse: collapse; line-height: 1.5; margin: 2px 0 2px -10px;} .addresstable td{padding: 0 5px;} .titleclienttable{border-collapse: collapse; line-height: 1.5;} .titleclienttable td{padding:0} .titleclienttable .title td{padding:0; color:#AAA; font-size:12px; font-style: italic;} .titleclienttable .clientitem{float:left; margin: 2px 10px 0 0;} .titleclienttable .tagitem{float:left; color: rgb(85, 85, 85); font-size: 10px; margin: 2px; padding: 2px 10px; border-radius: 5px; cursor: pointer;} .phoneicon{background: transparent url('../images/phoneicon.png') no-repeat center center; height: 24px; width: 24px; background-size: contain !important;opacity: 0.5; margin: auto;} .addressicon{background: transparent url('../images/addressicon.png') no-repeat center center; height: 24px; width: 24px; background-size: contain !important;opacity: 0.5; margin: auto;} .statuscheckbox{cursor: pointer; margin-right: 20px ! important; min-width:18px;} .wordbreakall{word-break: break-all !important} .table100 {border-spacing: 0px; min-width: 100%; min-height: 100%; height: 100%; width:100%; border-collapse:collapse;} .tablecollapse{border-collapse:collapse; border-spacing: 0px;} .width95 {width: 95%} .width90 {width: 90%} .width80 {width: 80%} .width50 {width: 50%} .width75 {width: 75%} .width70 {width: 70%} .width30 {width: 30%} .width20 {width: 20%} .width25 {width: 25%} .width65 {width: 65%} .width35 {width: 35%} .width55 {width: 55%} .width45 {width: 45%} .width60 {width: 60%} .width40 {width: 40%} .width100{width: 100%} .popupheader{box-shadow: 0 5px 20px -2px gray; border-spacing: 0px;width: 100%; position: relative; min-height: 55px; background-color: #99CC00;} .popup{margin-bottom:50px; border-radius: 5px; border-width: 0px; border-style: solid; position: relative; z-index: 1; width: 800px; background-color: #FFFFFF; margin-left: -400px; box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);} .popupwidthtransition{transition: width 1.5s;} .verybigpopup{width:1000px; margin-left: -500px !important;} .mediumpopup{width:540px;margin-left: -270px !important; } .smallpopup{width: 400px; margin-left: -200px !important;} .popuponecolumnsmaincontent{width: 490px; margin: auto auto} .popupsalemakecontent{min-width: 520px; width: 520px; margin:auto;} .notags{height: 25px} .tagdiv{cursor: pointer; display: table-cell; float: left; height: 30px; background-color: lightgray; border-top-left-radius: 20px; border-top-right-radius: 5px;} .tagdiv:hover{background-color: gray;} .tagdiv:hover div { color: #FFFFFF;} .tagdivselected{cursor: pointer; display: table-cell; float: left; height: 30px; background-color: #0088cc; border-top-left-radius: 20px; border-top-right-radius: 5px;} .tagitemtext{font-size: 14px; text-align: center; margin: 6px 20px 0 20px; color: #444} .tagitemtextselected{font-size: 14px; text-align: center; margin: 6px 20px 0 20px; color: #FFFFFF;} .popupoption{width:155px; margin-left: -100px; color:white; background-color:#0088CC; border-top-right-radius:10px; border-bottom-right-radius:10px; cursor:pointer; margin-bottom:5px; opacity: 0.7; transition: margin 0.5s;} /* width : image: 45 + label:80 + image-marging: 20 + label-margin: 10 */ .popupoption:hover{margin-left:0; opacity:1} .popupoptionlabel{width:90px; padding: 7px 0; opacity: 0; font-size: 17px; margin-left:10px; transition: opacity 1s;} .popupoptionlabel span{font-size:11px} .popupoption:hover .popupoptionlabel{opacity:1} .popuptransitiontobig{animation: fadein 3.5s;} @keyframes fadein {from {opacity: 0;} to{opacity: 1;}} .deliveryfooteroption{float:left; font-size: 12px; padding: 5px 10px; background-color: rgb(0, 136, 204); color: white; border-radius: 5px 5px 5px 5px; opacity: 0.7; margin: 0 10px 10px 0; cursor: pointer;} .deliveryfooteroption:hover{opacity:1} .deliverypopupoption{background: transparent url("../images/deliverypopuptag.png") no-repeat center center; width: 40px;height: 40px; background-size:contain; margin: 10px 5px 10px 0px;} .linkpopupoption{background: transparent url("../images/linkpopuptag.png") no-repeat center center; width: 35px; height: 35px; background-size:contain; margin: 10px 5px 10px 0px;} .expenseoptionmultiple{background: transparent url('../images/expenseoptionmultiple.png') no-repeat center center;width: 40px;height: 40px; background-size: contain; margin: 10px 5px 10px 0px;} .expenseoptionone{background: transparent url('../images/expenseoptionone.png') no-repeat center center; width: 40px;height: 40px; background-size: contain; margin: 10px 5px 10px 0px;} .messageblocsignin{display:block; position: relative; width:90%; padding: 10px; margin:auto;} .messagediv{position: fixed; z-index: 200;margin-top: 105px;width: 100%; height: 0px} .messagebloc{border-radius: 3px; width: 600px; margin:-20px auto; font-size: 13px; padding: 5px;} .messagebloc div{padding: 3px 3px 3px 3px;} .popupmessagebloc{display:none; z-index: 1000; position: absolute; width: 100%; border-radius: 3px; min-height:16px; font-size: 13px; padding: 10px 30px; margin-left:-30px; } .messagelabel{padding: 3px 3px 3px 3px;} .successmessage{display:block; box-shadow: 0 2px 4px rgba(0,0,0,0.3); background-color: rgb(214, 238, 140); color: #4E6921; text-align: center; list-style: none} .alertmessage{display:block; box-shadow: 0 2px 4px rgba(0,0,0,0.3); background-color: rgb(214, 238, 140); color: #4E6921; text-align: center; list-style: none} .errormessage{display:block; box-shadow: 0 2px 4px rgba(0,0,0,0.3); background-color: rgb(247, 206, 206); text-align: center; color: rgb(206, 76, 76); } .messageitem{list-style: none; white-space: pre-line; padding-right: 20px} #messageField .closepopupbuttonsmall{margin:0 !important; position: relative; top:-25px;} #messageField_popup .closepopupbuttonsmall{margin:0 !important; position: absolute; top:10px; right: 5px} #messageField_simplePopup .closepopupbuttonsmall{margin:0 !important; position: absolute; top:10px; right: 5px} .erroralert{float:none !important; padding: 7px 10px; font-size: 12px; text-align: left; background-color: rgb(247, 206, 206); color: rgb(206, 76, 76); } .tagformitem{float: right; margin: 3px 5px; border-radius: 5px; font-size: 11px; opacity: 0.8; font-weight: bold;} .tagcelltext{display: table-cell; padding: 5px 10px; cursor: default;} .tagcelldelete{display: table-cell; padding: 5px; vertical-align:middle;} .tagaddbutton{margin: 5px 30px 5px 5px; border: 2px #CCC solid; border-radius:20px; width: 16px; height: 16px; color: #CCC; font-size: 14px; text-align: center;} .tagaddbuttonsearchform{border: 1px solid #0088CC; color: #0088CC; background-color: #FFF} .externalbusinesslink{color:#99CC00 !important; margin-left: 10px !important; font-size: 14px !important; margin-bottom:10px} .addlinkaction{background: transparent url('../images/addlink.png') no-repeat center center;width: 24px; height: 24px;} .linkicon{background: transparent url('../images/addlink.png') no-repeat center center; width: 20px; height: 20px; background-size:contain} .downloadicon{background: transparent url(../images/downloadicon.svg) no-repeat center center; width: 22px; height: 22px; opacity:0.3; margin-left: 5px; background-size:contain} .downloadicon:hover{opacity:0.8;} .duplicateaction{background: transparent url('../images/duplicateicon.png') no-repeat center center;width: 22px; height: 22px; margin: 1px !important; background-size: contain} .supplieraction{background: transparent url('../images/addsupplieraction.png') no-repeat center center;width: 24px; height: 24px;} .suppliertitle{color:#555; font-size: 12px; margin-top: 5px} .supplieralabel{opacity:1; border: 1px solid #0088CC; border-radius: 5px; margin: 5px 0px 0px; padding: 5px 0px; float:left } .clientaction{background: transparent url('../images/addclientaction.png') no-repeat center center;width: 24px; height: 24px;} .deliveryaction{background: transparent url('../images/deliveryactionicon.png') no-repeat center center;width: 24px; height: 24px;} .archiveaction{background: transparent url('../images/archiveicon.svg') no-repeat center center;width: 24px; height: 24px;} .unarchiveaction{background: transparent url('../images/unarchiveicon.svg') no-repeat center center;width: 24px; height: 24px;} .historyaction{background: transparent url('../images/historyactionicon.png') no-repeat center center;width: 24px; height: 24px;} .productstockmodif{background: transparent url('../images/productstocktrack.png') no-repeat center center;width: 24px; height: 24px;} .clientpricelist{background: transparent url('../images/pricelist.png') no-repeat center center; width: 24px; height: 24px; background-size: contain;} .chartaccountselect{background: transparent url('../images/glasses-blue.png') no-repeat center center; width: 24px; height: 24px; background-size: contain;} .productsuppliers{background: transparent url('../images/addsupplieraction.png') no-repeat center center;width: 24px; height: 24px;} .attachedusericon{background: transparent url('../images/addclientaction.png') no-repeat center center;width: 12px; height: 12px; background-size: contain; margin:4.5px; cursor:pointer} .attachedusericon:hover{opacity:0.8} .attachedusersearchicon{background: transparent url('../images/user.png') no-repeat center center;width: 14px; height: 14px; background-size: contain; margin:auto; cursor: default;} .statuslabel{opacity:1 !important; border-radius: 5px; padding: 5px 15px; float:left; margin-left: 15px;} .salediscardlabel{opacity:1 !important; border-radius: 5px; padding: 5px 15px; float:right; clear:both; margin-top: 5px} .suppliertextlink .label{white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; max-width: 300px;} .popupheadertitle{background-color: #99CC00; height: 40px} .explainspopup{background-color: #739704; color: #FFFFFF; border-bottom-left-radius: 20px; margin-top: -1px; margin-right: -1px } .popuptags{background-color: #99CC00; display: table-row;} .nopopuptags{background-color: #99CC00; height: 40px} .popupcontent{ margin-top: -1px;} .panel100{height: 100%; width: 100%;} .popupsimplecontent{height: 100%!important; padding-bottom: 10px;} .popupshadow{box-shadow: 9px 40px 10px 8px rgba(0, 0, 0, 0.3);width: 784px;} .explainpopuptext{position: relative; padding-top: 5px; padding-left: 15px;padding-right: 40px;padding-bottom: 5px;text-align: left; min-height: 30px;font-size: 11px;font-style: italic;} .inputreadonly{background-color: transparent !important} .input{border-radius: 4px; background-color: white; border: 1px solid #CCC; padding: 6px 6px; font-size: 14px; color: #0D2C52;} .inputbigtall{padding: 8px 6px;} .bigselectlistlayout select{font-size: 16px; padding: 8px 5px !important;} .bigselectlistlayout option{margin: 5px;} .inputcheckbox .label{cursor: pointer; color: #555555; font-size: 13px; margin-right:10px} .inputcheckboxdisabled .label{cursor: default; color: gray !important;} .inputcheckboxconversations label{font-style: normal !important;} .textarea{min-height:50px; padding: 0px; height:auto; -webkit-user-modify:read-write-plaintext-only; -moz-user-modify: read-write-plaintext-only; -ms-user-modify: read-write-plaintext-only; user-modify: read-write-plaintext-only; word-wrap: break-word} .textarea .ql-editor{min-height:50px; padding: 6px} .checkboxko{cursor: pointer; border-radius:5px; background: white url('../images/checkboxko.png') no-repeat center center; width: 20px; height: 20px; background-size:contain; margin: 2px 5px 2px 0px} .checkboxko:hover{background-color:#dfff7e;} .checkboxok{cursor: pointer; border-radius:5px; background: white url('../images/checkboxok.png') no-repeat center center; width: 20px; height: 20px; background-size:contain; margin: 2px 5px 2px 0px} .checkboxok:hover{opacity: 0.7} .radioko{cursor: pointer; border-radius:5px; background: white url('../images/radioko.png') no-repeat center center; width: 20px; height: 20px; background-size:contain; margin: 2px 5px 2px 0px} .radioko:hover{background-color:#dfff7e;} .radiook{cursor: pointer; border-radius:5px; background: white url('../images/radiook.png') no-repeat center center; width: 20px; height: 20px; background-size:contain; margin: 2px 5px 2px 0px} .radiook:hover{opacity: 0.7} .inputid, .inputsmall{padding: 3px 4px} .inputid{font-size: 11px;} .inputstock{float:right; padding: 2px 2px; text-align: center; width: 50px; font-size: 16px;} .inputcustomstock{float:right; padding: 4px 2px; text-align: center; width: 50px; font-size: 14px;} .stockmodification{font-weight: bold !important; color:#0088CC} .inputsmall{font-size: 12px;} .inputverysmall{font-size: 11px; padding:2px} .bigalpha .ql-editor{min-height: 100px;} .verybigalpha .ql-editor{min-height: 200px;} .inputtall{padding: 7.5px 6px;} .prodserinputpriceinfoline{padding: 7.5px 6px;} .suggestionverybig .inputbig{padding:11px 8px; font-size: 16px;} .inputverybig{padding:11px 8px; font-size: 16px;} .inputbig{font-size: 16px; padding: 6px 10px;} .inputbigsignup{font-size: 18px; padding: 10px !important; background-color: transparent;} .inputsmallintable{font-size: 10px;width: 95%; resize: none} .inputamount, .inputid{text-align: right; border-radius: 3px;} .inputquantity{text-align: left !important} .inputgraytext{color: #C0C0C0;} .inputsize122{width: 740px; max-width: 740px; min-width: 740px;} .inputsize121{width: 730px; max-width: 730px; min-width: 730px;} .inputsize120{width: 720px; max-width: 720px; min-width: 720px;} .inputsize100{width: 680px; max-width: 680px;} .inputsize90{width: 653px; max-width: 653px;} .inputsize89{width: 643px; max-width: 643px;} .inputsize85{width: 500px; max-width: 500px;} .inputsize80{width: 470px; max-width: 470px;} .inputsize79{width: 467px !important; max-width: 467px !important;} .inputsize78{width: 460px !important; max-width: 460px !important;} .inputsize77{width: 450px !important; max-width: 450px !important;} .inputsize76{width: 440px !important; max-width: 440px !important;} .inputsize75{width: 435px; max-width: 435px;} .inputsize74{width: 425px; max-width: 425px;} .inputsize70{width: 417px; max-width: 417px;} .inputsize69{width: 407px; max-width: 407px;} .inputsize60{width: 370px; max-width: 370px;} .inputsize57{width: 350px; max-width: 350px;} .inputsize55{width: 340px; max-width: 340px;} .inputsize53{width: 330px; max-width: 330px;} .inputsize51{width: 320px; max-width: 320px;} .inputsize50{width: 315px; max-width: 315px;} .inputsize49{width: 310px; max-width: 310px;} .inputsize48{width: 300px; max-width: 300px;; min-width: 300px;} .inputsize47{width: 290px; max-width: 290px; min-width: 290px;} .inputsize46{width: 285px; max-width: 285px;} .inputsize45{width: 280px; max-width: 280px; min-width: 280px;} .inputsize44{width: 270px; max-width: 270px;} .inputsize43{width: 240px; max-width: 240px;} .inputsize40{width: 220px; max-width: 220px;} .inputsize38{width: 206px; max-width: 206px;} .inputsize37{width: 200px; max-width: 200px;} .selectsize40{width: 234px;} .selectsize35{width: 200px;} .selectsize30{width: 163px; max-width: 163px;} .selectsize25{width: 115px; max-width: 115px;} .selectsize20{width: 90px; max-width: 90px;} .inputsize36{width: 193px; max-width: 193px;} .inputsize35{width: 180px; max-width: 180px;} .inputsize33{width: 170px; max-width: 170px;} .inputsize32{width: 158px; max-width: 158px;} .inputsize30{width: 150px; max-width: 150px;} .inputsize20{width: 100px; max-width: 100px;} .inputsize21{width: 110px; max-width: 110px;} .inputsize22{width: 115px; max-width: 115px;} .inputsize23{width: 125px; max-width: 125px;} .inputsize24{width: 133px; max-width: 133px;} .inputsize25{width: 146px; max-width: 146px;} .inputsize26{width: 150px; max-width: 150px;} .inputsize27{width: 152px; max-width: 152px;} .inputsize19{width: 95px; max-width: 95px;} .inputsize18{width: 90px; max-width: 90px;} .inputsize17{width: 85px; max-width: 85px;} .inputsize15{width: 75px; max-width: 75px;} .inputsize13{width: 65px; max-width: 65px;} .inputsize11{width: 55px; max-width: 55px;} .inputsize10{width: 50px; max-width: 50px;} .inputsize9{width: 40px; max-width: 40px;} .inputsize8{width: 36px; max-width: 36px;} .inputsize5{width: 25px; max-width: 25px;} .inputsize1{width: 30px; max-width: 30px;} .inputsizewidth100{width: 100%; min-width: 250px;} .inputphonecode{text-align:right; width: 75px; max-width: 75px;} .alpha{clear: both;} .label{float:left;} .searchmotorlabel{color:#0D2C52; font-size: 11px; margin-top: 2px; margin-bottom: 5px;} .inputdate{width: 70px} .inputerror{background-color: rgb(247, 206, 206); border-color: rgb(230, 38, 38);} .inputdisabled{background: #FAFAFA; cursor: default} .inputicon{display:table-cell; vertical-align:middle; cursor: default; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0; border-right: 0; min-width: 40px; max-width: 40px; width: 40px;} .inputicontext{line-height:1; text-align: center; font-size: 13px; font-weight: bold; color: #555; opacity: 0.8} .inputiconsmall .inputicon{min-width: 30px; max-width: 30px; width: 30px;} .barcodeicon{background: transparent url("../images/barcode.png") no-repeat center center; height: 30px; width: 24px; opacity:0.6; background-size: contain;} .inputiconclickable{cursor: pointer;} .inputwithicon{border-bottom-left-radius: 0; border-top-left-radius: 0; padding-top: 7px; padding-bottom: 7px;} .inputicondate{background: transparent url("../images/date-field.png") no-repeat center center; height: 20px; width: 20px; margin: auto; position: relative; top: -1px; opacity: 0.8} .inputiconclient{background: transparent url("../images/client.png") no-repeat center center; height: 20px; width: 20px; background-size:contain; margin: auto; opacity:0.8} .inputiconpassword{background: transparent url("../images/password-field.png") no-repeat center center; height: 15px; width: 15px; margin: auto;} .inputiconemail{background: transparent url("../images/email-field.png") no-repeat center center; height: 15px; width: 15px; margin: auto;} .inputpasswordshow{clear:both; float:right; color:#0088CC; opacity:0.7; font-size:12px; cursor:pointer; margin:2px 5px 0px;} .inputpasswordshow:hover{opacity:1; text-decoration:underline} .passwordEditMessagesPanel{color: #AAAAAA; clear:both;} .passwordEditMessagesPanel .td{padding:5px; vertical-align:middle; text-align: center;} .passwordEditMessagesPanel div{font-size:12px;} .passwordEditMessagesPanel .wrong{color: rgb(230, 38, 38); opacity: 0.7} .passwordEditMessagesPanel .ok{color: #AAAAAA;} .checkmarkicon{background: transparent url("../images/checkmark.png") no-repeat center center; height: 15px; width: 15px;} .inputcenter{text-align: center !important} .padding5{padding: 5px} .padding10{padding: 10px} .inputwithvalue{color:#0D2C52;} .inputwithvalue.inputdisabled {color: gray !important;} .inputfocus{border: 1px solid #0088cc !important; outline: 0; -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);} .smallcolmunnrightid{margin-left: 214px; float:left; margin-bottom: 3px;} .columnleft{clear: both; float:left; margin-bottom: 3px; margin-left: 50px} .lineform{clear: both; float:left; margin-bottom: 3px; width: 91%} .lineform100{clear: both; float:left; margin-bottom: 3px; width: 100%} .lineexpenseform{clear: both; float:left; margin-bottom: 3px; width: 100%} .linesaleform{clear: both; float:left; margin-bottom: 3px; margin-right: 20px} .saleenmasseclientlist{font-size:16px !important;} .smallcolumnleft{clear: both; float:left; margin-bottom: 3px; margin-left: 30px;} .verysmallcolumnleft{clear: both; float:left; margin-bottom: 3px; margin-left: 15px;} .columnleftcustomfieldlistconfig{margin-left: 182px;} .columnleftcustomfieldlistvaluesconfig{margin-left: 82px;} .installmentspanelline{clear: both; float:left; width: 93%;} .installmentspanelline .inputtitleradio{margin: 10px 0px} .installmentspanelline .note{margin: 10px 0px} .installmentspanellineright{float: right; margin-right: 35px; width: auto;color: #0088cc !important} .installmentsperiodicalpanel{float: left; width: 100%; padding: 10px;} .installmentscustomitem{float: left; margin: 5px 10px 0px 0px;} .installmentscustompanel{min-width: 395px; width: 395px;} .instalmentsstopcreationbutton{border: 1px solid #0088CC; background-color: white; padding: 10px 15px; border-radius:5px; max-width: 400px; text-align: center; margin: auto;} .instalmentsstopcreationbutton:hover{opacity:0.7} .installmentinputtitle .label{color: #0D2C52; font-size: 13px} .installmentinputtitle .label span{font-size: 11px} .installmentinputtitle .inputtitle{color: #0D2C52; font-size: 13px} .breaker{clear: both; height: 7px;} .smallbreaker{clear: both; height: 3px;} .verybigbreaker{clear: both; height: 20px;} .clearboth{clear: both;} .nextinput{margin-left: 7px; float: left;} .nextinputsmall{margin-left: 3px; float: left;} .line{clear: both; margin-bottom: 3px; margin-left: 50px;} .salenotepanel{border: 1px solid #99CC00; padding: 20px; background-color: #FAFAFA; margin: 10px 0;} .salenotepanel .label{color:#AAA; font-size: 13px; margin-left: 5px} .note{color: gray; font-size: 11px; white-space: pre-line;} .note span{ white-space: nowrap} .note .infonote{margin-left: 0px !important} .ordernote{color:#AAA; font-size:13px;} .smalllabel{color: #0D2C52; font-size: 11px; white-space: pre-line; padding: 5px;} .graycolor{color:gray} .inputtextfloattitle{font-size: 18px; position: absolute; margin: 9px 11px; color: #C0C0C0; z-index:-1;} .inputtitle{color: #0D2C52; font-size: 11px; padding-right: 8px;} .inputtitledisabled{color: gray !important; cursor: default} .inputtitlelimited{width:100px; padding-right: 0;} .inputtitlelimitedplus{width:130px !important; padding-right: 0;} .inputrightalign{text-align: right; padding-right: 8px; width: 92px;} .inputtitleradio{width:100px; color: #0D2C52; font-size: 11px; float: left;} .inputtitlelinebreak{width: 100% !important; float:none !important;} .inputoptional{border-style: dashed} .blocperso{ border-bottom-left-radius: 20px;vertical-align: top; height: 100%} .blocpersowaitpanel{width: 350px; height: 300px; display: table-cell; vertical-align: middle} .blocstandard{vertical-align: middle; padding-left: 30px;} .blocpayments{vertical-align: top;} .blocinvoices{vertical-align: top; margin-top:20px} .globalinvoicetable .label{float:none !important} .blocpersotitre{margin-top: 15px; color: #0D2C52; font-size: 14px; height: 30px;} .infonote{float: left; opacity:0.6; margin: 0 5px; width: 16px; height: 16px; background: transparent url("../images/info.png") no-repeat left center; } .popupinfo{clear:both; float: left; opacity: 0.5; background: transparent url("../images/infotransparent.png") no-repeat center center; background-size: contain; width:24px; height:24px; margin: auto;} .info{background: transparent url("../images/infotransparent.png") no-repeat center center; background-size: contain; width:20px; height:20px; margin: auto;} .infosmall{background: transparent url("../images/infotransparent.png") no-repeat center center; background-size: contain; width:16px; height:16px; margin: auto;} .recurring{background: transparent url("../images/recurringicon.png") no-repeat center center; background-size: contain; width:20px; height:20px; margin: auto;} .popupbutton{font-size: 15px; clear:both; float:right; margin: 10px 10px 10px 10px} .selectedbluebutton{background-color: #0088CC !important; background-image: none !important; opacity:0.8} .transparentbluebutton{font-size:13px; color:#0088CC !important; border: 1px solid #0088CC !important; background-image: none !important; background-color: #FFF !important} .transparentbluebutton:hover{opacity:0.6} .transparentgreenbutton{font-size:13px; color:#99CC00 !important;border: 1px solid #99CC00 !important; background-image: none !important; background-color: #FFF !important} .transparentgreenbutton:hover{opacity:0.6} .transparentredbutton{font-size:13px; color:#e74c4c !important; border: 1px solid #e74c4c !important; background-image: none !important; background-color: #FFF !important} .transparentredbutton:hover{opacity:0.6} .transparentgraybutton{font-size:13px; color:gray !important; border: 1px solid gray !important; background-image: none !important; background-color: #FFF !important} .transparentgraybutton:hover{opacity:0.6} .transparentlightgraybutton{font-size:13px; color:#AAA !important; border: 1px solid #AAA !important; background-image: none !important; background-color: #FFF !important} .transparentlightgraybutton:hover{opacity:0.6} .redbackgroundeffect:hover{background-color: #e74c4c10 !important; opacity: 0.8} .margin0{margin:0px !important;} .marginauto{margin: auto !important;} .smallscreennumberpanel .lineform100{margin-left: 10px; margin-bottom: 10px} .deliverypanel{margin: 5px 10px 0px; color: #99CC00} .deliverybutton{float: left; margin: 5px; padding: 5px 10px; border: 1px solid #99CC00; border-radius: 5px 5px 5px 5px; cursor: pointer} .deliverybutton:hover{text-decoration: underline} .deliverybutton span{font-size: 12px} .quickstartbutton{color:gray; border: 1.5px solid; font-size:16px; margin:15px 30px; border-radius:50px; cursor:pointer; height: 60px; display:table; width:480px;} .quickstartbutton:hover{color:white; background-color:#0088CC; opacity:0.8} .quickstartbutton .label{display:table-cell; vertical-align:middle;} .mediumpopupsimple{width: 570px; margin-left: -175px;} .popupsimple{width: 370px; margin-left: -175px;} .popupiframe{background-color: #F0F0F0 !important} .popupiframeintegrations{background-color: #F5F5F5 !important} .closepopupsimple{color: gray !important; margin-left: 94.5% !important;} .persofieldwarningbloc{width: 450px; border: 1px solid #e74c4c; padding: 15px 20px; margin: 0px auto 30px; border-radius: 3px;background-color: #e74c4c11; color: #e74c4c; font-size: 12px;} .persoinputlist{width: 235px;} .persoinput{width: 220px} .persoinputdate{width: 140px} .persoinputtextarea{width: 340px;} .persolinesmall{clear: both; margin-left: 30px;} .persoitemsline{clear: both; float:left; margin-bottom: 3px; width: 100%;} .persoitemsline .inputtitle{color:#AAA;} .persoitemslineright{clear: both; float:right; margin-bottom: 3px; margin-right: 35px;} .persoinfotitre{margin-top: 15px;} .closepopupbutton{opacity: 0.5; float: right; cursor: pointer; position:relative; z-index:1001; background: transparent url("../images/closebutton.png") no-repeat center center; width: 16px; height: 16px; margin-right: 5px; margin-top: 5px} .closepopupbutton:hover{opacity: 1} .closepopupbuttonsmall{opacity: 0.5; cursor: pointer; float:right; background: transparent url("../images/closebuttonsmall.png") no-repeat center center; width: 16px; height: 16px; margin-right: 5px; margin-top: 5px} .closepopupbuttonsmall:hover{opacity: 1} .closepopup{opacity: 1; position: absolute; z-index: 1;font-size: 26px; color: white;margin-left: 97.5%;cursor: pointer;margin-top: -3px;} .closepopup:hover{opacity: 0.5;} .rightarrowicon{background: transparent url("../images/rightarrow.png") no-repeat center center; height:16px; width:16px; margin-right:-2px;} .leftarrowicon{background: transparent url("../images/leftarrow.png") no-repeat center center; height:16px; width:16px; margin-left:-2px;} .reporttablepanel{background-color:#F5F5F5; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 20px 0} .reporttable{width:96%; margin: 0px auto; clear:both} .reporttable .tableactionspanel{margin: 0px 0 10px;} .reporttable .actionbutton{margin-top: 20px} .reportcriteriapanel{border-radius: 10px ; margin: 10px 20px; float: left; clear: both; padding: 20px; width: 90%; background-color:#FFF; box-shadow: rgba(145, 158, 171, 0.2) 0px 3px 1px -2px, rgba(145, 158, 171, 0.14) 0px 2px 2px 0px, rgba(145, 158, 171, 0.12) 0px 1px 5px 0px} .dashboardconfigicon{background: transparent url("../images/configicon.png") no-repeat center center; height:20px; width:20px; background-size:contain; margin-right:5px; opacity:0.5; cursor:pointer;} .dashboardconfigicon:hover{opacity:1} .numberingconfigicon{height:16px; width:16px; margin:0 2px 0 5px;} /* Reports columns */ .columnsmallest{width:40px; min-width:40px;} .columnsmaller{width:60px; min-width:60px;} .columnsmall{width:80px; min-width:80px;} .columnmediumsmall{width:120px; min-width:120px;} .columnmedium{min-width:200px;} .columnlarge{min-width:400px;} .columnamount{width:80px; min-width:80px; white-space: nowrap; padding-right: 10px; text-align: right !important} .columnamountflexwidth{min-width:80px; white-space: nowrap; text-align: right !important} .columnnowrap{min-width:80px; white-space: nowrap;} .columnunit{white-space: nowrap !important; font-size: 10px !important; padding-right:5px !important; padding-left: 0px !important; padding-top: 2px !important} .stockmodificationcolumn{min-width: 127px} .columnleftalign{padding-left: 10px !important; text-align: left !important} .columncenteralign{text-align: center} .columnjustifyalign{text-align: justify} .columnrightalign{padding-right: 10px !important; text-align: right} .smalltable{font-size: 11px} .bigcell{font-size: 16px;} .columnverysmall{width: 120px} .columnsmall{width: 150px} .columnmedium{width: 200px} .columnbig{width: 250px} .columnverybig{width: 350px} .columnnumber{width: 60px; white-space: nowrap;} .columntotal{width: 120px} .columndate{width: 100px; white-space: nowrap;} .columnprodsericon{width: 100px} .columnnewquantity{width: 100px} .columnicon{width: 70px} .columnsmallicon{width: 40px} .columnverysmallicon{width:20px;} .disclosurepanelbutton{font-family: Arial,sans-serif; color:#0088cc; background: none; border: none; font-size: 12px; cursor:pointer; padding:0px;} .searchdisclosurepanelbutton{margin: 5px 0 7px;} .searchdisclosurepanelbutton:hover{text-decoration: underline; opacity: 0.8;} .searchfilterbutton{border:1px solid #0088CC; color: #0088CC; padding:5px 10px; float:left; margin: 5px 5px 0; border-radius: 50px; background-color:#FFF} .addemailbuttonblue{border:1px solid #0088CC; color: #0088CC; padding:5px 10px; float:left; margin: 5px 5px 0 0; border-radius: 50px; background-color:#FFF} .addemailbuttongray{border:1px solid #AAA; color: #AAA; padding:5px 10px; float:left; margin: 5px 5px 0 0; border-radius: 50px; background-color:#FFF} .searchmotorsuggestinput{font-size: 12px; background-color: #FAFAFA; margin-bottom:5px; border: 2px solid #AAA; border-radius: 40px; height: 40px; width:100%} .searchmotorsuggestinput .inputwithvalue{font-style: unset} .searchmotorsuggestinput .displaytable{width: 100%} .searchmotorsuggestinput .inputfocus{border: none !important; box-shadow: none !important; -webkit-box-shadow: none !important} .pagecard .tagformitem{border-radius:20px !important;} .searchfilter{float:left; cursor:pointer; margin:3px 5px; padding: 5px 15px; background-color:#555; color: white; font-size:12px; border-radius: 20px; opacity:0.7;} .inputsearchauto{padding:10px 15px; font-size: 14px; width: 95%; min-width:240px; border-radius: 20px; border: none; background-color:transparent;} .searchiconbutton{cursor:pointer; border-radius: 40px; padding: 5px 7px; background-color: #EEE} .searchiconbutton:hover{background-color:#0088cc15;} .searchicon{background: transparent url("../images/searchdarkgray.svg") no-repeat center center; height: 24px; width: 24px; margin: auto; opacity:0.6} .searchicon:hover{opacity:0.9} .searchtagsicon{background: transparent url("../images/tagdarkgray.svg") no-repeat center center; height: 21px; width: 21px; background-size: contain; margin: auto; opacity:0.6} .searchtagsicon:hover{opacity:0.9} .searchfiltersicon{background: transparent url("../images/filterdarkgray.svg") no-repeat center center; height: 21px; width: 21px; background-size: contain; margin: auto; opacity:0.6} .searchfiltersicon:hover{opacity: 0.9} .quickdatefilterbutton{cursor:pointer; border:1px solid #0088CC; padding:5px 10px; float:left; margin: 5px 5px 5px; border-radius: 50px; background-color:#FFF;} .quickdatefilterbutton .label{font-size:14px; color:#0088CC} .quickdatefilterbutton:hover{opacity:0.5} .quickdatefilterbuttonselected{cursor:pointer; border:1px solid #0088CC; background-color:#0088CC; padding:5px 10px; float:left; margin: 5px 5px 0; border-radius: 50px; opacity:0.8;} .quickdatefilterbuttonselected .label{font-size:14px; color: white} .statusfilterbutton{cursor:pointer; border:1px solid #555; padding:5px 10px; float:left; margin: 5px 5px 0; border-radius: 50px; background-color:#FFF;} .statusfilterbutton .label{font-size:14px; color:#555} .statusfilterbutton:hover{opacity:0.5} .statusfilterbuttonselected{cursor:pointer; border:1px solid #555; background-color:#555; padding:5px 10px; float:left; margin: 5px 5px 0; border-radius: 50px; opacity:0.8;} .statusfilterbuttonselected .label{font-size:14px; color: white} .searchmotorcriterialine{float:left; font-size: 12px; margin-bottom: 5px; width: 100%;} .searchmotorcriterialinenext{margin-right: 5px; width: auto !important} .searchgotoicon{background: white url("../images/searchgotoicon.png") no-repeat right center; width: 20px; height: 16px; position: absolute; cursor:pointer; margin-left:-28px; margin-top: -28px} .closeicongreen{background: transparent url("../images/closeicongreen.png") no-repeat center center; width: 16px; height: 16px; position: absolute; cursor:pointer; opacity:0.6} .closeicongreen:hover{opacity:1} .closeicontax{width: 14px; height: 14px; background-size: contain; margin-left: 4px; margin-top:6px;} .closeiconexpensecategory{margin-left:-24px; margin-top:8px; } .closeiconpaymentmethod{margin-left:-24px; margin-top:6px; } .editicon{cursor:pointer; background: transparent url("../images/editicon.png") no-repeat left center; width: 16px; height: 16px;} .deleteicon{opacity:0.7; cursor:pointer; background: transparent url("../images/deleteicongray.png") no-repeat center center; width: 9px; height: 9px; margin:auto;} .deleteiconblue{cursor:pointer; background: transparent url("../images/deleteiconblue.png") no-repeat left center; width: 9px; height: 9px; background-size:contain} .deleteicon:hover{opacity:1} .tdcheckbox{padding:0 5px !important;} .deleteiconright{float: right;} .deleteiconleft{float: left; margin-right: 5px; padding-left: 0px} .inputnextsearch{margin-left: 20px; float: left;} .suppliericoncenter{margin:auto; background: transparent url('../images/supplier.png') no-repeat left center; width: 16px; height: 16px; background-size: contain} .commenticoncenter{margin:auto; background: transparent url('../images/commentblue.png') no-repeat left center; width: 16px; height: 16px; background-size: contain} .commenticonemptycenter{margin:auto; background: transparent url('../images/commentgray.png') no-repeat left center; width: 16px; height: 16px; background-size: contain} .commenticon{margin-left:5px; float:right; background: transparent url('../images/commentblue.png') no-repeat left center; width: 16px; height: 16px; background-size: contain} .commenticonempty{margin-left:5px; float:right; background: transparent url('../images/commentgray.png') no-repeat left center; width: 16px; height: 16px; background-size: contain} .noteiconcenter{margin:auto; background: transparent url('../images/noteblue.png') no-repeat left center; width: 20px; height: 20px; background-size: contain} .noteiconemptycenter{margin:auto; background: transparent url('../images/notegray.png') no-repeat left center; width: 20px; height: 20px; background-size: contain} .transfertoright{margin:2px; cursor:pointer; float:right; background: transparent url('../images/transfer-right-gray.png') no-repeat left center; width: 16px; height: 16px;} .transfertoleft{margin: 2px; cursor:pointer; background: transparent url('../images/transfer-green.png') no-repeat left center; width: 20px; height: 20px;} .tdtransfertoleftdisable{cursor:auto;} .transfertoleftdisable{margin: 4px; cursor:auto; background: transparent url('../images/transfer-left-gray.png') no-repeat left center; width: 16px; height: 16px; } .tdtransfertoleft:hover div{margin:0px; background: transparent url('../images/transfer-green-big.png') no-repeat left center;width: 24px; height: 24px; } .paymentrequeston{cursor:default; margin:auto; background: transparent url('../images/paymentrequeston.png') no-repeat center center; width: 16px; height: 16px;} .paymentrequestoff{cursor:default; margin:auto; background: transparent url('../images/paymentrequestoff.png') no-repeat center center; width: 16px; height: 16px;} .paymentrequestoncenter{cursor:default; background: transparent url('../images/paymentrequeston.png') no-repeat left center; width: 16px; height: 16px; margin: auto} .paymentrequestoffcenter{cursor:default; background: transparent url('../images/paymentrequestoff.png') no-repeat left center; width: 16px; height: 16px; margin: auto} .tdpaymentrequestaction div{padding: 5px; opacity:0.7; cursor:pointer; float:right; background: transparent url('../images/sendicon.png') no-repeat center center; width: 24px; height: 24px; margin:2px 5px} .tdpaymentrequestaction:hover div{opacity:1;} .paymentrequestpreviewconfigredtext{color:#555;float:none;} .paymentrequestpreviewconfigredtext span{color:rgb(231, 76, 76); cursor: pointer} .paymentrequestpreviewconfigredtext span:hover{text-decoration: underline} .paymentrequestpreviewconfigtext{color:#555;float:none;} .paymentrequestpreviewconfigtext span{color:#0088CC; cursor: pointer} .paymentrequestpreviewconfigtext span:hover{text-decoration: underline} .paymentrequestpreviewconfigpanel{padding:10px 20px; margin:20px; border: 1px solid #0088CC} .custominputsearch{padding: 6px; font-size: 12px; border-radius: 3px;} .custominputsearchinputlist{width: 347px;} .custominputsearchinput{width: 333px;} .custominputsearchinputdate{width: 100px;} .searchdatestable{border-collapse: collapse; max-width: 500px;} .selectsearch{width: 348px; max-width: 348px; padding: 6px 4px; font-size: 12px; border-radius: 3px;} .selectreportform{padding: 4px 4px; font-size: 11px;} .inputradiosearch{margin-top: 3px;} .clearfloatleft{clear: both; float: left} .floatright{float: right !important} .floatleft{float: left !important} .floatnone{float:none !important} .displayinlineblock{display: inline-block;} .linklabelopacity{opacity:0.7 !important} .linklabelopacity:hover{opacity:1 !important} .linklabelgoback{margin-top: 15px; text-decoration: underline} .linklabelsignup{cursor: default;font-size: 12px; color: gray !important; width: 270px;} .linklabelsignup span{color : #99CC00; text-decoration: underline; cursor: pointer;} .linklabelsignupnote{cursor: default; color: #AAA; font-size: 12px; white-space: pre-line; margin-top: 3px; width: 310px;} .linklabelsignupnote span{color : #99CC00; text-decoration: underline; cursor: pointer; font-size: 16px;} .linklabel{color: #0088cc; float: left; margin-left: 5px; margin-right: 5px; cursor: pointer; font-size: 12px;} .linklabel:hover{text-decoration: underline} .linklabelcustomfieldlistconfig{font-size: 10px; float:none!important; margin: 0px !important;} .linklabelbig{font-size: 14px !important;} .linkdialogboxconfirmationlayout{display: inline-block;} .linkdialogboxconfirmation{font-size: 16px; padding-bottom: 15px;} .labelwithicon .labellink:hover{opacity:0.7} .signinlink{text-decoration: underline !important; color:#C0C0C0 !important} .signinlink:hover{color:#0088CC} .noactionlink{cursor:default !important; text-decoration: none !important; opacity: 1 !important} /* suggestion box */ .gwt-SuggestBoxPopup{margin-left: 3px; z-index: 310} .gwt-SuggestBoxPopup .suggestPopupTop{display:none !important;} .gwt-SuggestBoxPopup .suggestPopupBottom{display:none !important;} .gwt-SuggestBoxPopup .suggestPopupMiddleLeft{display: none !important;} .gwt-SuggestBoxPopup table{width: 100%; border-collapse: collapse;} /*.gwt-SuggestBoxPopup .suggestPopupMiddleCenter{width: 435px !important;}*/ .gwt-SuggestBoxPopup .suggestPopupMiddleRight{display: none !important;} .gwt-SuggestBoxPopup .suggestPopupMiddleCenterInner{border: 2px solid #0088CC !important; background-color: #FFF !important} /*.gwt-SuggestBoxPopup .suggestPopupMiddleCenterInner div table{width: 435px !important}*/ .gwt-SuggestBoxPopup .suggestPopupMiddleCenterInner div table .item2{padding: 3px 3px 3px 0px;} .gwt-SuggestBoxPopup .item{color: #0D2C52 !important; font-size: 12px !important; cursor: pointer !important; padding:0px !important; border-top: 1px solid #E0E0E0;} .gwt-SuggestBoxPopup .item .suggestion{padding: 4px 6px !important;} .gwt-SuggestBoxPopup .item label{cursor: pointer !important;} .gwt-SuggestBoxPopup .item2{color: #0D2C52 !important; font-size: 10px !important;} .gwt-SuggestBoxPopup .item-selected{background: #99CC0015 !important;} .gwt-SuggestBoxPopup .suggestionpicto{width:30px; opacity: 0.4; padding: 10px !important} .gwt-SuggestBoxPopup .customActionItem{color: #AAA !important;} .gwt-SuggestBoxPopup .typemoreitem{padding: 10px !important; color: #AAA !important; font-size:small; background-color: #99CC0015;} .gwt-SuggestBoxPopup .suggestrichtext{padding:2px 4px; color:white; background-color: #AAA; opacity: 0.7; border-radius: 2px; margin-right: 2px;} .simplesuggestion .suggestPopupContent{overflow-y: auto !important; max-height: 192px !important;} .simplesuggestion .suggestPopupMiddleCenterInner{border: 1px solid lightgray !important; background-color: white !important} .simplesuggestion .item{color: gray !important; font-size: 12px !important; cursor: pointer !important; padding:5px !important; border-top: 1px solid #E0E0E0;} /* Date picker */ .popupContent{position: relative} .dateBoxPopup{z-index: 310; overflow: auto !important} .datePickerDayIsFiller {color:#BBB !important} .datePickerDay { padding: 7px 12px !important; color: #555} .datePickerDay, .datePickerWeekdayLabel, .datePickerWeekendLabel { background: white !important;font-size: 120% !important;} .datePickerDayIsWeekend { background: #E0E0E0 !important;} .datePickerWeekdayLabel, .datePickerWeekendLabel {color: #99CC00 !important; padding: 10px !important;} td.datePickerMonth, td.datePickerYear { font-size: 150% !important; color: #0088CC !important;} .datePickerPreviousButton, .datePickerNextButton { font-size: 270% !important; color: #0088CC !important;} .datePickerPreviousYearButton, .datePickerNextYearButton { font-size: 300% !important; color: #0088CC !important;} .datePickerMonthSelector { background: white !important;} .datePickerDayIsHighlighted {background: rgb(214, 238, 140) !important;} .datePickerDayIsToday { border: 0px solid #99CC00 !important; background-color: #99CC00 !important;} .saleoptioninvoice{background: transparent url('../images/expenseoptionmultiple.png') no-repeat center center;width: 45px;height: 45px; background-size: contain !important; margin: 10px; margin-left:0;} .salemakenotebloc{width: 350px; float: left; border-radius: 5px; border: 1px solid gray !important;} .salemakenotecontent{font-size: 12px;color:gray; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; margin-right: 10px;} .salemakenoteitems{margin-top:5px; font-size: 11px;} .salemakenotevariant{color:#739704; font-weight:bold} .salemakeaddnewline{margin: 0px 20px 0 30px; border: 2px dashed #E0E0E0; padding: 8px; cursor:pointer; height:19px;} .salemakeaddnewline:hover .label{text-decoration: underline} .salemakeaddnewline:hover {background-color:#FAFAFA} .salemakebigquantity{font-size:10px !important;} .salemakequantityinput{padding: 7.5px 2px;} .salemakequantitydiv{width: 60px; max-width:60px;} .salemakeunitylabel{color: #AAA; font-size: 11px; padding: 13px 2px;} .productunitylabel{color: #AAA; font-size: 14px; padding: 7px 0px;} .clientaddpanel{margin-left: -10px; border: 2px dashed #E0E0E0; background-color:#FAFAFA; min-width: 330px; max-width: 350px; padding:15px 10px; cursor: pointer;} .clientaddpanel:hover .label{text-decoration: underline} .clientaddpanel:hover {opacity: 0.7;} .clientselectedpanel{margin-left: -10px; padding: 10px; border: 1px solid lightgray; background-color:#FAFAFA; min-width: 350px; max-width: 350px;} .marginleftauto{margin-left: auto;} .totalpanel{width:95%; max-width:910px !important; margin: auto; display:table; border-collapse: collapse; border: 3px solid #EEE;} .totalpanel div{font-size:16px; float:none !important; white-space: nowrap;} .totalcell{display: table-cell !important; color:#555; text-align: right !important; padding: 10px 10px 5px;} .tablerow{display: table-row;} .totaltaxrow{display: table-row;} .totaltaxrow div{font-size:12px;} .totaltaxrow .totalcell{padding: 5px 10px 0;} .totaltitle{background-color: #F5F5F5; width:80%} .totalcell .label{white-space: nowrap !important} .documentcomment .inputtitle{font-size:12px; color: #AAA !important;} .documentcomment .textarea{border: 2px solid #E0E0E0 !important; border-radius: 3px !important;} .internalnote .inputtitle{font-size:12px; color: #BBB !important;} .internalnote .textarea{border: 2px dashed #E0E0E0 !important; border-radius: 5px !important;} .totalsalepayments{padding: 20px 30px 0px; background-color:#FFF} .salepaymentsdocument{width: 320px; height: 55px; margin: auto; background-color: #FFF; padding: 10px; border-radius: 50px; box-shadow: rgba(145, 158, 171, 0.2) 0px 3px 1px -2px, rgba(145, 158, 171, 0.14) 0px 2px 2px 0px, rgba(145, 158, 171, 0.12) 0px 1px 5px 0px} .salepaymentsactions{margin: 10px auto; width: 132px;} .salepaymentsactions .footerbutton{margin:0px; transform: none !important; } .salepaymentsactions .footerbuttoncontentdiv{padding: 0px 10px !important; border: 0px none !important; background-color: transparent !important; float: left; opacity: 0.8} .salepaymentsactions .footerbuttoncontentdiv:hover{opacity:1; transform: scale(1.1)} .popupfooterbuttonsmallview{max-width: 530px; margin:-30px auto;} .popupfooterbuttonsmallview .footerbutton{float:left;} .expenseforminstallments{float: left; margin: 10px 0px 20px; background-color: #F0F0F0; padding: 30px 0px 30px 11px; min-width: 388px;} .expenseforminstallments .installmentmainpanel{margin-left: 20px} .expenseforminstallments .installmentscustompanel{margin: 0 -5px;} .installmentspopup{float: left; margin: 10px 0px; background-color: #F0F0F0; padding: 10px 0px 20px; min-width: 400px;} .installmentspopup .installmentmainpanel{margin-left: 10px} .installmentspopup .installmentscustompanel{margin-left: 5px;} .creditnoteformpanel{margin: 0 auto 20px; background-color:#FFF; max-width:500px; width:100%;} .salemakeinstallmentformpanel{background-color: #F0F0F0; margin:0 auto 20px; max-width:500px; width:100%;} .instalmentspaymentmethodpanel{background-color: #FFF; margin:0 auto 20px; max-width:500px; width:100%;} .salemakeblock{margin:auto; padding-left:10px; max-width:470px; width:95%} .salemakeproductservicetitle{clear:both; min-width: 275px;padding-bottom: 7px; color: #555; font-size: 14px; text-align: left;} .salemakequantitytitle{min-width: 80px; padding-bottom: 7px; color: #555; font-size: 14px; text-align: center;} .salemakepricetitle{min-width: 135px; padding-bottom: 7px; color: #555; font-size: 14px; text-align: right;} .salemakepricetitle span{font-size:11px} .priceinfocontainer{clear:both; width:100%; max-width:960px; margin-top:10px;} .priceinfoline .priceinfolinetable{display:table; border: 1px solid transparent; border-collapse:collapse; float: left; width: 100%;} .priceinfolinedisabled .priceinfolinecell{background-color:#FAFAFA} .priceinfocontainer .hidepricesinfo .inputamount{color:transparent !important} .priceinfocontainer .hidepricesinfo .salemakequantityinput{color:gray !important} .priceinfocontainer .hidepricesinfo select{color:transparent !important} .priceinfoline .priceinfolinecell{border: 1px solid #E0E0E0; display:table-cell; vertical-align: top; color: gray} .priceinfoline .priceinfolinecell input{border: 2px solid transparent; border-radius: 0px; height:21px} .priceinfoline .priceinfolinecell .textarea{border: 2px solid transparent; border-radius: 0px; resize: none; } .priceinfolinedescription{min-height: 30px !important; max-height: 150px !important;} .priceinfolinedescription .ql-editor{min-height: 45px !important; max-height: 140px !important;} .priceinfoline select{border: 2px solid transparent; border-radius: 0px; height: 39px;} .priceinfoline .priceinfolinecell .inputfocus{-webkit-box-shadow: none; box-shadow:none; border: 2px solid #0088CC !important;} .priceinfoline .priceinfolinecell .taxpercentlabel{margin-top: 8px} .priceinfoline .priceinfolinecell .closeicontax{margin-top:10px; margin-left:10px} .priceinfoline .inputdisabled{background-color: #FAFAFA} .priceinfolineoptions{display:table-cell; width: 30px; opacity: 0.6; vertical-align: middle;} .priceinfolineoptions .div{margin: 7px 10px 0px 0px;} .priceinfolineoptions:hover{opacity:1;} .pricelineoptionsicon{background: transparent url('../images/pricelineoptions.png') no-repeat center; width: 24px; height: 24px; border-radius: 24px; background-size: contain !important; cursor: pointer;} .priceinfolinecelldelete{width:20px; display:table-cell; vertical-align:middle;} .priceinfolineseparator{border-top: 2px solid #99CC00; margin: 20px 0 15px;} .priceinfodescriptionsmall{margin-bottom: 5px; width: 342px;} .pricecontainertitletable{margin-bottom: 3px; display: table; } .pricecontaineraddtitlelink{float:left !important; opacity:0.8; margin-top: 10px; margin-left: 25px; font-size: 12px; color:#BBB; cursor: pointer;} .pricecontaineraddtitlelink:hover{opacity: 1} .pricecontaineraddtitlelink .label{text-decoration:underline;} .pricecontainertitle{display:table-cell; padding: 7px 0px; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; background-color: #F5F5F5;} .priceinfolinetitlesmall{color: #AAA; font-size: 10px; width:100%; padding: 10px 0 5px;} .priceinfolinetitle{color: #AAA; font-size: 13px; width:100%;} .priceinfolinetitle span{font-size:10px} .priceinfotitle{margin-top: 5px;} .priceinfotitle .priceinfotitlecell{opacity: 1 !important; border: 1px solid #E0E0E0 !important;} .priceinfotitle .priceinfolinecell{opacity:0; border: 1px solid transparent;} .priceinfotitle .priceinfolinecell input{cursor: default} .priceinfotitle .priceinfolinecell select{cursor: default;} .priceinfotitlecell input{cursor: text !important; font-weight: bold; padding: 7.5px 6px;} .priceinfotitlesubproduct .salemakequantitydiv{opacity:1 !important; border: 1px solid #E0E0E0 !important;} .priceinfotitlesubproduct .priceinfotitlecell{opacity: 1 !important; border: 1px solid #E0E0E0 !important;} .priceinfotitlesubproduct .priceinfolinecell{opacity:0; border: 1px solid transparent;} .priceinfotitlesubproduct .priceinfolinecell input{cursor: default} .priceinfotitlesubproduct .salemakequantityinput{cursor: text !important;} .priceinfotitlesubproduct .priceinfolinecell select{cursor: default;} .textunderline{text-decoration: underline;} .textitalic{font-style: italic;} .saleclientinputpanel{max-width: 560px; margin: auto; min-width: 250px; width: 95%;} .saleclientinputpanel .displaytable{width:95%} .saleclientinputpanel .searchgotoicon{margin-left: -38px} .salerecipient{margin: 0px 40px -20px; background-color: #FAFAFA; padding: 0px 0px 10px 20px;} .saleexpensepanel{display:table; width:100%;} .saleexpensepanel .label{color: gray !important} .saleexpenselinepanel{display:table-row; border-bottom: 1px solid #E5E5E5} .saleexpensesgotoicon{position: relative; margin: auto 5px;} .deleteiconexpenses{margin:5px} .recipientcollapselink{float:none; color: #AAA; font-size: 13px; cursor: pointer;} .recipientcollapselink:hover .label{opacity: 0.8; text-decoration: underline;} .recipientpanel{line-height: 1.5} .recipientpanel .editicon{margin-left:10px} .contactrecipientpanel{border: 2px solid #EEE; margin: 5px 0; background-color: #FAFAFA; padding: 10px 5px 10px;} .contactrecipienttitle{margin: 0 10px 0; color: gray !important; font-size:14px; float:none;} .contactrecipientpanel:hover{opacity:0.7; cursor:pointer;} .contactrecipientpanel .deleteicon{float:right; margin: -10px 10px 0 0; opacity: 0.5} .discountpriceinfoline .priceinfolinecell{background-color:#FAFAFA !important} .discounttextcell{padding: 10px 8px;} .titleblock{clear: both; color: #0088cc;font-size: 16px; padding-bottom: 10px;} .salemakeproductchoicenpanel .content{padding-left: 5px} .salemakeconfirmationsubpanel{border: 1px solid rgb(163, 168, 182); padding: 10px 10px 10px 10px; margin: 10px 0px 10px 0; float: left; width: 95%;} .saleundefinedinstallmentsnotepanel{border: 1px solid rgb(163, 168, 182); padding: 10px 60px; margin: 10px 0px; float: left; width: 330px; margin-left: 120px;} .salepaymentsbloc{margin: 0 auto; width: 90%; min-width: 350px;} .saleinstallmentsbloc{margin: 0 auto; width: 85%; min-width: 350px;} .salepaymentsbloc .waitservercalliconpanel{padding: 20px 0px !important} .saleinstallmentsbloc .waitservercalliconpanel{padding: 20px 0px !important} .saleinvoicesbloc{margin-left: 30px; margin-right: 30px;} .salespaymentstitre{color: #0088cc; text-align: center; font-size: 16px;} .salespaymentstitre .label{width: 100%} .salespaymentactionbutton{background-color: #FFF;padding: 10px 0;border-radius: 50px;width: 250px;margin: -10px auto 10px; box-shadow: rgba(145, 158, 171, 0.2) 0px 3px 1px -2px, rgba(145, 158, 171, 0.14) 0px 2px 2px 0px, rgba(145, 158, 171, 0.12) 0px 1px 5px 0px} .salenopaymentbloc{height: 180px; display: table; width: 100%; border-radius: 5px; border: dashed 1px gray;} .salenopaymentlabel{display: table-cell;color: gray;vertical-align: middle;text-align: center; float: none; padding: 15px 15px 15px 15px;} .paymentsresumebloc{color: #0D2C52; border: 1px solid #CDD2E2; border-radius: 5px; width: 90%; margin: auto; padding:5px 0px;} .paymentsresumelabel{padding-bottom: 1px; padding-top: 1px; color: #0D2C52; font-size: 11px; clear: both;} .paymentsresumevalue{clear: both; padding-bottom: 1px; padding-top: 1px; color: #0D2C52; font-size: 11px; text-align: right; width: 100%} .paymentsresumevaluetotal{padding-bottom: 1px; padding-top: 1px; color: #0D2C52; font-size: 11px; font-weight: bold; text-align: right; width: 100%} .paymentsresumetable{width: 250px; margin: auto auto;border-spacing: 0px; border-collapse: collapse; } .salepaymentswarning{margin:20px 50px 30px; color:#555; background-color: #f7cece; padding: 15px 20px; border-radius: 5px} .salepaymentswarning span{color:#0088CC; text-decoration: underline; cursor: pointer} .popupsimpleformcontent{margin: 10px 30px 0px 35px;} .popupsimpletitle{clear: both; color: #0088cc; font-size: 26px; margin: 0 30px 0;} .paymentformline{clear: both; float:left; margin-bottom: 3px;} .paymentformlineactionlink{clear: both; margin-right: -20px;} .paymentformlineactionlink .label{width: 90%; text-align: center; font-size: 16px;} .paymentformnote{color: gray; font-size: 11px;} .installmentpasticon{margin:auto; background: transparent url('../images/kosmall.png') no-repeat center center; width: 15px; height: 15px; } .installmentfutureicon{margin:auto; background: transparent url('../images/clock.png') no-repeat center center; width: 15px; height: 15px;} .enablecheckboxicon{background: transparent url('../images/enable-checkbox.png') no-repeat center center; width:22px; height: 22px; background-size: contain !important} .disabledcheckboxicon{background: transparent url('../images/deleteicongray.png') no-repeat center center; width:22px; height: 22px;} .pricestableicon{background: transparent url('../images/pricestable-gray.svg') no-repeat center center; width: 22px; height: 22px; background-size: contain !important} .subproductsicon{background: transparent url('../images/subproducts.svg') no-repeat center center; width: 22px; height: 22px; background-size: contain !important} .excelicon{background: transparent url('../images/excel-gray.png') no-repeat center center; width: 22px; height: 22px; background-size: contain !important} .csvicon{background: transparent url('../images/csv-gray.png') no-repeat center center; width: 22px; height: 22px; background-size: contain !important} .pdficon{cursor: pointer; background: transparent url('../images/downloadpdf.png') no-repeat center center; width:22px; height: 22px; background-size: contain !important} .exporticon{cursor: pointer; background: transparent url('../images/export.png') no-repeat center center; width:22px; height: 22px; background-size: contain !important} .beingpreparedgroupedicon{cursor: pointer; background: transparent url('../images/beingpreparedgroupedicon.svg') no-repeat center center; width:22px; height: 22px; background-size: contain !important} .plannedgroupedicon{cursor: pointer; background: transparent url('../images/plannedgroupedicon.svg') no-repeat center center; width:22px; height: 22px; background-size: contain !important} .deliverygroupedicon{cursor: pointer; background: transparent url('../images/deliverygrouped.png') no-repeat center center; width:22px; height: 22px; background-size: contain !important} .archivegroupedicon{cursor: pointer; background: transparent url('../images/archiveicon-blue.svg') no-repeat center center; width:22px; height: 22px; background-size: contain !important} .deleteenmasseicon{opacity:0.8; float: left; margin:3px; margin-right: 17px; cursor: pointer; background: transparent url('../images/deleteenmasse.png') no-repeat center center;width: 18px;height: 18px; background-size: contain !important;} .deleteenmasseicon:hover{opacity:1; margin:1px; margin-right: 15px; width: 22px;height: 22px;} .communicationsicon{background: transparent url('../images/mail.png') no-repeat center center;width: 22px;height: 22px; background-size: contain !important; opacity: 0.5 !important} .mailinvoiceicon{float:right; cursor: pointer; background: transparent url('../images/mail.png') no-repeat center center;width: 20px;height: 20px; background-size: contain !important} .tdinvoiceaction{padding:5px; padding-left: 15px;} .goaheadicon{cursor: pointer; background: transparent url('../images/goaheadarrow.png') no-repeat center center;width: 16px;height: 16px;} .goaheadaction{padding: 10px 0;} .goaheadaction:hover{opacity:0.6;} .goaheadaction:hover div{text-decoration:none} .addclienticon{cursor: pointer; background: transparent url('../images/addclient.png') no-repeat center center;width: 24px;height: 24px; background-size:contain;} .addclienticon:hover{opacity:0.6} .customfieldarrowuppanel{vertical-align: top; display: table-cell; width: 30px; padding-top: 10px} .customfieldarrowdownpanel{vertical-align: bottom; display: table-cell; width: 30px; padding-bottom: 15px} .customfieldarrowup{opacity:0.5; margin:auto; cursor: pointer; background: transparent url('../images/customfieldarrowup.png') no-repeat center center;width: 30px;height: 16px;} .customfieldarrowup:hover{opacity:1} .customfieldarrowdown{opacity:0.5; margin:auto; cursor: pointer; background: transparent url('../images/customfieldarrowdown.png') no-repeat center center;width: 30px;height: 16px;} .customfieldarrowdown:hover{opacity:1} .customfieldsbloc legend{color: gray; font-size: 13px;} .customfieldsbloc{width: 410px; display: table-cell; margin-bottom: 10px; border: 1px solid #CCC} .smallpopupcontainercenter{margin:auto; width: 500px} .customfielddelete{margin-top: -5px} .expensepanel{border: 1px solid rgb(163, 168, 182); padding: 10px 30px; width: 280px; margin: 10px auto; clear:both;} .expensecategoryloader{color:gray; padding:10px 0px; font-size: 16px} .expensecategorysuggetion .label{white-space: normal !important} .expensecategorysuggetion{float:left; margin: 5px 5px 2px 0px; padding: 3px 10px; color: #0088CC; border: 1px solid #0088CC; border-radius:20px; font-size: 13px} .expensecategorysuggetion:hover{color:#FFFFFF; background-color:#0088CC; cursor:pointer} .expensecategorysuggetionother{float:left; margin: 5px 5px 2px 0px; padding: 3px 10px; color: #99CC00; border: 1px solid #99CC00; border-radius:20px; font-size: 13px} .expensecategorysuggetionother:hover{color:#FFFFFF; background-color:#99CC00; cursor:pointer} .expenseblueicon{background: transparent url('../images/expensesblue.png') no-repeat center center; width: 24px;height: 24px; margin-right:-3px} .buttonblueclicked{opacity:0.7; background-color: #0088CC !important; background-image: none !important;} .buttonblueloader{position:absolute; background: transparent url('../images/loaderbutton.gif') no-repeat center center; width:25px; height: 25px;} .buttonblue{margin: 10px; border: none; color:white;border-radius: 5px; background-color: #0088cc; padding: 7px 20px 7px 20px; text-align: center;} .buttonblue:hover{background-color: rgb(63, 164, 214); background-image: none; cursor: pointer} .buttonblue label{cursor:pointer} .buttongray{font-size:13px; color:#FFF !important; border: 1px solid gray !important; background-image: none !important; background-color: gray !important} .buttongray:hover{opacity:0.6} .icon{margin: auto; background: transparent url('../images/bigiabako.png') no-repeat left center; width: 150px; height: 150px; background-size: contain !important;} .fontsize10{font-size:10px !important} .fontsize10 label{font-size: 10px !important;} .fontsize10 .label{font-size: 10px !important;} .fontsize11{font-size:11px !important} .fontsize11 label{font-size: 11px !important;} .fontsize11 .label{font-size: 11px !important;} .fontsize12{font-size:12px !important} .fontsize12 label{font-size: 12px !important;} .fontsize12 .label{font-size: 12px !important;} .fontsize13{font-size: 13px !important;} .fontsize13 label{font-size: 13px !important;} .fontsize13 .label{font-size: 13px !important;} .fontsize14{font-size: 14px !important;} .fontsize14 label{font-size: 14px !important;} .fontsize14 .label{font-size: 14px !important;} .fontsize15{font-size: 15px !important;} .fontsize15 label{font-size: 15px !important;} .fontsize15 .label{font-size: 15px !important;} .fontsize16{font-size: 16px !important;} .fontsize16 label{font-size: 16px !important;} .fontsize16 .label{font-size: 16px !important;} .fontsize17{font-size: 17px !important;} .fontsize17 label{font-size: 17px !important;} .fontsize17 .label{font-size: 17px !important;} .fontsize18{font-size: 18px !important;} .fontsize18 label{font-size: 18px !important;} .fontsize18 .label{font-size: 18px !important;} .fontsize24{font-size: 24px !important;} .fontsize24 label{font-size: 24px !important;} .fontsize24 .label{font-size: 24px !important;} .fontsize26{font-size: 26px !important;} .fontsize26 label{font-size: 26px !important;} .fontsize26 .label{font-size: 26px !important;} .fontsize32{font-size: 32px !important;} .fontsize32 label{font-size: 32px !important;} .fontsize32 .label{font-size: 32px !important;} .lineheight1{line-height: 1} .widthauto{width: auto; min-width:auto;} /* LOGIN */ .bodysignin{min-width: 400px !important;} .signinbackground{background: url("../images/signin_background.webp") no-repeat scroll center center transparent; background-size: cover; position: fixed; width:66%; height:100%; } .extranetlogintitle{ font-size: 30px } .extranetlogintitle div{color:#0088cc !important;} .extranetpasswordreminderlink{font-size: 14px} .extranetpopupsiginbutton{float: right; font-size: 18px; margin-right: 38px !important;} .extranetsigninbutton{float: right; font-size: 18px; background-color:#0088CC; background-image:none; font-weight:bold; margin: 10px 0;} .extranetsigninbutton2{font-size: 18px; background-color:#0088CC; background-image:none; font-weight:bold; margin: 10px 0; padding: 10px 30px; border-radius: 50px;} /* SOCIAL */ .socialmediabubble{cursor:pointer; border:2px solid white; width:40px; height:40px; border-radius:50px; color:white; font-size:20px; vertical-align:middle; text-align:center} .socialmediabubble div{margin-top:7px} .socialmediabubble:hover{opacity:0.7} .socialmediabubble:hover div{transform:rotatey(360deg); transition-duration:0.5s} .signupsubtitle{padding: 10px 0px !important;} .signuptext{font-size: 13px; color: #555; padding: 10px 0px;} .signuptext span{color:#0088cc} .signuptext .inputtitle{font-size: 13px} .signupdescription{margin-top: 5px;} .signupothersectorpanel{width:320px; margin:auto;} .signupothersectorinput{width:300px; margin: 20px 0;} .signuppopupgraypanel{background-color:#F5F5F5; border-radius: 10px; margin-bottom: -10px;} .signupbusinesscontainer{display: flex;flex-wrap: wrap; gap: 20px; justify-content: center;} .signupbusinessbutton{width:100%; padding: 15px; text-align:center; cursor: pointer; color:#555; border: 2px solid #FFF; font-size: 16px; background-color: #FFF; border-radius: 50px; box-shadow: 0 2px 10px #0000001a;} .signupbusinessbutton:hover{color: #0088CC; border: 2px solid #0088CC; opacity: 0.8} .signupbusinessbuttonselected{background-color: #0088CC20 !important; border: 2px solid #0088CC; color:#0088CC !important;} .signupbusinesscard{max-width: 180px !important; width:35%; border-radius: 5px; display: flex; flex-direction: column; justify-content: space-around;} .signupbusinesscard .signupdescription{margin-top: 15px;} /* GWT CHARTS */ .item_container{float: left; margin: 20px 20px 20px 20px;} /* GWT popup panel */ .gwt-PopupPanel {background-color: #FFF !important; border: none !important; border-radius: 5px; padding: 0px !important; z-index: 1000;max-width: 40%;} .tooltippopup{background-color: gray; opacity: 0.8; z-index: 1000; border-radius: 3px; font-size: 12px; color: white; max-width: 200px; padding: 5px 10px 5px 10px; word-wrap: break-word; white-space: pre-line;} .extendedtooltippopup{background-color: gray; z-index: 1000; border-radius: 3px; color: white; max-width: 450px; padding: 5px 10px 5px 10px; opacity: 0.9} .extendedtooltippopup table{border-collapse: collapse; border: 1px solid} .extendedtooltipwithheader td{border-right: 1px solid; border-left: 1px solid; border-top: 0px; border-bottom: 0px;} .extendedtooltipwithoutheader td{border-top: 1px solid; border-bottom: 1px solid; border-right: 0px; border-left: 0px;} .extendedtooltippopup td{padding: 5px; font-size:11px;} .extendedtooltippopup th{padding: 5px; background-color: #AAA; border-right: 1px solid; border-left: 1px solid; font-size: 11px; font-weight: normal} .extendedtooltippopup .tooltipamount{text-align:right; min-width: 50px} .dialogboxpopupclose{color: #0088CC !important; right: 7px !important;} .dialogboxpopuptitle{padding-top: 10px; padding-bottom: 5px; margin-right: 40px; font-size: 20px;color: #0088cc;} .dialogboxpopupmessage{padding-right: 30px; padding-bottom: 20px; color: #555; white-space: pre-line; line-height: 1.4} .dialogboxpopupmessage strong{color:#0088CC; font-weight: normal} .dialogboxpopupmessage span{color:#0088CC;} .dialogboxpopupmessage i{color:gray;} .dialogboxpopup{min-width: 400px; max-height:600px; overflow-x: hidden !important;} .dialogboxoptiontext{padding-right: 30px; color: #555; white-space: pre-line; margin-top:5px} .dialogboxoptiontext span{color: #0088CC} .dialogboxoptiontext a{color: #0088CC !important; text-decoration: underline !important; cursor: pointer} .dialogboxredbutton{min-width: 200px; width:90%; border:1px solid rgb(230, 38, 38); margin: 10px auto 20px; padding:20px 0px; text-align: center; border-radius: 5px; background-color: rgb(230 38 38 / 10%);} .dialogboxredbutton .label{float:none; color: rgb(230, 38, 38); font-size: 16px} .dialogboxgreenbutton{min-width: 200px; width:90%; border:1px solid #99CC00; margin: 10px auto 20px; padding:20px 0px; text-align: center; border-radius: 5px; background-color: #99CC0010;} .dialogboxgreenbutton .label{float:none; color: #99CC00; font-size: 16px} .dialogboxbluebutton{min-width: 200px; width:90%; border:1px solid #0088CC; margin: 10px auto 20px; padding:20px 0px; text-align: center; border-radius: 5px; background-color: #0088CC10;} .dialogboxbluebutton .label{float:none; color: #0088CC; font-size: 16px} .dialogboxgraybutton{min-width: 200px; width:90%; border:1px solid gray; margin: 10px auto 20px; padding:20px 0px; text-align: center; border-radius: 5px; background-color: #80808010;} .dialogboxgraybutton .label{float:none; color: gray; font-size: 16px} .dialogboxpopup table{width:100%} .smalldialogbutton{padding:10px 0px;} .smalldialogbutton .label{font-size: 14px} /* Home page */ .financesbalancelabel{padding: 0px 5px 5px 5px; font-size: 10px; } .financesbalancelabelbluecolor{float:left; height: 10px; width:10px; background-color: #0088CC} .financesbalancelabeltext{float:left;color:#555; margin:0px 5px 0px 5px;} .financesbalancelabelgraycolor{float:left; height: 10px; width:10px; background-color: #555} .financesbalancelabelorangecolor{float:left; height: 10px; width:10px; background-color: #FFB735} .financesbalancelabellightbluecolor{float:left; height: 10px; width:10px; background-color: #B4E6FF} .financesbalancelabelgreycolor{float:left; height: 10px; width:10px; background-color: #B7B3B3} .financesbalancelabelgreencolor{float:left; height: 10px; width:10px; background-color: #9DFF67} .financesbalancecontainer{float: left; padding: 5px; margin: 5px; border: 1px solid lightgray; min-width: 250px;} .financesbalancetable{width: 100%; color: #555;} .financesbalancetabletitle{font-family: Roboto, Arial, sans-serif; text-align: center !important; font-size:20px !important; color: white !important; background-color: #555; !important; padding: 5px 0px 5px 0px;} .financesbalancetablesubtitle{font-size: 10px;} .financesbalancetable td{width: 33%; text-align: right; font-size: 11px; padding: 3px 8px 3px 8px; white-space:nowrap;} .financesbalancelabels td{font-size: 10px; padding: 2px;} .resumetable{table-layout: fixed; width: 600px; color: #555; margin: 25px 0 15px 0px;} .resumetable td{width: 35%; font-size: 10px;padding: 0px 5px 0px 5px;} .resumetablenumberclients{width: 10% !important; text-align: right;} .resumetablenumberclients div{font-size: 35px !important; cursor: pointer; float: right} .resumetablenumberclients:hover div{text-decoration: underline} .resumetableamount{font-size:20px !important; cursor: pointer} .resumetableamount:hover {text-decoration: underline} .resumetableamountbig{width: 100% !important; text-align: right; color:#99CC00; font-size: 35px !important;} .resumetablenumberclientslabel{width: 20% !important; padding-right: 40px !important;} .resumetext{color:gray !important} .homecontentpanel{margin:auto auto; padding: 20px 40px 0px 10px;} .homesubpanel{border:1px solid lightgray; width:100%; float:left; padding:10px; margin-bottom:10px} .homebigresumepanel{margin:auto; margin-bottom:50px} .homebigresumetables{width: 100%; margin:auto} .homebigresumetables .label{float:none !important} .homebigresumetables td{vertical-align: middle !important; color:#555; font-size: 18px; padding: 20px 10px; width: 50%;} .homefinancialtablespanel{float: left; display: table-row; text-align: center; width: 100%;} .hometitle{color: gray; font-size: 20px; padding-bottom: 5px;} .nochartlabellayout{width: 350px; height: 40px; color: gray; font-size: 14px; font-style: italic; margin: auto; text-align: center; padding-bottom: 20px;} .homesubpanelexpenses{padding-bottom:0px !important} .chartpanel{float: left; display: table-row; text-align: center; width: 100%;} .textalignright{text-align: right} .textaligncenter{text-align: center} .progressbar{clear:both; background-color: #f5f5f5; height: 12px; margin: auto; border-radius: 7px; box-shadow: inset 0 1px 2px rgba(0,0,0,.1);} .progressbaravailable{height:100%; width: 0%; border-radius:7px; background-color: #99CC00; opacity: 0.7; background: repeating-linear-gradient( 135deg, #99CC00, #B2E026 1% );} .progressbaravailablewarn{background-color: #FFB735 !important; background: repeating-linear-gradient( 135deg, #FFB735, rgb(239, 191, 103) 1%);} .progressbaravailablelow{background-color: rgb(230, 38, 38) !important; background: repeating-linear-gradient( 135deg, rgb(230, 38, 38), rgb(231, 76, 76) 1%);} .whitetext{color:white !important} .whitetext .label{color:white !important} .realgraytext{color:gray !important} .realgraytext .label{color:gray !important} .reallightgraytext{color:lightgray !important} .reallightgraytext .label{color:lightgray !important} .lightgraytext{color:#AAA !important} .lightgraytext .label{color:#AAA !important} .lightgraytext .switchlabelon{color:#AAA !important} .lightgraytext .switchlabeloff{color:#AAA !important} .redtext{color:#e74c4c !important;} .bluetext{color:#0088CC !important;} .whitetext{color:white !important;} .darkbluetext{color:#0D2C52 !important;} .darkbluetext .label{color:#0D2C52 !important;} .graytext{color:#555 !important;} .greentext{color:#99CC00 !important;} .mediumgraytext{color:#555; font-size: 16px} .smallgraylink{color:#555; font-size: 11px !important} .boldtext{font-weight:bold} .boldtext span{font-weight:bold} .checkboxusers{clear: both} .checkboxusers label{font-style: normal; font-size: 12px; color:#555} .minheight500{min-height:500px} .usersmainpanel{background-color: #F5F5F5; padding: 0 30px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} .userstable .noresultsblock{margin: 0 0 20px; font-size:14px} .displaytablerow{display: table-row;} .displaytable{display: table;} .displaytablecell{display: table-cell} .stocktablebigquantity{font-size: 16px; padding: 6px 10px;} .stocktablebigquantity span{font-size:10px} .removestock{cursor: pointer; float: right; background: transparent url("../images/removestock.png") no-repeat center center; height: 20px; width: 35px; background-size: contain; margin-top: 2px} .addstock{cursor: pointer; float: right; background: transparent url("../images/addstock.png") no-repeat center center; height: 20px; width: 35px; background-size: contain; margin-top: 2px} .stockgotopurchase div{color:#0D2C52; text-align: center} .stockgotopurchase div:hover{text-decoration: underline} .stockcreatepurchase div{text-align: center} .stockinput{cursor: default; background: transparent url("../images/stockinput.png") no-repeat center center; width: 20px;height: 20px; margin: auto auto; background-size: contain;} .stockoutput{cursor: default; background: transparent url("../images/stockoutput.png") no-repeat center center; width: 20px;height: 20px; margin: auto auto; background-size: contain;} .stockhandmodif{cursor: default; background: transparent url("../images/stockhandmodif.png") no-repeat center center; width: 20px;height: 20px; margin: auto auto; background-size: contain;} .stockdocument{cursor: default; background: transparent url('../images/quotegenerated.png') no-repeat center center;width: 16px;height: 16px; margin: auto auto; transform: scale(1.1)} .warehousetranfer{cursor: default; background: transparent url('../images/warehousetransfericon.png') no-repeat center center;width: 20px; height: 20px; margin: auto auto; background-size: contain;} .stockgoto{cursor: default; background: transparent url("../images/searchgotoicon.png") no-repeat center center; width: 16px;height: 16px; margin: auto auto;} .tdstockgotoaction div{padding: 5px; opacity:0.7; cursor:pointer; float:right; background: transparent url('../images/searchgotoicon.png') no-repeat center center; width: 20px; height: 20px; margin:2px 5px} .tdstockgotoaction:hover div{opacity:1;} .reportblock{display: inline-block; vertical-align:top; width:46%; min-width: 400px; background-color:#FFF; border-radius: 5px; padding: 20px 10px 0; margin: 10px; min-height: 80px; box-shadow: rgba(145, 158, 171, 0.2) 0px 3px 1px -2px, rgba(145, 158, 171, 0.14) 0px 2px 2px 0px, rgba(145, 158, 171, 0.12) 0px 1px 5px 0px} .reporttitle{width: 200px; text-align: center; margin: auto; min-height: 30px;} .reporttitle{color: #555; font-size: 16px; font-weight: bold;} .reportcontentblock{margin-left: auto; margin-right: auto; clear: both; width: 400px; margin-bottom:5px;} .reportcontentblock .searchdatestable{margin:20px auto 15px;} .reportcontentblock td{text-align: center} .reportdisclosurepanelbutton{font-size:13px; margin: 0 auto; border: none; color: #0088CC; padding: 5px 20px; background-color: transparent; text-decoration: underline;} .disclosurepanelbutton .buttonblue{border-radius: 50px; font-size: 15px; font-weight:bold} .reportnodataicon{background: transparent url("../images/nodataicon.png") no-repeat center center; background-size: contain !important; height: 40px; width: 40px;} .paymentrequestmailbody{font-size:13px; color: #555; width: 475px;} .paymentrequestmailbody span{color:#99CC00} .invoicemailbody{font-size:13px; color: #555; width: 284px;} .emailgotoinvoiceaction .label{font-weight:bold} .emailgotoinvoiceaction .addlinkaction{margin:0px} .datatableactionsfieldset{margin-top: 10px; padding: 7px 10px 3px; border: 1px solid lightgray;} .datatableactionsfieldset legend{color: gray; font-size: 12px;} .emailbouncedtext{color:rgb(231, 76, 76); font-size:12px} .defaultgraytext{font-size:13px; color: #555; } .enterprisenologodiv{border: 3px dashed lightgray; text-align:center; padding: 0 0 20Px} .enterprisenologolabel{margin: 25px auto 10px; width:300px} .enterprisenologolabel .label{font-size: 14px} .enterpriselogodiv{text-align: center; width: 100%; vertical-align: middle;} .enterpriselogonote{margin:0 auto; color: #AAA; font-size: 11px; width:280px} .photoicon{background: transparent url("../images/photoicon.png") no-repeat center center; width: 64px; height: 64px; background-size:contain; margin: 40px auto;} .taxpercentlabel{color: #0D2C52; font-size: 16px; margin-top:3px; margin-left: 3px} .invoiceconfiglabellayout{float: left; margin: 0px 0px 10px 20px;} .invoicesenderconfigblock{float: left;width: 100%; padding-bottom: 10px;} .invoicesendertitle{width: 100%; float: none; margin: 0px;} .invoicesendertitle .label{white-space: pre-line; float: none; padding: 5px 10px;} .invoicesenderdeletecustominfo{float: left; margin: 8px 0px 0px 5px} .invoicerecipientrightalign{margin-right:10px} .invoicerecipientrightalign td{text-align:right;} .invoicerecipientrightalign .label{text-align:right;} .invoicerecipientrightalign .verysmallcolumnleft{float:right !important} .invoicecolor{height:20px; width:25px; background-color:#808080; margin: 5px; border-radius:5px; border: 1px solid #F5F5F5; cursor:pointer;} .invoiceconfigpanel{border:3px dashed #E0E0E0; padding: 10px 5px;} .invoiceconfigdisableallpanel{position:absolute; z-index: 1000; background-color:gray; opacity:0.5; width:100%;} .invoicepreview{border: 2px solid lightgray; margin: -50px auto 0px; width:800px; min-height:1000px; padding: 10px 20px; color:#555; background-color: white; box-shadow: 0px 4px 5px #ccc;} .invoicepreview table{width:100%; border-spacing: 0px} .invoicepreviewtable td{border-bottom: 1px solid lightgray; border-right: 1px solid lightgray; border-left: 1px solid lightgray; border-collapse: collapse} .invoicepreviewstamp{width:97px; height:67px; background-size:contain !important; position: relative; top: 19px; left: 821px} .invoicepreviewproductstable{color: gray} .invoicepreviewproductstable td{padding: 6px; font-size:12px;} .invoiceconfigpanel .textarea{background-color:#F5F5F5; border: 2px solid lightgray !important; border-radius: 0; box-shadow: none !important;} .invoiceconfigpanel .inputtitle{color:gray} .invoiceconfigpanel .inputwithvalue{color:#555} .invoiceconfigpanel .inputaccount{margin-bottom:3px} .invoiceconfigdownloadbutton{position: fixed; top: 400px; border: 2px solid rgb(0, 136, 204); border-radius: 50px 50px 50px 50px; padding: 10px; background-color: white; margin-left:-65px;} .invoiceconfigdownloadbutton:hover{opacity: 0.7} .documentconfigmodel{border: 4px solid lightgray; margin: 10px; font-size: 14px; color: #AAA; width: 70px; height: 90px; display: table-cell; vertical-align: middle; text-align: center; background-color: white;} .documentconfigmodel:hover{opacity:0.7; cursor:pointer} .documentconfigmodelselected{color:#0088CC; border: 4px solid #008CCC; opacity: 1 !important} .invoicepreviewlogo{border:3px dashed #E0E0E0; margin:auto;} .invoicepreviewlogo .enterprisenologodiv{border: none; height: auto; } .invoicepreviewlogo .enterpriselogodiv{height:auto;} .invoicepreviewsignpanel{border:2px solid lightgray; margin: 10px 10px 5px; padding: 5px; font-style: italic; color: gray; height: 80px;} .invoicepreviewsignpanel .enterprisenologolabel{margin-top:0px;} .invoicepreviewsignpanel .enterprisenologodiv{border: none;} .invoicepreviewsignpanel .enterpriselogodiv{text-align: left;} .invoicepreviewsignpanel .deleteimagelink{margin-top: 10px} .enterprisephoto .linklabel{opacity: 0.7; color: white; padding:7px 0; background-color: #555; text-align: center; margin: 0px} .enterprisesignature .linklabel{opacity: 0.5; color: white; padding:7px 0; background-color: #555; text-align: center; margin: 0px} .invoiceconfigprintbutton{position: fixed; top: 460px; border: 2px solid rgb(0, 136, 204); border-radius: 50px 50px 50px 50px; padding: 10px; background-color: white; margin-left:-65px;} .invoiceconfigprintbutton:hover{opacity: 0.7} .invoicecconfigtitle{font-size:14px; color: #AAA} .invoicecconfigtitleinput{font-size:20px; color: #777; min-width:20px; min-height:25px; padding:5px 10px; background-color:white; } .invoicecconfigtitlenumber{font-size:20px; color: #777;} .referralsverticalbutton{position: fixed; z-index: 2; cursor: pointer; transition: left 0.5s; left: -65px; top:550px; transform: rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform:rotate(-90deg); text-align: center; vertical-align: middle; padding: 35px 10px 10px; border-radius: 0 0 10px 10px; color: #0088CC; font-size: 16px; width: 110px; background-color: #FFF; border: 1px solid #0088CC; border-top: 0px;} .referralsverticalbuttonpopup{z-index: 2000; } .referralsverticalbutton:hover{left: -55px} .tutorialsverticalbutton{z-index:1; cursor: pointer; transition: right 0.5s; position: fixed; right: -60px; top:350px; transform: rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform:rotate(-90deg); text-align: center; vertical-align: middle; padding: 10px 0 30px; border-radius: 10px 10px 0 0; color: #FFF; font-size: 16px; width: 130px; background-color: #555; opacity:0.8} .tutorialsverticalbuttonpopup{z-index: 2000; } .tutorialsverticalbutton:hover{right: -50px} .einvoicingverticalbutton{z-index:1; cursor: pointer; transition: right 0.5s; position: fixed; right: -60px; top:500px; transform: rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform:rotate(-90deg); text-align: center; vertical-align: middle; padding: 10px 0 25px; border-radius: 10px 10px 0 0; color: #0088CC; font-size: 16px; width: 130px; background-color: #FFF; border: 1px solid #0088CC;} .einvoicingverticalbutton:hover{right: -50px} .einvoicingpanel{margin: 10px 25px 0px; line-height: 1.3} .einvoicingpanel span{font-size: 18px} .einvoicingcard{line-height: 2; border-radius: 5px; background-color: white; margin-bottom: 20px; padding: 10px 20px 10px; box-shadow: 0 2px 10px #0000001a;} .einvoicingimg{background: transparent url("../images/einvoicing.png") no-repeat left center; opacity: 0.9; border-radius: 5px; height: 70px; width: 160px; background-size:contain; margin:auto; cursor: pointer;} .einvoicingimg:hover{opacity:1} .einvoicinggotobutton{background: transparent; color: gray; border:1px solid gray; border-radius:30px; padding: 5px 10px; margin: 10px 0 5px} .einvoicinggotobutton:hover{opacity:0.7; background: #F0F0F0; color: gray;} .einvoicingstepcard{border-left:4px solid #99CC00; line-height:1.5 !important; padding-top:15px !important; padding-bottom:15px !important} .einvoicingsteprow{display:flex; align-items:flex-start; gap:15px} .einvoicingstepnumber{min-width:30px; width:30px; height:30px; border-radius:50%; background-color:#99CC0020; color:#99CC00; font-size:14px; font-weight:bold; text-align:center; line-height:30px; flex-shrink:0; margin-top:2px} .einvoicingsteptitle{color:#99CC00 !important} .einvoicingstepcontent{flex:1} /* KYC Verification Popup */ .kycintrosubtitle{color:#555} .kycprereqlist{display:flex; flex-direction:column; gap:14px; margin:0} .kycprereqitem{display:flex; align-items:center; gap:14px; background:#fff; padding:12px 16px; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.07)} .kycprereqiconwrap{width:42px; height:42px; border-radius:50%; background:rgba(153,204,0,0.15); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:#99CC00} .kycstepindicator{display:flex; align-items:center; justify-content:center; margin:0 0 5px; width:100%} .kycstepitem{display:flex; flex-direction:column; align-items:center; gap:4px; flex:0 0 auto} .kycstepdot{width:34px; height:34px; border-radius:50%; background:rgba(153,204,0,0.15); color:#99CC00; font-size:14px; font-weight:bold; text-align:center; line-height:34px; flex-shrink:0; transition:background 0.3s} .kycstepdotactive{background:#99CC00 !important; color:#fff !important; box-shadow:0 0 16px rgba(153,204,0)} .kycstepdotdone{background:rgba(153,204,0,0.25) !important; color:#99CC00 !important} .kycsteplabel{text-align:center; white-space:nowrap; color:#99CC00 !important; font-weight:bold} .kycstepline{flex:1; height:2px; background:#E0E0E0; min-width:40px; margin:0 4px 18px} .kycmodifybtn{font-size:11px; color:#0088CC; border:1px solid #0088CC; background:transparent; border-radius:20px; padding:3px 10px; cursor:pointer; transition:background 0.2s; white-space:nowrap; line-height:normal} .kycmodifybtn:hover{background:rgba(0,136,204,0.07)} .kyciframe{width:100%; height:700px; border:none; border-radius:8px} .kycotp{display:flex; gap:8px; justify-content:center; align-items:center; margin:4px 0} .kycotpbox{width:44px; height:52px; border:2px solid #DDD; border-radius:10px; font-family:'Courier New',Courier,monospace; font-size:22px; font-weight:700; text-align:center; color:#333; outline:none; transition:border-color 0.2s,box-shadow 0.2s; background:#fff; padding:0; -webkit-appearance:none; box-sizing:border-box; cursor:text} .kycotpbox:focus{border-color:#99CC00; box-shadow:0 0 0 3px rgba(153,204,0,0.15)} .kycresendlink{font-size:12px; color:#AAA; margin-top:4px; cursor:pointer; text-align:center} .kycresendlink span{color:#0088CC; text-decoration:underline} .kycresendlink:hover span{color:#0066AA} .sirenverifybtn{background-color:#555 !important; color:#fff !important; border-radius:20px !important; border:none !important; padding:6px 18px !important; cursor:pointer !important;} .sirenconfirmbtn{border-radius:50px !important; padding:10px 32px !important; font-size:15px !important;} .verticalmenuclients{background: transparent url("../images/client-h.png") no-repeat center center; width: 20px; height: 20px; background-size:contain; margin:auto;} .verticalmenusuppliers{background: transparent url("../images/client-h.png") no-repeat center center; width: 20px; height: 20px;background-size:contain; margin:auto;} .verticalmenuservices{background: transparent url("../images/service-h.png") no-repeat center center; width: 20px; height: 20px; background-size:contain; margin:auto;} .verticalmenuproducts{background: transparent url("../images/product-h.png") no-repeat center center; width: 20px; height: 20px; background-size:contain; margin:auto;} .verticalmenustock{background: transparent url("../images/stock-h.png") no-repeat center center; width: 16px; height: 16px; background-size:contain; margin:2px;} .verticalmenupurchases{background: transparent url("../images/purchasemenu-h.png") no-repeat center center; width: 20px; height: 20px; background-size:contain; margin:auto;} .verticalmenusales{background: transparent url("../images/sale-h.png") no-repeat center center; width: 20px; height: 20px; background-size:contain; margin:auto;} .verticalmenuquotes{background: transparent url("../images/quote-h.png") no-repeat center center; width: 18px; height: 18px; background-size:contain; margin:1px;} .verticalmenusaleorders{background: transparent url("../images/purchasemenu-h.png") no-repeat center center; width: 20px; height: 20px; background-size:contain; margin:auto;} .verticalmenudeliveryorders{background: transparent url("../images/deliverymenu-h.png") no-repeat center center; width: 18px; height: 18px; background-size:contain; margin:1px;} .verticalmenureceivables{background: transparent url("../images/pastinstallmentsmenu-h.png") no-repeat center center; width: 16px; height: 16px; background-size:contain; margin:2px;} .verticalmenuconversations{background: transparent url("../images/conversationsmenu-h.png") no-repeat center center; width: 16px; height: 16px; background-size:contain; margin:2px;} .verticalmenuexpenses{background: transparent url("../images/expense-h.png") no-repeat center center; width: 20px; height: 20px; background-size:contain; margin:auto;} .verticalmenureports{background: transparent url("../images/report-h.png") no-repeat center center; width: 20px; height: 20px; background-size:contain; margin:auto;} .verticalmenuenterpriseconf{background: transparent url("../images/enterpriseverticalmenu.png") no-repeat center center; width: 16px; height: 16px; background-size:contain; margin:2px;} .verticalmenuinvoiceconf{background: transparent url("../images/invoicemodelicon-h.png") no-repeat center center; width: 16px; height: 16px; background-size:contain; margin:2px;} .verticalmenupanel{position: fixed; width: 340px; left: -280px; transition: left 0.5s;} .verticalmenupanel .verticalmenutitle{font-size:11px; color: lightgray; padding: 0 10px} .verticalmenupanel .separator{border-top: 1px solid gray; margin: 10px;} .verticalmenupanel table{height:100%; width:100%; border-collapse: collapse} .verticalmenuline:hover{background-color: #555; cursor: pointer; } .verticalmenuline .label{font-size: 15px;} .verticalmenucontent{background-color:white; position:relative; z-index: 2; border: 2px solid #99CC00; overflow-y: auto;} .verticalmenuheader{color: gray; text-align: center; padding:10px; font-size: 16px; background-color:#F5F5F5} .verticalmenupanelshoweffect{left:-2px !important; z-index:4; } .verticalmenupanelhideeffect{left:-280px; z-index:4;} .verticalmenupanelhideeffect:hover{left:-270px;} .verticalmenubutton{width: 70px; padding: 10px 0; background-color: #E0E0E0; opacity: 0.9; border-radius: 0px 10px 10px 0px; cursor: pointer; position: relative; z-index: 1;} .verticalbluemenubutton{ background-color: #0088CC} .verticalmenuicon{background: transparent url('../images/verticalmenuicon.png') no-repeat center center; width:35px; height: 40px; background-size:contain; margin: auto} .verticalmenunotification{background: transparent url('../images/verticalmenunotificationicon.png') no-repeat center center; width:35px; height: 40px; background-size:contain; margin: auto} .verticalmenutracking{background: transparent url('../images/verticalmenutrackingicon.png') no-repeat center center; width:30px; height: 40px; background-size:contain; margin: auto} .verticalmenuclose .buttonlabel{background: transparent url('../images/verticalmenuclose.png') no-repeat center center; width:24px; height: 40px; background-size:contain; margin: auto} .verticalmenuclose .label{color:transparent} .verticalmenuclose .notificationcardinal{opacity:0} .verticalmenuclose .trackingcardinal{opacity:0} .verticalmenublueclose{background-color:#0088CC} .verticalmenublueclose .buttonlabel{background: transparent url('../images/verticalmenuclose-h.png') no-repeat center center; width:24px; height: 40px; background-size:contain; margin: auto} .verticalmenunoelement .label{padding: 50px 10px; font-size: 16px; color: #AAA; text-align: center; width:90%; } .notificationcardinal{position: relative; float: left; border-radius: 20px 20px 20px 20px; background-color: rgb(231, 76, 76); color: white; padding: 3px; font-size: 10px; left: 42px; top: -15px; min-width: 13px; text-align: center;} .trackingcardinal{position: relative; float: left; border-radius: 20px 20px 20px 20px; background-color: gray; color: white; padding: 3px; font-size: 10px; left: 40px; top: -17px; min-width: 13px; text-align: center;} .bigverticalmenupanel {width: 460px; left: -400px;} .bigverticalmenupanelhideeffect{left:-400px; z-index:4;} .bigverticalmenupanelhideeffect:hover{left:-390px;} .notificationspanel .verticalmenucontent td{font-family: Arial,sans-serif; border: 1px solid #E0E0E0} .notificationblockcontent{display:table; width:100%} .notificationblockline{display:table-row; width:100%; cursor: pointer; border-bottom: 1px solid #E0E0E0} .notificationblockline:hover{ background: #fafdf1} .notificationsblockbubble{display:table-cell; vertical-align: middle; text-decoration: none !important; padding: 10px 5px;} .notificationsblockbubble .label{color:#99CC00; border-radius:30px; width:30px; padding:5px 0; text-align: center; font-size:16px; border: 2px solid #99CC00; background-color: white} .notificationsbigcardinal{font-size:16px !important} .notificationsblockbubblelowwarning .label{border: 2px solid #FFB735; color:#FFB735 !important;} .notificationsblockbubblehighwarning .label{border: 2px solid rgb(231, 76, 76); color:rgb(231, 76, 76) !important;} .notificationsblocktext{display:table-cell; color:#555; font-size:14px; vertical-align: middle; padding: 10px 5px;} .notificationsblocktext .label{color:#AAA !important} .notificationsblocktext:hover div{text-decoration: underline;} .notificationsblockdeletecolumn{display:table-cell; vertical-align:middle; padding: 10px;} .notificationsblockdeletecolumn:hover{opacity:0.5} .trackingblockbubble .label{background-color:transparent !important; color:#555 !important; border:1px solid #555} .trackingtext .label span{color:#555} .balanceaccountpanelbutton{background-color: transparent;} .balanceaccountbuttonlabel .buttonlabel{transform: rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform:rotate(-90deg);text-align: center; vertical-align: middle; padding: 20px 10px 10px; border-radius: 0px 0px 10px 10px; color: white; font-size: 18px; width: 130px; background-color: #99CC00; margin-top: 50px; margin-left: -55px;} .balanceaccountbuttonlabel .label{color:white} .balanceaccountlabel{float:none; color:#AAA; width:95%; font-size:12px; padding: 5px;} .balanceaccountlabel table{width:100%; float:left} .balanceaccountinfo{padding: 2px;} .balanceaccountinfo span{font-size:11px; color: #555} .balanceaccountverification{padding: 2px; font-size:12px; color: rgb(230, 38, 38); width:80%; float:left} .balanceaccountbarinfoconsumption{font-size:9px !important;} .balanceaccountbartitle{font-size: 12px; color:#99CC00; text-align: left; margin-left: -5px; width: 100%} .balanceaccountbartitlewarn{color: #FFB735 !important; opacity: 1.0 ! important} .balanceaccountbartitlelow{color: rgb(230, 38, 38) !important} .subscriptionpanelbutton{background-color: transparent;} .subscriptionbuttonlabel .buttonlabel{transform: rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform:rotate(-90deg);text-align: center; vertical-align: middle; padding: 20px 10px 10px; border-radius: 0px 0px 10px 10px; color: white; font-size: 18px; width: 130px; background-color: #99CC00; margin-top: 50px; margin-left: -55px;} .subscriptionbuttonlabel .label{color:white} .subscriptionpanellabel{float:none; color:#AAA; width:95%; font-size:12px; padding: 5px;} .subscriptionpanellabel table{width:100%; float:left} .subscriptionpanelinfo{padding: 2px;} .subscriptionpanelinfo span{font-size:11px; color: #555} .subscriptionverification{padding: 2px; font-size:12px; color: rgb(230, 38, 38); width:80%; float:left} .subscriptionbarinfoconsumption{font-size:9px !important;} .subscriptionbartitle{font-size: 12px; color:#99CC00; text-align: left; margin-left: -5px; width: 100%} .subscriptionbartitlewarn{color: #FFB735 !important; opacity: 1.0 ! important} .subscriptionbartitlelow{color: rgb(230, 38, 38) !important} .subscriptionlabel{clear:both; float:none; color:#555; font-size: 14px} .subscriptionlabel span{color:#0088CC; font-weight: normal !important} .subscriptioncard{border-radius:5px; background-color: white; margin-bottom: 20px; padding: 20px 5px 10px 20px; box-shadow: 0 2px 10px #0000001a;} .subscriptioncard .label span{font-weight: bold} .subscriptionwarning{padding: 20px 10px 20px 20px; line-height: 1.3} .subscriptionwarning .label span{color: inherit; font-weight: bold} .apicard{border-radius:5px; background-color: white; margin-bottom: 20px; padding: 20px 20px 10px; box-shadow: 0 2px 10px #0000001a; line-height: 1.3} .apicard .label{float: none !important} .apiresetbutton{font-size:12px; padding: 5px 10px; margin: 0px;} .subscriptionpackagerow{display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; text-align: center} .subscriptionpackagerow .selected{background-color : #0088CC11; border: 2px solid #0088CC !important} .subscriptionpackagebutton{cursor:pointer; border:1px solid #555; color: #555; font-size:14px; padding:5px 10px; float:left; margin: 5px 5px 0; border-radius: 50px; background-color: white} .subscriptionpackagecard{cursor: pointer; width: 120px; min-height: 180px; border: 2px solid #FFF; border-radius:5px; background-color: white; padding: 10px 15px 10px; box-shadow: 0 2px 10px #0000001a;} .subscriptionpackagecard:hover{border: 2px solid #0088CC55} .subscriptionpackagecard .label{float:none; color:#AAA; font-size: 12px; text-align: left} .subscriptionpackagecard .pricelabel span{text-decoration: line-through; color: lightgray; font-weight: normal; line-height: 1.5;} .subscriptionpackagecard .labelenterprise{float:none; font-size:20px; line-height:1.8} .subscriptionpackageselect{float:none; border: 1px solid #0088CC; border-radius: 50px; font-size: 12px; padding: 5px 15px; margin-top: 20px; background: transparent; color: #0088CC;} .subscroptionpackagedisabled{opacity: 0.5; border: transparent !important; cursor: not-allowed;} .subscriptionusersinput{margin: -7px 0 0; width: 30px; max-width: 30px; text-align: center; font-size: 16px;} .subscriptionuserspanel{border: 2px solid #0088CC; border-radius:5px; background-color: #0088CC11; width:200px; margin: auto; padding: 20px 0px 10px 30px} .subscriptionmentionpanel{border:2px solid #99CC00; background-color:#99CC0011; border-radius:5px; padding: 20px 10px 10px; margin: 10px 0; text-align: center} .subscriptionmentionpanel .label{float:none; font-size:16px; color:#99CC00} .subscriptiontotal{} .slidebarpanel{border: 1px solid lightgray; margin: 15px 20px; padding: 0 10px; clear: both; height:75px;} .slidebarcontentpanel{padding: 5px 0px 15px} .slidebarlabel .label{float:none; font-size: 12px; color:#555; margin-top: 7px; margin-bottom: 10px; width: 100%; clear: both;} .slidebarlabel .label span{color:#0088CC;} .sliderbar{float:left; cursor: pointer; background-color: rgb(235,235,235); border: 5px solid white; height: 5px; position:relative; width:308px;} .sliderpointer{margin-top:-8px; background: lightgray; border-radius: 2px; cursor: pointer; width: 18px; height: 18px;} .sliderselection{top:0px; border: 0; background-color: #0088CC; height: 100%; position:absolute;} .sliderpointertext .label{font-size: 11px; color:#555; margin-top: 15px; width: 100%;} .slidermanualbutton{float:left;color:#555;font-size:20px;margin:-6px 5px 0; cursor: pointer;} .notificationconfigblock{float:left; vertical-align: middle; margin: 15px 20px; width: 90%; padding: 10px 0px 10px 10px; border: 1px solid lightgray} .notificationconfigcheckbox{margin: 8px 0px; clear:both} .notificationconfigcheckbox label{font-style: normal; color: #555; font-size: 14px; clear: both;} .notificationconfigcheckbox span{color: #0088CC} .attachedusercheckbox{margin: 4px 0px; clear:both} .attachedusercheckbox .label{font-style: normal; color: #555; font-size: 14px !important; clear: both;} .attachedusercheckbox span{color: lightgray; text-decoration: line-through} .userlimitedvisibilityoptions .inputcheckbox{float:left; clear: both} .userlimitedvisibilityoptions .label{font-size:12px !important} .nocreditmainpanel{background:white; padding: 30px 50px; margin:auto; border:1px solid lightgray; width:80%; min-width:500px; box-shadow: 0px 4px 5px #ccc; display:table;} .nocreditwarning{background: transparent url('../images/nocrediticon.png') no-repeat center center; width:64px; height: 64px; margin: auto} .nocreditcontentpanel{padding: 30px 10px; background-color: #F5F5F5; min-height:500px} .nocredittitle{text-align: center; font-size: 16px; color: #555; float:none} .nocreditlabellayout{width: 70%; margin: auto; padding: 5px} .nocreditlabel{color:gray; font-size: 14px; text-align: center; float:none} .nocreditlabel span{color:#555} .nocreditbigbutton{width: 500px; padding: 15px 5px; font-size: 14px; margin:5px auto; border-radius:5px} .nocreditbigbutton span{font-size:12px} .greenbutton{background-color: transparent !important; border: 1px solid #99CC00; background-image: none !important; color: #99CC00; padding: 10px 0px} .whitebutton{background-color: transparent !important; border: 1px solid #0088CC; background-image: none !important; color: #0088CC;} .whitebutton:hover{opacity:0.6} .nocredittryagainbutton{width:50%; border:1px solid #0088CC; border-radius: 5px; padding:5px 0px; margin: 10px auto;} .nocredittryagainbutton .label span{font-size:11px;} .technicalerroricon{background: transparent url('../images/technicalerroricon.png') no-repeat center center; width:28px; height: 28px; background-size: contain !important; margin: 10px -20px 10px 30px} .nointerneterroricon{background: transparent url('../images/nointerneterroricon.png') no-repeat center center; width:28px; height: 28px; background-size: contain !important; margin: 10px -20px 10px 30px} .waitservercallicon{background: transparent url('../images/loadericon.gif') no-repeat center center; width:50px; height: 39px; margin:auto} .waitservercalliconpanel{padding:50px 0px;} .popupwaitservercallpanel{position:absolute; height: calc(100% - 65px); width:100%; z-index:1001; background-color: white; opacity: 0.7; } .footerbutton{margin: 0px 0px 7px 10px; cursor: pointer;} .footerbutton:hover{transform: scale(1.1)} .footerbutton .footerbuttoncontentdiv{padding:10px; border:2px solid #0088CC; border-radius: 50px; background-color: #FFF} .footerbutton div{margin:0px; float:none; } .footerbuttongray .footerbuttoncontentdiv{padding:10px; border:2px solid #808080; border-radius: 50px; background-color: #FFF} .draftbuttonpanel .footerbutton{float:left; margin: 0px 5px; transform: none !important;} .saleactionbutton{font-size:18px !important; padding: 7px 40px !important; float:right;} .salelabelbutton{float: left;margin: 0px 10px 10px; width: 300px; cursor: pointer} .salelabelbutton:hover{opacity: 0.7} .salelabelbutton .label{font-size: 16px;} .savedrafticon{cursor: pointer; background: transparent url('../images/savedrafticon.png') no-repeat center center; width:24px; height: 24px;} .downloadpdficon{cursor: pointer; background: transparent url('../images/downloadpdf.png') no-repeat center center; width:24px; height: 24px;} .printpdficon{cursor: pointer; background: transparent url('../images/printpdf.png') no-repeat center center; width:24px; height: 24px;} .quotesendemailicon{cursor: pointer; background: transparent url('../images/quotesendemailicon.png') no-repeat center center; width:24px; height: 24px;} .gotosalebutton{margin-bottom: 0px !important;} .gotosale{clear:both; float: left; background: transparent url('../images/gotosale.png') no-repeat center center; width:20px; height: 20px; background-size: contain !important} .mailpreviewpanel{background-color:#F5F5F5;} .mailpreviewtext{font-size:13px; color:#555; padding: 20px 10px 10px;} /* Email Preview redesign — mpr-* */ .mpr-card{background:white;border-radius:5px; box-shadow:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04); margin-bottom:20px;overflow:hidden} .mpr-row{padding:12px 20px;overflow:hidden} .mpr-row-divider{height:1px;background:#EEE;margin:0 20px} .mpr-meta-field{float:none !important;display:block !important} .mpr-meta-field .label{font-size:14px;color:#2D3748;float:none;line-height:1.5;display:block} .mpr-meta-field .label span{color:#AAA;font-size:14px;font-weight:700; display:inline-block;min-width:64px;} .mpr-subject-label{font-weight:600;font-size:15px !important; color:#555 !important} .mpr-attach-section{display:block} .mpr-chips-panel{display:flex !important;flex-wrap:wrap;gap:8px;align-items:center;padding: 20px 20px 15px} .mpr-chip{display:inline-flex;align-items:center;gap:10px;padding:6px 13px;border-radius:20px;background:#555;color:#FFF;font-size:14px;font-weight:500;white-space:nowrap;cursor:default} .mpr-chip::before{content:"";display:inline-block;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M21.44%2011.05l-9.19%209.19a6%206%200%200%201-8.49-8.49l9.19-9.19a4%204%200%200%201%205.66%205.66l-9.2%209.19a2%202%200%200%201-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E") no-repeat center center;background-size:contain;flex-shrink:0} .mpr-chip-link{background:#555;cursor:pointer; opacity:0.7} .mpr-chip-link:hover{opacity: 0.8} .mpr-bounced-container{float:none !important;clear:both;margin-bottom:12px; background:#FEF2F2;border-left:3px solid #DC2626;border-radius:0 6px 6px 0} .mpr-bounced-label{color:#DC2626 !important;font-size:13px !important;float:none !important;padding:8px 12px;} .mpr-body-card {padding:20px 30px} .mpr-tracking-events{display:block;padding:10px 0} .mpr-tracking-label{font-size:13px;font-weight:700;color:#AAA;letter-spacing:0.8px;margin-bottom:6px} .mpr-track-event{display:flex;align-items:center;gap:12px;padding:6px 0;position:relative} .mpr-track-event+.mpr-track-event:before{content:"";position:absolute;left:7px;top:-6px;width:1px;height:6px;background:#E2E8F0} .mpr-track-dot{width:15px;height:15px;border-radius:50%;flex-shrink:0} .mpr-track-dot-sent{background:#0088CCAA} .mpr-track-dot-opened{background:#48BB78CC} .mpr-track-dot-none{background:#CCC} @keyframes mpr-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.35;transform:scale(0.8)}} .mpr-track-dot-sending{background:#0088CC;animation:mpr-pulse 1.8s ease-in-out infinite} .mpr-track-text{font-size:13px;color:#AAA;display:flex;align-items:center} .mpr-track-label{margin-right: 5px} .mpr-track-info{position:relative;display:inline-flex;align-items:center;cursor:help;margin-left:5px;flex-shrink:0} .mpr-track-info::after{content:'';display:inline-block;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='15'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23555'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'/%3E%3Cline%20x1='12'%20y1='16'%20x2='12'%20y2='12'/%3E%3Cline%20x1='12'%20y1='8'%20x2='12.01'%20y2='8'/%3E%3C/svg%3E") no-repeat center center;background-size:contain; opacity:0.5} .mpr-track-info::before{content:attr(data-tooltip);display:none;position:absolute;bottom:130%;left:50%;transform:translateX(-50%);background:#555;color:#FFF;padding:7px 10px;border-radius:4px;font-size:14px;line-height:1.5;white-space:normal;width:350px;z-index:1000;pointer-events:none} .mpr-track-info:hover::before{display:block} .clientcategoryperson{opacity: 0.8;cursor: pointer; margin: auto; background: transparent url('../images/clienttypeperson.png') no-repeat center center; width:16px; height: 16px;} .clientcategorycompany{opacity: 0.8;cursor: pointer; margin: auto; background: transparent url('../images/clienttypecompany.png') no-repeat center center; width:16px; height: 16px;} .suppliericon{background: transparent url('../images/supplier.png') no-repeat center center; width:24px; height: 24px;} .manicon{background: transparent url('../images/manicon.png') no-repeat center center; width:24px; height: 24px;} .womanicon{background: transparent url('../images/womanicon.png') no-repeat center center; width:24px; height: 24px;} .companyicon{background: transparent url('../images/companyicon.png') no-repeat center center; width:24px; height: 24px;} .producticon{background: transparent url('../images/product.png') no-repeat center center; width:24px; height: 24px; background-size:contain !important} .serviceicon{background: transparent url('../images/service.png') no-repeat center center; width:24px; height: 24px; background-size:contain !important} .searchgrayicon{background: transparent url('../images/searchgray.png') no-repeat center center; width:24px; height: 18px; background-size:contain !important} .accountingicon{background: transparent url('../images/externalreadaccess.png') no-repeat center center; width:24px; height: 24px; background-size:contain !important} .quoteactionbutton{float:right; margin: 0px 10px 10px 0px; padding: 7px 5px;} .redlabel{color: #e74c4c !important} .stockptiongray{cursor:pointer; border:1px solid gray; background-color:#80808019; margin: 0px 30px 20px; padding:10px 30px; text-align: center; border-radius: 5px} .stockoptiongray:hover{background-color:#80808010;} .stockptionblue{cursor:pointer; border:1px solid #0088CC; background-color:#0088CC19; margin: 0px 30px 20px; padding:10px 30px; text-align: center; border-radius: 5px} .stockoptionblue:hover{background-color:#0088CC10} .dialogboxsubscriptionbutton{border:1px solid #0088CC; background-color:white; margin: 20px 40px; padding:20px 30px; text-align: center; border-radius: 5px; clear:both; float:none; color:#0088CC; font-size: 16px; cursor: pointer} .dialogboxsubscriptionbutton:hover{opacity:0.7; background-color: #0088CC;} .dialogboxsubscriptionbutton:hover .label{color:white !important} .blueoption{border:1px solid #0088CC; margin: 20px 0; padding:15px 10px; text-align: center; border-radius: 5px; cursor:pointer} .blueoption .label{color:#0088CC !important; float:none} .blueoption:hover{opacity:0.7; background-color: #0088CC;} .blueoption:hover .label{color:white !important} .bluebuttonoption{border:1px solid #0088CC; background-color: #0088CC; margin: 20px; padding:15px 10px; text-align: center; border-radius: 5px; cursor:pointer} .bluebuttonoption .label{color: #FFFFFF !important; float:none} .bluebuttonoption:hover{opacity:0.7;} .bluebuttonoption:hover .label{color:white !important} .popupblueoption{border:1px solid #0088CC; margin: 0px 40px 20px; padding:10px 30px; text-align: center; border-radius: 5px; cursor:pointer} .popupblueoption .label{color:#0088CC !important; float:none} .popupblueoption:hover{opacity:0.7; background-color: #0088CC;} .popupblueoption:hover .label{color:white !important} .popupgrayoption{border:1px solid gray; margin: 0px 40px 20px; padding:10px 30px; text-align: center; border-radius: 5px; cursor:pointer} .popupgrayoption .label{color:gray !important; float:none} .popupgrayoption:hover{opacity:0.7; background-color: gray;} .popupgrayoption:hover div{color:white !important} .popuplightgrayoption{border:1px solid #AAA; margin: 0px 40px 20px; padding:10px 30px; text-align: center; border-radius: 5px; cursor:pointer} .popuplightgrayoption .label{color:#AAA !important; float:none} .popuplightgrayoption:hover{opacity:0.7; background-color: #AAA;} .popuplightgrayoption:hover div{color:white !important} .switchblock{width: 60px; text-align: left; background-color: rgb(240, 240, 240); border: 1px solid lightgray; border-radius: 5px; float:left; cursor: pointer} .switchblockhoveron{background-color:#d6d6d6;} .switchblockhoveroff{background-color:#dfff7e;} .switchblocksmall{width:45px !important; font-size:12px !important} .switchon{width: 50%; background-color: #bee449; padding: 3px; border-bottom-right-radius:5px; border-top-right-radius:5px; float:right} .switchon div{width: 1px; border-left: 4px solid white; height: 16px; margin: auto; opacity: 0.5;} .switchonsmall div{height:11px !important;} .switchlabelon{color:#99CC00; padding:0px 5px; font-size: 15px} .switchlabeloff{color:#555; padding:0px 5px; font-size: 15px} .switchlabelsmall{color:#0D2C52 !important; padding:0px 5px; font-size: 11px !important} .switchoff{width: 50%; background-color: #999; padding: 3px; border-top-left-radius:5px; border-bottom-left-radius:5px; float:left;} .switchoff div{border-radius: 10px 10px 10px 10px; width: 10px; border: 3px solid white; height: 10px; margin: auto; opacity: 0.5;} .switchoffsmall div{height:5px; width:5px !important; border: 2px solid white !important; margin: 1px auto !important;} .previewicon{cursor:pointer; clear:both; float: left; background: transparent url('../images/previewicon.png') no-repeat center center; width:24px; height: 24px; } .previewlabel{font-size:16px; margin-left: 30px !important} .conversationlinkicon{cursor:pointer; clear:both; float: left; background: transparent url('../images/conversationlink.png') no-repeat center center; width:24px; height: 24px;} .conversationpanel .results{width:100%; margin-top:0px;} .conversationemail{background: transparent url('../images/conv-mail.svg') no-repeat center center;width: 20px; height: 20px; background-size: contain; margin: auto; opacity:0.7} .conversationphone{background: transparent url('../images/conv-phone.svg') no-repeat center center;width: 20px; height: 20px;background-size: contain;margin: auto; opacity:0.7} .conversationsms{background: transparent url('../images/conv-sms.svg') no-repeat center center;width: 20px; height: 20px; background-size: contain;margin: auto; opacity:0.7} .conversationpost{background: transparent url('../images/conv-post.svg') no-repeat center center;width: 20px; height: 20px;background-size: contain;margin: auto; opacity:0.7} .conversationlive{background: transparent url('../images/conv-live.svg') no-repeat center center;width: 20px; height: 20px;background-size: contain; margin: auto; opacity:0.7} .conversationautomatic{background: transparent url('../images/conv-automatic.svg') no-repeat center center;width: 20px; height: 20px; background-size: contain; margin: auto; opacity:0.7} .inputtoggle{display:table; padding: 5px 0; cursor:pointer} .inputtogglebuttonfirst{border-top-left-radius: 10px; border-bottom-left-radius: 7px } .inputtogglebuttonlast{border-top-right-radius: 10px; border-bottom-right-radius: 7px } .inputtogglebutton{display:table-cell; background-color:#F0F0F0; border-right:1px solid white;} .inputtogglebutton:hover{opacity:0.5} .inputtogglebutton div{margin:8px 20px} .inputtogglebuttonsmall div{margin:6px 20px} .inputtoggleicon{opacity:0.7; width:20px; height: 20px; margin:auto; background-size:contain !important} .inputtoggleiconsmall{opacity:0.5; width:18px; height: 18px; margin:auto; background-size:contain !important} .inputtogglebutton:hover div{height:24px; width: 24px; margin:6px 18px} .inputtogglebuttonsmall:hover div{height:20px; width: 20px; margin:5px 19px} .inputtogglebuttonselected{background-color: rgb(214, 238, 140) !important} .inputtogglebuttonsmallselected{background-color: rgb(214, 238, 140) !important} .inputtogglebuttonselected div{height:24px !important; width: 24px !important; margin:6px 18px} .inputtogglebuttonsmallselected div{height:20px !important; width: 20px !important; margin:5px 19px} .inputtogglebuttonselected:hover{opacity:1} .inputtogglebuttonsmallselected:hover{opacity:1} .clientemailtitle{clear: both; color: #0088cc; font-size: 20px;} .clientemailtablepanel{margin:25px 20px 0} .clientemailtablepanel .results{margin-top: 0px} .clientemailmodifyaction{color:#0088CC; cursor: pointer; text-align: center} .clientemailmodifyaction:hover{text-decoration: underline;} .clientemailfixaction{color:rgb(231, 76, 76); cursor: pointer; text-align: center} .clientemailfixaction:hover{text-decoration: underline;} .salehistorypanel{display:table; font-size: 12px; color: #555; width:100%} .salehistoryarrow{width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgb(153, 204, 0); position: relative; float: left; top: -8px; left: 24px;} .salehistorylinearrow{background: transparent url('../images/historyarrow.png') no-repeat left center;width: 16px; height: 16px; margin: 0px 5px;} .salehistoryverticalline{display: table-cell; width: 7px; background-color: #99CC00;} .salehistorypoint{border-radius: 15px 15px 15px 15px; width: 15px; height: 15px; border: 3px solid #0088CC; background-color: white; position: relative; float: left; top: 5px; left: 24px;} .salehistorytextpanel{margin: 5px 30px 5px 10px; padding: 5px 10px 0px; background-color: #F5F5F5; border-radius: 10px;} .salehistorytextpanel .historytrack{padding: 2px 5px;} .historytrack div{padding-top:2px} .salehistorytextpanel span{color: gray; cursor: pointer; padding: 0px 5px} .salehistorytextpanel span:hover{text-decoration: underline} .salehistorydate{font-weight: bold; color: #0088CC; padding-bottom: 10px !important} .salehistoryuser{color: #0088CC; padding-bottom: 10px !important; margin-top: -5px;} .antifraudlaw_es{background: transparent url('../images/antifraudlaw_es.png') no-repeat center center; width: 100%; height: 100px; margin: 5px 0px -5px; background-size: contain} .antifraudlaw_en{background: transparent url('../images/antifraudlaw_en.png') no-repeat center center; width: 100%; height: 100px; margin: 5px 0px -5px; background-size: contain} .antifraudlaw_fr{background: transparent url('../images/antifraudlaw_fr.png') no-repeat center center; width: 100%; height: 100px; margin: 5px 0px -5px; background-size: contain} .creditlimitpopup{line-height: 1.5; position: fixed; z-index:1; width: 100%; opacity: 0.8; background-color: #F7CECEFF; color: #555; bottom: 0px; text-align: center; padding: 20px;} .creditlimitpopup button{padding: 7px 80px; margin-bottom: 0px; background-image:none !important;} .creditlimitpopup .closepopupbuttonsmall{margin-right: 50px; opacity: 1; margin-top: 0px; position: fixed; z-index: 1; right: 0px; bottom: 100px;} .creditexpirationpopup{line-height: 1.5; position: fixed; z-index:1; width: 100%; opacity: 0.8; background-color: rgb(214, 238, 140); color: #4E6921; bottom: 0px; text-align: center; padding: 20px;} .creditexpirationpopup button{padding: 7px 80px; margin-bottom: 0px; background-image:none !important;} .creditexpirationpopup .closepopupbuttonsmall{margin-right: 50px; opacity: 1; margin-top: 0px; position: fixed; z-index: 1; right: 0px; bottom: 80px;} .creditdiscountpopup{line-height: 1.5; position: fixed; z-index:1; width: 100%; opacity: 0.8; background-color: #0088CC; color: white; bottom: 0px; text-align: center; padding: 20px;} .creditdiscountpopup button{padding: 7px 80px; margin-bottom: 0px; background-image:none !important; background-color: white; color: #0088CC} .creditdiscountpopup button:hover{background-image:none !important; background-color: white; opacity:0.8} .creditdiscountpopup .closepopupbutton{margin-right: 50px; opacity: 1; margin-top: 0px; position: fixed; z-index: 1; right: 0px; bottom: 100px;} .creditdiscountpopup .linklabel{color: white !important} .groupedtaskpopup{position: fixed; z-index:2; width: 350px; opacity: 0.8; bottom: 0px; right:0;} .groupedtaskpopup button{padding: 7px 80px; margin-bottom: 0px; background-image:none !important;} .groupedtaskpopup .closepopupbuttonsmall{margin-right: 50px; opacity: 1; margin-top: 0px; position: fixed; z-index: 1; right: 0px; bottom: 60px;} .groupedtaskpopup .waiting{min-height:200px; background-color: #555; color: #FFF; padding: 20px; border-radius: 10px 0;} .groupedtaskpopup .waiting .linklabel{color:#FFF !important} .groupedtaskpopup .ongoing{min-height:200px; background-color: #0088CC; color: white; padding: 20px; border-radius: 10px 0;} .groupedtaskpopup .done{min-height:200px; background-color: rgb(214, 238, 140); color: #4E6921; padding: 20px; border-radius: 10px 0;} .groupedtaskpopup .error{min-height:200px; background-color: rgb(247, 206, 206); color:rgb(231, 76, 76); padding: 20px; border-radius: 10px 0;} .groupedtaskpopup .progress{animation: heartbeat 2s infinite} @keyframes heartbeat {0% {transform: scale( .85 );} 20% {transform: scale( 1 );} 40% {transform: scale( .85 );} 60% {transform: scale( 1 );} 80% {transform: scale( .85 );} 100% {transform: scale( .85 );} } .loader {border: 5px solid #f3f3f3; border-top: 5px solid #3498db; border-radius: 50%; width: 40px; height: 40px; margin:auto; animation: spin 2s linear infinite;} @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .pingerrorpopup{position: fixed; z-index: 2000; width: 100%; opacity: 0.8; background-color: rgb(247, 206, 206); color: #555; bottom: -60px; text-align: center; padding: 20px; transition: bottom 0.5s linear;} .pingerrorpopup .closepopupbuttonsmall{position: relative; z-index: 2001; opacity: 1; margin-top: -18px; margin-right: 50px;} .popupdeletedpanel{position: absolute; z-index: 1000; opacity: 0.5; height: 100%; width: 100%; background-color: #EEE; top: 0px; text-align:center; font-size: 60px; color:gray;} .moveleftrightbutton{background: transparent url('../images/moveleftright.png') no-repeat center center; width:28px; height:28px; background-size:contain; cursor:pointer;} .moveleftrightbutton:hover{opacity:0.7} .currencyconverterbutton{border: 2px solid #0088CC; padding: 5px 10px; opacity: 0.6} .currencyconverterbutton:hover{opacity:0.4} .currencyselected{background-color:#0088CC; color: white} .selectlangbutton{margin: 0 80px 15px 80px; border-radius: 50px; padding: 10px 0; border: 2px solid #AAA; min-width: 230px;} .languagemenu{margin-left: 25px;} .languagemenu .label{color: #BBB} .languagemenu .langbutton{cursor:pointer; color:#BBB; border:2px solid #BBB; font-size:14px; padding: 8px; border-radius:50px; vertical-align:middle; text-align:center; opacity:0.7} .languagemenu .langbutton:hover{opacity:1} .totalwarningbutton .label{font-size: 14px !important;} .totalwarningbutton span{color: #AAA; font-size: 16px} .multipricetable{width: 90%; margin: auto; border-collapse: collapse; font-size: 12px;} .multipricetable tr:hover{cursor: pointer; background: rgb(214, 238, 140)} .multipricetable .disabled td{color: #BBB !important} .multipricetable th{cursor: default !important; font-weight: normal; color: #555; padding: 10px 2px; background-color: #F0F0F0; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray} .multipricetable td{color: gray; padding: 10px 5px; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; word-break: break-all;} .multipricetable .title{text-align: left; word-break: break-word} .multipricetable .titlenobreak{text-align: left; word-break: keep-all} .multipricetable .quantity{text-align: center; width: 10px; font-size: 11px; padding-right: 10px;} .multipricetable .tax{text-align: center; width: 40px; font-size: 11px} .multipricetable .amount{text-align: right; width: 60px; font-size: 11px;} .multipricetable .amountpadding{text-align: right; width: 60px; font-size: 11px; padding-right: 5px;} .multipricetable .delete{width: 20px;} .multipricetable .empty{text-align: center; color: #AAA; cursor: default;} .multipricetable .empty:hover{cursor: default !important; background: white !important;} .customstocktable{width: 90%; margin: auto; border-collapse: collapse; font-size: 12px;} .customstocktable tr:hover{cursor: pointer; background: rgb(214, 238, 140)} .customstocktable th{cursor: default !important; font-weight: normal; color: #555; padding: 10px 5px; background-color: #F0F0F0; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray} .customstocktable td{color: gray; padding: 10px 5px; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; word-break: break-all;} .customstocktable .title{text-align: left; word-break: break-word} .customstocktable .quantitybefore{width: 50px; font-size: 11px; padding-right: 20px;} .customstocktable .quantity{width: 50px; font-size: 11px; padding-right: 10px;} .customstocktable .quantityafter{width: 50px; font-size: 11px; padding-right: 10px; font-weight:bold} .customstocktable .quantitybordertop{border-top: 3px solid #0088CC; border-right: 3px solid #0088CC; border-left: 3px solid #0088CC} .customstocktable .quantitybordermiddle{border-right: 3px solid #0088CC; border-left: 3px solid #0088CC; background-color: #0088CC11} .customstocktable .quantityborderbottom{border-bottom: 3px solid #0088CC; border-right: 3px solid #0088CC; border-left: 3px solid #0088CC; background-color: #0088CC11} .customstocktable .amount{text-align: right; width: 60px; font-size: 11px;} .customstocktable .delete{width: 25px;} .customstocktable .empty{text-align: center; color: #AAA; cursor: default;} .customstocktable .empty:hover{cursor: default !important; background: white !important;} .stockproductquantitytable{width: 100% !important} .purchaselinestable .amount{width: 80px !important;} .subproductstable{width: 90%; margin: auto; border-collapse: collapse; font-size: 12px;} .subproductstable table{width:100%; border-bottom: 1px solid lightgray; color: gray;} .subproductstable .disabled td{color: #BBB !important} .subproductstable td{vertical-align: middle !important} .subproductstable .header{cursor: default !important; font-weight: normal; background-color: #F0F0F0; color:#555; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray} .subproductstable .header .cell{padding: 10px 5px !important; text-decoration: none !important; cursor: default !important; font-size:12px} .subproductstable .title{width: 230px} .subproductstable .clickable:hover{text-decoration: underline; cursor:pointer} .subproductstable .title span{font-size: 11px; font-style: italic; color: #AAA; padding: 5px 0 0;} .subproductstable .quantity{padding: 0px !important; width: 50px;} .subproductstable .unit{padding: 0 0 0 5px !important; width: 15px;} .subproductstable .cell{padding: 20px 5px;} .subproductstable .delete{width: 25px;} .subproductstable .empty{text-align: center; color: #AAA; cursor: default; padding: 10px 5px !important} .subproductstable .quantity input{margin: 5px 0; padding: 7.5px 2px; width: 50px} .warehouseproductstable{width: 92%; margin: auto; border-collapse: collapse; font-size: 12px;} .warehouseproductstable table{width:100%; border-bottom: 1px solid lightgray; color: gray;} .warehouseproductstable td{vertical-align: middle !important} .warehouseproductstable .header{cursor: default !important; font-weight: normal; background-color: #F0F0F0; color:#555; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray} .warehouseproductstable .header .cell{padding: 10px 5px !important; text-decoration: none !important; cursor: default !important;} .warehouseproductstable .title{width: 258px} .warehouseproductstable .title span{font-size: 10px; color:#AAA !important;} .warehouseproductstable .clickable:hover{cursor:pointer} .warehouseproductstable .quantity{padding: 0px !important; width: 55px; text-align: right;} .warehouseproductstable .unit{padding: 0 0 0 5px !important; width: 15px;} .warehouseproductstable .cell{padding: 15px 5px;} .warehouseproductstable .delete{width: 15px;} .warehouseproductstable .delete .deleteicon {width: 10px; margin: unset; float: right;} .warehouseproductstable .empty{text-align: center; color: #AAA; cursor: default; padding: 10px 5px !important} .warehouseproductstable .quantity input{margin: 5px 0; padding: 7.5px 2px; width: 50px} .deposittable{width: 100%; margin: auto; border-collapse: collapse; font-size: 12px;} .deposittable tr:hover{cursor: pointer; background: rgb(214, 238, 140) !important;} .deposittable .disabled td{color: #BBB !important} .deposittable th{cursor: default !important; font-weight: normal; color: #555; padding: 10px 5px; background-color: #F0F0F0; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray} .deposittable td{color: gray; padding: 10px 5px; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray} .deposittable .number{text-align: left;} .deposittable .date{text-align: left;} .deposittable .percentage{text-align: center; padding: 10px 0 !important; width: 50px;} .deposittable .amount{text-align: right; } .deposittable .status{width: 35px;} .deposittable .status div{float:right} .deposittable .delete{width: 25px;} .deposittable .empty{text-align: center; color: #AAA; cursor: default;} .deposittable .empty:hover{cursor: default !important; background: white !important;} .depositinvoicepanel{min-height:600px} .optionalgrayaction{margin: 10px;} .optionalgrayaction .label{margin: 5px 0} .optionalgrayaction .label:hover{opacity: 0.7} .richtexteditor{ width:500px; margin-left: 20px } .richtexteditor .gwt-ListBox{float:left; margin: 0px 5px 5px 0px;} .gwt-RichTextArea {} .hasRichTextToolbar { border: 0px;} .gwt-RichTextToolbar { background: #e3e8f3 url("../images/gwthborder.png") repeat-x 0px -2003px; border-bottom: 1px solid #BBBBBB; padding: 3px; margin: 0px;} .gwt-RichTextToolbar .gwt-PushButton-up { padding: 0px 1px 0px 0px; margin-right: 4px; margin-bottom: 4px; border-width: 1px;} .gwt-RichTextToolbar .gwt-PushButton-up-hovering { margin-right: 4px; margin-bottom: 4px; padding: 0px 1px 0px 0px; border-width: 1px;} .gwt-RichTextToolbar .gwt-PushButton-down { margin-right: 4px; margin-bottom: 4px; padding: 0px 0px 0px 1px; border-width: 1px;} .gwt-RichTextToolbar .gwt-PushButton-down-hovering { margin-right: 4px; margin-bottom: 4px; padding: 0px 0px 0px 1px; border-width: 1px;} .gwt-RichTextToolbar .gwt-ToggleButton-up { margin-right: 4px; margin-bottom: 4px; padding: 0px 1px 0px 0px; border:1px solid #bbb; border-bottom: 1px solid #a0a0a0;} .gwt-RichTextToolbar .gwt-ToggleButton-up-hovering { margin-right: 4px; margin-bottom: 4px; padding: 0px 1px 0px 0px; border-width: 1px;} .gwt-RichTextToolbar .gwt-ToggleButton-down { margin-right: 4px; margin-bottom: 4px; padding: 0px 0px 0px 1px; border-width: 1px;} .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering { margin-right: 4px; margin-bottom: 4px; padding: 0px 0px 0px 1px; border-width: 1px;} .cw-RichText { border: 1px solid #BBBBBB; border-spacing: 0px;} .ql-editor{max-height: 200px; height: auto !important;} .ql-container{height:auto !important;} .ql-toolbar.ql-snow{background-color:white; border-radius: 20px} .ql-editor .ql-size-large{font-size: 13px;} .deliveryimportwarning{float:none; color:#AAA; font-size:12px;} .deliveryimportwarning span{float:none; color:gray;} .deliveryimportwarning .linklabel{float:none; margin:0px; font-size:12px; text-decoration: underline;} .tablewordbreaknone .resultsline td{word-break: unset !important} .wordbreaknone{word-break: unset !important} .ignoredeliverywarning .linklabel{float:none; font-size: 11px; margin:5px; text-decoration: underline;} .ignoredeliverywarning .label{color: gray !important} .communcationconfigpanel{border: 4px solid #DDD;} .alphanomaxheight .ql-editor{max-height: none !important} .emailconfigpanel{border: 4px solid #DDD; padding: 10px;} .emailconfigpanel:focus-within{border: 4px solid #0088cc7a; padding: 10px;} .emailconfigpanel .ql-container.ql-snow{border: transparent;} .emailconfigpanel .ql-editor{max-height: none !important} .emailconfigfieldpanel div{cursor: pointer; border-radius: 5px; padding: 8px 15px; border: 1px solid #99CC00; color: #99CC00; margin: 8px 0; text-align:center; font-size: 14px;} .emailconfigfieldpanel div:hover{opacity:0.7;} .emailconfigsubjectinput{padding: 12px 7px; font-size: 14px; width: 460px; max-width: 460px;} .emailconfigsubjectinput:focus{border: 1px solid #0088cc; outline: 0; -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);} .emailconfigattachmentbutton{cursor: pointer; margin: 10px 0; background-color: #F5F5F5; padding: 10px; border-radius: 5px; border: 2px solid #EEE} .emailconfigattachmentbutton:hover{opacity: 0.7} .emailconfigattachmentlink{margin: 15px 0 0; background-color: #F5F5F5; padding: 10px; border-radius: 5px} .emailactionspanel{float:left; padding: 15px 10px 5px; margin: 5px; background-color: #F5F5F5; width: 190px; border-radius: 20px; border: 2px solid #0088CC; cursor:pointer;} .emailactionbutton{border-radius:20px; width: 150px; background-color: #0088CC; background-image: none !important} .selectcheckboxtable .checkboxcolumn{max-width:25px;} .selectcheckboxtable td{height:40px; vertical-align: middle !important;} .roundselectbutton{padding: 12px 20px; border: 2px solid #EEE; border-radius: 30px; margin: 10px 0; font-size: 15px; color: gray} .roundselectbutton span{font-size: 13px; color:#BBB; white-space: nowrap} .roundselectbutton:hover{background-color:#99cc0030; border: 2px solid #99CC00 !important; cursor: pointer} .roundselectbutton .editicon{float:right; background: transparent url("../images/customfields.png") no-repeat center center; height: 18px; width: 18px; background-size: contain !important; opacity: 0.3;} .roundselectbutton .editicon:hover{opacity:0.5} .tagselectbutton .editicon{opacity: 0.5} .tagselectbutton .editicon:hover{opacity: 0.7} .tagselectbutton {opacity: 0.8} .tagcolorstable table{} .tagcolorstable tr{} .tagcolorstable td{padding: 3px 5px; cursor: pointer;} .tagcolorstable td:hover{opacity:0.7} .tagcolorstable td .colorcell{height:50px; width:50px; border-radius:50px;} .tagcolorstable td .colorcell .selectedtagcheck{margin: 10px 15px;} .tagcolorstable td .customcolor{border: 2px dashed #AAA; background-color: #FFFFFF; height: 45px; width: 45px;} .selectedtagcheck {display: inline-block; transform: rotate(45deg); height: 24px; width: 12px; border-bottom: 3px solid #0088cc; border-right: 3px solid #0088cc;} .separator{border-top: 3px solid #EEE; clear: both;} .settingsitem{padding: 5px 10px; background-color: #FAFAFA; color: gray; cursor:pointer;} .dashboardpage{margin-left: -70px} .dashboardpage .table100{height:0; min-height:0;} .dashboardtitle{color:#AAA; font-weight: normal; font-size:13px; padding: 10px 0 5px;} .dashboardrow{display: flex; flex-direction:row; flex-wrap:wrap; max-width:1400px; margin: auto; justify-content: center; align-items: flex-end;} .dashboardnodatapanel{position: absolute; z-index:1; cursor:default; opacity: 0.5; height: 100%; width: 100%; background-color: #EEE; text-align: center; font-size: 20px; color: #555; margin-top: -5px; margin-left: -10px;} .dashboardcardloading{background-image: linear-gradient(to right, #FFF 0%, rgba(0,0,0,0.05) 30%, #FFF 100% );background-repeat: no-repeat;background-size: 100px;animation: shimmer 1s linear infinite;} @keyframes shimmer { 0%{background-position: -450px 0;} 100%{background-position: 450px 0;} } .dashboardcard{border-radius:5px; background-color: white; padding: 10px 20px 10px; box-shadow: rgba(145, 158, 171, 0.2) 0px 3px 1px -2px, rgba(145, 158, 171, 0.14) 0px 2px 2px 0px, rgba(145, 158, 171, 0.12) 0px 1px 5px 0px} .dashboardcardresume{min-height:163px;} .dashboardcardhistorical{min-height:215px;} .dashboarddoughnutvalue{position:relative; top:45px; width:150px; text-align: center;} .dashboarddoughnut{width:150px; height:150px; margin-top:-50px; position:relative; cursor:pointer;} .dashboarddoughnutexpenses{margin:-50px auto 0} .dashboardcardpanel{display: flex; flex-direction: column; padding: 5px 10px; position:relative; width:45%; min-width:480px;} .dashboardcardsalespanel{width:45%; min-width:480px;} .dashboardsalestable{width: 80% !important; min-width: 300px; margin: auto; float: right; margin-top: -10px;} .dashboardcardexpensespanel{min-width:300px; padding-right: 20px;} .dashboardexpensestable{margin: auto; margin-top: -10px;} .dashboardcardbalancepanel{min-width:140px; } .dashboardcardtitle{color:#D6D6D6; font-weight: bold; font-size:16px; position:relative; left:-10px;} .dashboardcardsubtitle{font-size:12px; color:#bbb;} .dashboardcardbigvalue{color:#555; font-weight: bold; font-size:36px;} .dashboardcardmiddlevalue{font-size:26px; font-weight: bold; color:#555;} .dashboardcardvalue{font-size:16px; font-weight: bold; color:#555;} .clickable:hover{cursor:pointer; text-decoration: underline} .dashboardpreferences .inputtitle{font-size: 13px; color: gray;} .contactformbutton{float:none; cursor: pointer; margin: auto; width: 200px; text-align: center; padding: 10px 20px; font-size: 14px; border: 2px solid #0088CC; border-radius: 30px; color: #0088CC !important;} .contactformbutton:hover{opacity:0.7; color:white !important; background-color:#0088cc} .tooltip {position: relative; display: inline-block;} .tooltip .tooltiptext {position: absolute; z-index: 1000; top:-30px; left:0px; visibility: hidden; width: 200px; background-color: gray; color: #fff; padding: 5px 10px; border-radius: 3px; opacity: 0; transition: opacity 1s;} .tooltip .leftposition{left: auto !important; right: 15px !important;} .tooltip:hover .tooltiptext {visibility: visible; opacity:0.8;} .stockalertbutton{border: 2px solid #BBB; background-color:white; padding:5px; border-radius: 30px} .stockalerticon{background: transparent url('../images/verticalmenunotificationicon.png') no-repeat center center; width:16px; height: 16px; background-size:contain; margin: auto; opacity:0.7} .clientmainpanel{background-color:#F5F5F5; padding: 5px 0;} .clientrowpanel{display: flex; flex-direction:row; flex-wrap:wrap;} .clientcolumnpanel{display: flex; flex-direction: column; min-width:400px; width: 50%;} .clientcardpanel{padding: 10px; margin:0 auto; width:380px;} .clientcard{border-radius:5px; background-color: white; padding: 10px 20px 20px;} .clientspecificmentionpanel{cursor:pointer; background-color:#99CC0011; border:2px solid #99CC00; border-radius:5px; color:#99CC00; padding: 10px; margin: 15px 0 0;} .saleclientchoicespecificmention{cursor: default; margin: 35px 40px -20px;} .salepaymentdefinitionspecificmention{cursor: default; margin: 20px auto -10px;} .toomanylinespanel{padding: 20px 30px; background: #F0F0F0; margin: 20px 50px 0; border-radius: 10px; text-align: center;} .tutorialsicon{background: transparent url('../images/tutorialsicon.png') no-repeat center center; width:25px; height: 25px; margin: auto;} .tutorialpopup{position: fixed; z-index:1001; max-width:250px; bottom: 0px; right:0; padding: 5px 15px 5px 20px; top: auto; left: auto; margin: 20px 40px; border-radius:20px;} .tutorialclosed{background-color: #0088CC; opacity:0.9;} .tutorialclosed .title{color: white} .tutorialopen{background-color: white; opacity:1; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2); padding: 10px 15px 15px 20px;} .tutorialpopup table{margin: auto; cursor: pointer;} .tutorialpopup .title .label{font-size:16px; float:none; padding-right:5px;} .tutorialpopup .linklabel .label{text-decoration: underline; color: #AAA; font-size: 13px; margin:15px 0;} .tutorialpopup .linklabel .label:hover{color:#008CCC} .bluearrow{border: 2px solid #0088CC; border-radius: 20px; text-align: center; padding: 5px; width: 20px; height:20px; margin:0px auto 20px; cursor: pointer;} .bluearrow i{border: solid #0088CC; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg);-webkit-transform: rotate(45deg);} .product-images-button-panel{opacity: 0.8; text-align:center} .product-images-button-panel:hover{opacity: 1; cursor: pointer;} .product-images-button-panel:hover .product-images-button{background-color: #FAFAFA} .product-images-button{width: 55px; height: 55px; border-radius: 100px; background-color:#FFF; color:#CCC; font-size: 20px; border: 2px dashed #CCC; cursor: pointer;} .product-images-container{display: flex; flex-wrap: wrap; align-items: center; max-width: 400px; gap: 10px; box-sizing: border-box; margin: 0 auto; padding-bottom: 10px;} .product-images-item{cursor:pointer; display: flex; flex-direction: column; align-items: center; position: relative; max-width:60px; height:60px; justify-content: center} .product-images-item-img{height:55px; width: 55px; border-radius: 100px; border: 1px solid #E0E0E0; padding: 2px; object-fit: cover; overflow: hidden;} .product-images-item-img:hover{opacity: 0.8; border: 1px solid #AAA;} .label-images-button-panel{opacity: 0.8; text-align:center} .label-images-button-panel:hover{opacity: 1; cursor: pointer;} .label-images-button-panel:hover .label{text-decoration: underline;} .label-images-button-panel:hover .label-images-button{background-color: #FAFAFA} .label-images-button{width: 40px; height: 40px; border-radius: 50%; background-color:#FFF; color:#CCC; font-size: 24px; border: 3px solid #CCC; cursor: pointer;} .label-images-container{display: flex; flex-wrap: wrap; align-items: center; max-width: 720px; gap: 10px; box-sizing: border-box; margin: 10px auto 0; padding-bottom: 10px;} .label-images-item{display: flex; flex-direction: column; align-items: center; position: relative; max-width:140px; max-height:50px; cursor:pointer;} .label-images-item:hover .label-images-item-delete{opacity: 0.8;} .label-images-item-delete{opacity: 0; position:relative; cursor:pointer; background-color:#888; color: white; font-size:12px; text-align:center; padding:5px 0; margin-top:-25px; width:100%; } .docs-list-button{color: #99CC00;float: right;margin: 30px 60px 20px 0px;border: 2px #99CC00 solid;border-radius: 40px;padding: 10px 15px;font-size: 15px;background-color: #FFF;} .docs-list-button:hover{opacity: 0.7; cursor: pointer;} .docs-list-container{display: flex; flex-wrap: wrap; align-items: center; max-width: 720px; gap: 30px; box-sizing: border-box; margin: 50px auto 0; padding-bottom: 50px;} .docs-list-item{display: flex; flex-direction: column; align-items: center; position: relative; } .docs-list-item-paper{width: 130px; height: 180px; box-sizing: border-box; background-color: white; border: 1px solid #ddd; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); padding: 10px; cursor:pointer;} .docs-list-item-paper:hover{opacity:0.5} .docs-list-item-paper .photo table{width:100%; height: 50px; margin-bottom: 10px; border-collapse: collapse;} .docs-list-item-paper .photo table td{background-color: #FAFAFA; vertical-align: top; padding: 0 5px; font-size: 10px; height: 30px;} .docs-list-item-paper .photo table .photoicon{width: 15px; height: 15px; margin: 5px auto;} .docs-list-item-paper .compact table{width:100%; height: 30px; margin-bottom: 10px;} .docs-list-item-paper .compact table td{padding: 2px 5px;vertical-align: top;font-size: 10px;} .docs-list-item-paper .blocks table{width:45px; border-spacing: 0px; border-collapse: collapse; margin-bottom:20px; opacity:0.3;} .docs-list-item-paper .blocks table td{padding:2px;} .docs-list-item-paper .blocks .recipient-info{width: 30px; height: 30px; background-color:#E0E0E0} .docs-list-item-paper .prodser-table{border-spacing: 0px; border-collapse: collapse; width:100%; opacity:0.3; margin-bottom: 10px;} .docs-list-item-paper .prodser-table td{padding: 2px; border:1px solid red;} .docs-list-item-paper .comment{background-color:#E0E0E0; width:100%; height: 20px; opacity: 0.3} .docs-list-item-label{font-size:14px; color: #AAA; margin:10px 0;} .docs-list-add-button{width: 40px; height: 40px; border-radius: 50%; background-color: #0088CC; color: white; font-size: 24px; border: none; cursor: pointer;} .pagecardrow{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;} .pagecardpanel{display: flex; flex-direction: column; padding: 0px 0px 10px; min-width:450px; width:48%} .pagecard{border-radius:10px; background-color: #FFF; padding:10px 50px 5px 30px; box-shadow: rgba(145, 158, 171, 0.2) 0px 3px 1px -2px, rgba(145, 158, 171, 0.14) 0px 2px 2px 0px, rgba(145, 158, 171, 0.12) 0px 1px 5px 0px} .pagecardbuttons{margin-top:-30px; box-shadow:none; background-color:transparent} .resultsline{height: 40px; border-bottom: 1px solid #F0F0F0} .resultsline:hover{height: 40px; background: #99CC0015 !important; cursor: pointer} .resulttablediv{background-color: white; border-radius:10px; box-shadow: rgba(145, 158, 171, 0.2) 0px 3px 1px -2px, rgba(145, 158, 171, 0.14) 0px 2px 2px 0px, rgba(145, 158, 171, 0.12) 0px 1px 5px 0px} .resultstable{border-style: none; color:#0D2C52;} .resultstabletotalfixed{float:right; margin: 10px 0;} .resultstabletotal{border-style: none; margin-bottom: -10px; height: 40px;} .resultstabletotal td{padding: 15px 5px 10px; cursor: default; text-align: right !important;} .resultstabletotal .columnsmallicon{padding: 0 10px} .resultstabletotal .triablecolumn{cursor:default !important; background-color:transparent !important;} .resultstabletotallabel{color:#AAA; text-align: right !important; padding:5px 5px 0px 5px; font-size: 15px; font-weight: bold; white-space: nowrap} .resultstabletotallabel:hover{cursor:default !important; text-decoration: none !important} .resultstabletotalvalue{color:#AAA; text-align: right; padding: 5px 12px 0px 5px; font-size: 15px; font-weight: bold} .resultstabletotalvalue:hover{cursor:default !important; text-decoration: none !important;} .tablelineon{background-color: #FAFAFA} .tableheader{color : #555; cursor:default; word-break:normal; white-space:pre-line; height:42px; font-weight: bold} .tableheader td{padding: 8px 5px; font-size: 13px;} .triablecolumn{cursor: pointer} .triablecolumn:hover{text-decoration: underline; opacity: 0.8} .triablecolumn td{padding: 0px;} .arrowsortdown{background: transparent url("../images/arrowsort.png") no-repeat center center; height:12px; width:12px; background-size:contain; margin-left:10px;} .arrowsortup{background: transparent url("../images/arrowsort.png") no-repeat center center; transform:rotatex(180deg); height:12px; width:12px; background-size:contain; margin-left:10px;} .configicon{background: transparent url("../images/configicon.png") no-repeat center center; height:20px; width:20px; background-size:contain; margin-left:10px; opacity:0.6; cursor:pointer} .configicon:hover{opacity:1} .datatableconfigicon{background: transparent url("../images/configicon.png") no-repeat center center; height:20px; width:20px; background-size:contain; cursor:pointer} .resultstable .arrowdown {margin: 5px; border: solid #555; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg);} .resultstable .arrowup {margin: 7px 5px 0; border: solid #555; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);} .tableactionspanel{height: 40px; margin: 0 0 15px} .tableactions{color:#555; margin: 5px 0} .tableactiontext{font-size: 12px;} .tableactionresultnumberbutton{float:right; margin-top: 8px; margin-right: 20px; background-color:#FFF; padding: 5px 5px 5px 10px; border-radius: 20px; box-shadow: rgba(145, 158, 171, 0.2) 0px 3px 1px -2px, rgba(145, 158, 171, 0.14) 0px 2px 2px 0px, rgba(145, 158, 171, 0.12) 0px 1px } .tableactionresultnumber{font-size: 11px; display:table-row} .tableactionresultnumber .input{font-size: 11px; width: 35px; border:none; text-decoration: underline; cursor: pointer;} .tableactionsright{float: right; margin-right: 10px; display:table; height: 100%;} .tableactionbutton{background-color: #FFF; border: none; border-radius: 20px; cursor: pointer; padding: 12px; box-shadow: rgba(145, 158, 171, 0.2) 0px 3px 1px -2px, rgba(145, 158, 171, 0.14) 0px 2px 2px 0px, rgba(145, 158, 171, 0.12) 0px 1px 5px 0px} .tableactionbutton div{opacity:0.8} .tableactionbutton:hover{opacity: 0.6} .tablesettingsbutton{background-color: #FFF; border: none; border-radius: 20px; cursor: pointer; padding: 10px; box-shadow: rgba(145, 158, 171, 0.2) 0px 3px 1px -2px, rgba(145, 158, 171, 0.14) 0px 2px 2px 0px, rgba(145, 158, 171, 0.12) 0px 1px 5px 0px} .tablesettingsbutton div{opacity:0.8} .tablesettingsbutton:hover{opacity: 0.8} .groupedactionbutton{opacity:0.8; float:left; margin:-20px 15px 0 0; cursor: pointer; border: 2px solid #0088CC; background-color: #FFF; padding: 6px; border-radius: 40px; box-shadow: rgba(145, 158, 171, 0.2) 0px 3px 1px -2px, rgba(145, 158, 171, 0.14) 0px 2px 2px 0px, rgba(145, 158, 171, 0.12) 0px 1px 5px 0px} .groupedactionbutton:hover{transform: scale(1.1)} .actionbutton{float:left; margin:-20px 15px 0 0; cursor: pointer; padding: 10px; border-radius: 40px; background-color: #FFF; box-shadow: rgba(145, 158, 171, 0.2) 0px 3px 1px -2px, rgba(145, 158, 171, 0.14) 0px 2px 2px 0px, rgba(145, 158, 171, 0.12) 0px 1px 5px 0px} .actionbutton div{opacity:0.7} .actionbutton:hover{transform: scale(1.1)} .pushfootertobottom{height: 500px} .gwt-PopupPanelGlass{z-index: 999; width: 100% !important} .image-popup {z-index: 1000; min-width: 300px; background: white; padding: 5px 10px; border-radius: 5px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);} .close-button {background: none; border: none; font-size: 24px; cursor: pointer; padding: 0 8px; border-radius: 100%; color: #AAA;} .close-button:hover {background-color: #EEE; color: #555;} .full-size-image {max-width: 800px; max-height: 800px; object-fit: contain;} .delete-link {cursor: pointer; padding: 10px; margin: 20px 0 10px; width: 100px; color: #999; border-radius: 100px; opacity: 0.7; text-decoration: underline} .delete-link:hover {background-color: #EEE; color: #555;} .abarrt-home-widget{margin-top: 10px; padding: 0px 10px 0px; max-width: 1300px} /* Small = 800px */ @media only screen and (max-width: 1000px) { .pushfootertobottom{height: 600px} } /* Medium = 1300px */ @media only screen and (max-width: 1300px) { .dashboardpage{margin-left: auto} .pagetitlepanel{margin: 20px 10px 5px 10px;} .pagecontentpanel {clear: both; margin: 0 10px 10px;} .pagecard{padding: 10px 30px 5px} .results{width: 100%; margin-top: 0;} .tutorialsverticalbutton{display:none} .einvoicingverticalbutton{display:none} .referralsverticalbutton{display:none} }