<>
:root {
--ui--page-header-1: #012970;
--ui--page-header-2: #444;
--ui--page-header-3: #165C92;
--ui--link:#165C92;
--ui--page-background:#FFFFFF;
--ui--page-background-light-overlay:rgba(1331892420.1);
--ui--page-text:#000;
--ui--menu-background:#FFF;
--ui--menu-text:#013289;
--ui--control-background:#fff;
--ui--control-text:rgb(33,37,41);
--ui--control-border:rgb(206,212,218);
--ui--pre-text:#333333;
--ui--pre-background:#f5f5f5;
--ui--highlight:#348CC7;
--ui--highlight-text:#000000;
--ui--highlight-light:rgba(521401990.35);
--ui--highlight-xlight:rgba(521401990.15);
--ui--highlight-dark:#1a4663;
--ui--input-inset-group:#DEDEDE;
--ui--error-background:rgb(2045151);
--ui--error-text:#FFFFFF;
--ui--notice-background:linear-gradient(to bottom,#2078B3 90%,#134769 100%);
--ui--notice-text:#EEE;
--ui--control-disabled-background:linear-gradient(to bottom,#FFFFFF 0%,#FFFFFF 100%);
--ui--control-disabled-text:rgba(17,17,17,0.5);
--ui--control-disabled-border:rgba(183,183,183,0.2);
--ui--input-checkbox-color:#000000;
--ui--input-checkbox-difference:#000000;
--ui--input-button-background:rgba(255,255,255,1);
--ui--input-button-text:#333333;
--ui--input-button-border:#B7B7B7;
--ui--input-button-hover-background:linear-gradient(to bottom,#FEFEFE 0%,#D1D1D1 49%,#DBDBDB 50%,#E2E2E2 100%);
--ui--input-button-hover-text:#333333;
--ui--input-button-hover-border:#B7B7B7;
--ui--input-button-alert-background:linear-gradient(to bottom,#B01C1C 0%,#AB1B1B 50%,#A31919 51%,#C51F1F 100%);
--ui--input-button-alert-text:#FFFFFF;
--ui--input-button-alert-border:#111;
--ui--input-button-alhov-background:linear-gradient(to bottom,#C01E1E 0%,#B91D1D 50%,#B01C1C 51%,#D62222 100%);
--ui--input-button-alhov-text:#FFFFFF;
--ui--input-button-alhov-border:#111;
--ui--input-button-disabled-background:linear-gradient(to bottom,#C8C8C8 0%,#C8C8C8 100%);
--ui--input-button-disabled-text:#444;
--ui--input-button-disabled-border:rgba(0,0,0,0);
--ui--input-button-pressed-background:linear-gradient(to bottom,#7E7E7E 0%,#9C9C9C 74%);
--ui--input-button-pressed-text:#FFF;
--ui--input-button-pressed-text-shadow:rgba(0000.5);
--ui--input-button-img-opacity:1;
--ui--input-button-hover-img-opacity:1;
--ui--top-menu-background:linear-gradient(to bottom,#2078B3 90%,#134769 100%);
--ui--top-menu-text:#EEE;
--ui--main-menu-background:#2078B3;
--ui--main-menu-text:#FFF;
--ui--side-menu-background:linear-gradient(to bottom,#2078B3 90%,#134769 100%);
--ui--side-menu-highlight:#2790D6;
--ui--side-menu-highlight-text:#FFFFFF;
--ui--side-menu-text:#FFFFFF;
--ui--side-menu-border:rgba(0,0,0,0.25);
--ui--ui-controls-header-background:linear-gradient(to bottom,#FAFCFD 0%,#FAFCFD 32%,#E1E3E4 100%);
--ui--ui-controls-header-text:#282828;
--ui--ui-controls-border:#B7B7B7;
--ui--ui-controls-inner-border:#CCCCCC;
--ui--ui-controls-background:linear-gradient(to bottom,#FEFEFE 0%,#FEFEFE 100%);
--ui--ui-sub-group-background:linear-gradient(to bottom,#F4F9FC 0%,#E4F0F7 50%,#D6E8F3 51%,#EAF3F9 100%);
--ui--ui-sub-group-text:#000000;
--ui--ui-sub-taskbar-background:linear-gradient(to bottom,#C6D9E3 0%,#C6D9E3 100%);
--ui--ui-sub-taskbar-text:#000000;
--ui--tab-active:#FFFFFF;
--ui--data-table-row:#FFFFFF;
--ui--data-table-row-alt:#FFFFFF;
--ui--context-menu-item-hover:linear-gradient(to bottom,#E8E8E8 0%,#E8E8E8 100%);
--ui--context-menu-background:linear-gradient(to bottom,#FFFFFF 0%,#FFFFFF 100%);
--ui--context-menu-text:#111111;
--ui--context-menu-link:#00498A;
--ui--context-menu-border:rgba(0,0,0,0.5);
--ui--context-menu-innerborder:#D0D0D0;
--ui--context-menu-shadow-color:rgba(0,0,0,0.5);
--ui--dialog-background:linear-gradient(to bottom,#FFFFFF 0%,#FFFFFF 100%);
--ui--dialog-text:#111111;
--ui--dialog-link:#00498A;
--ui--dialog-border:rgba(0,0,0,0.2);
--ui--dialog-innerborder:#D0D0D0;
--ui--dialog-shadow-color:rgba(0,0,0,0.5);
--ui--dialog-overlay:rgba(0,0,0,0.7);
--ui--dialog-title-background:0% e6e6e6100% #e6e6e6;
--ui--dialog-title-text:#555555;
--ui--dialog-title-link:#00498A;
--ui--dialog-title-border:#d3d3d3;
--ui--table-background:#FFFFFF;
--ui--table-background-alt:#ECF6FC;
--ui--table-background-hover:#d4dde2;
--ui--table-text:#000000;
--ui--table-border:#00498A;
--ui--table-inner-border:#C9C9C9;
--ui--table-title-background:linear-gradient(to bottom,#003166 0%,#074b98 98%);
--ui--table-title-text:#FFFFFF;
--ui--table-title-link:#FFFFFF;
--ui--table-header-background:linear-gradient(to bottom,#66BEF9 0%,#2078B3 100%);
--ui--table-header-text:#FFFFFF;
--ui--table-header-link:#FFFFFF;
--ui--dash-background:#EEEEEE;
--ui--dash-background-alt:#FFFFFF;
--ui--dash-text:#333333;
--ui--dash-link:#00498A;
--ui--dash-border:#00498A;
--ui--dash-inner-border:#F0F0F0;
--ui--dash-header-background:linear-gradient(to bottom,#E2E2E2 0%,#BCBCBC 10%,#E8E8E8 100%);
--ui--dash-header-text:#00498A;
--ui--dash-sub-header-text:#000000;
--ui--template:default;
--ui--vh:calc(100vh - calc(100vh - 100%));
--ui--dpi:1;
--ui--left-menu-background-width:128px;
--ui--left-menu-width:148px;
--ui--top-menu-height:42px;
--ui--taskbar-height:0px;
--ui--pace-scale:0.75;
--ui--highlight-text-shadow: rgba(255,255,255,0.5);
--ui--error-border:#810000;
--ui--notice-border:#002d68;
--ui--side-menu-background-end:#134769;
--ui--table-border-d75:#00003f;
--ui--table-title-background-o20:rgba(321201790.2);
--ui--table-title-background-end:#2078B3;
--ui--legacy-main-menu-border:#185a86;
--ui--legacy-main-menu-sub:#68a7d0;
--ui--legacy-main-menu-home:linear-gradient(to bottom#2078B3 0%#68a7d0 100%);
--ui--legacy-main-menu-home-hover:linear-gradient(to bottom#2384c4 0%#72b7e4 100%);
--ui--table-header-background-end:#2078B3;
--ui--page-background-end:#FFFFFF;
--ui--ui-top-menu-background-end:#134769;
--ui--ui-dash-header-background-end:rgba(2322322321);
--ui--ui-controls-header-background-start:rgba(2502522531);
--ui--ui-controls-header-background-end:rgba(2252272281);
--ui--ui-dash-header-text-shadow:#FFF;
--ui--ui-controls-header-background-reversed:linear-gradient(to top#FAFCFD 0%#FAFCFD 32%#E1E3E4 100%);
--ui--ui-controls-header-text-light:rgba(4040400.95);
--ui--input-autocomplete-shadow: #348cc7;
}
* { text-rendering: optimizeLegibility; }
#mainMenu > li { font-size: 14pt; line-height: 24px; }
.ui-dialog { padding: 12px; }
.ui-dialog-titlebar-close { top: -12px; position: relative; right: -12px; }
nowrap { white-space: nowrap; }
hr {
background: transparent url(../media/divider.png) no-repeat center 0;
border: 0;
margin: 22px 0 22px 0;
height: 6px;
}
.btn {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #333333;
text-shadow: 0 1px 1px rgba(2552552550.75);
background-image: linear-gradient(to bottom#ffffff#e6e6e6);
background-repeat: repeat-x;
border: 1px solid #cccccc;
border-bottom-color: #b3b3b3;
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.2)0 1px 2px rgba(0,0,0,.05);
}
.btn-large {
border-radius: 6px 6px 6px 6px;
font-size: 17.5px;
padding: 11px 19px;
}
.btn-primary {
background-color: #006DCC;
background-image: linear-gradient(to bottom#007AB8#0044CC);
background-repeat: repeat-x;
border-color: rgba(0000.1) rgba(0000.1) rgba(0000.25);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0000.25);
}
p {
line-height: 24px;
margin: 0 0 20px;
}
* {
padding: 0;
margin: 0;
}
htmlbody {
height: 100%;
}
ul {
list-: none outside none;
margin: 0 0 10px 25px;
}
li {
line-height: 24px;
}
body{
background-color: var(--ui--page-background);
color: var(--ui--page-text);
font-family: Arial,sans-serif;
font-size: 14px;
line-height: 22px;
margin: 0;
}
img{
border: none !important;
display: inline-block;
}
h1h2h3 {
font-weight: 200;
margin: 0;
}
h1 {
font-size: 44px;
line-height: 44px;
margin: 0 0 32px 0;
}
h2 {
font-size: 39px;
line-height: 44px;
margin: 0 0 32px 0;
}
h3 {
font-size: 25px;
line-height: 24px;
margin-bottom: 33px;
text-transform: uppercase;
}
.h4{
font-size: 27px;
font-weight: 400;
line-height: 27px;
}
.heading {
font-size: 18px;
font-weight: bold;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 30px;
}
#view{
min-height: 300px;
position: relative;
margin: auto;
font-family: Arial,sans-serif;
color: var(--ui--page-text);
}
header {
box-sizing: border-box;
width: 100%;
position: fixed;
z-index: 100000;
left: 0;
overflow: hidden;
color: var(--ui--menu-text#013289);
height: 44px;
padding-top: 15px;
padding-bottom: 15px;
transition: height 333mspadding 333msbackground-color 333ms;
}
header.header-float {
background: var(--ui--menu-background#FFF);
padding-top: 10px;
padding-bottom: 10px;
height: 64px;
box-shadow: 0px 2px 20px rgba(0000.1);
}
header > nav {
overflow: hidden;
display: block;
}
header > nav > i {
display: none;
float: right;
font-size: 42px;
}
header#header_place_holder{
height: 74px;
}
#NP_Logo.np_logo_nolapro:before#NP_CS_LOGO.np_logo_nolapro:before,
#NP_Logo.np_logo_nolapro:after#NP_CS_LOGO.np_logo_nolapro:after {
text-shadow: 0 0 1px #000;
font-size: 46px;
line-height: 50px;
font-weight: bold;
font-kerning: 110%;
display: block;
position: absolute;
top: 0;
left: 0;
height: 50px;
line-height: 1.15em;
text-align: left;
text-shadow: 1px 1px 3px rgba(0000.25);
font-family: sans-serif;
transform: scaleX(0.95);
}
#NP_Logo.np_logo_nolapro:before#NP_CS_LOGO.np_logo_nolapro:before {
color: #007ab8;
content: 'Nola';
background: none;
left: 3px;
}
#NP_Logo.np_logo_nolapro:after#NP_CS_LOGO.np_logo_nolapro:after {
color: #F47F40;
content: 'Pro';
position: absolute;
left: 100px;
background: none;
}
#NP_Logo.np_logo_nolaprocs:before#NP_CS_LOGO.np_logo_nolaprocs:before,
#NP_Logo.np_logo_nolaprocs:after#NP_CS_LOGO.np_logo_nolaprocs:after {
background: #37517e;
text-shadow: 0 0 1px #000;
font-size: 50px;
line-height: 50px;
font-weight: bold;
font-kerning: 110%;
display: block;
position: absolute;
top: 0;
left: 0;
height: 50px;
line-height: 1.15em;
text-align: left;
text-shadow: 0 0 1px #000 -1px -1px 1px rgba(0,0,0,0.5);
font-family: sans-serif;
}
#NP_Logo.np_logo_nolaprocs:before#NP_CS_LOGO.np_logo_nolaprocs:before {
color: #007ab8;
content: 'NolaPro';
}
#NP_Logo.np_logo_nolaprocs:after#NP_CS_LOGO.np_logo_nolaprocs:after {
color: #F47F40;
content: 'ERP';
position: absolute;
left: 103px;
}
.nav {
margin-left: 0;
margin-bottom: 20px;
list-: none;
}
.nav > li > a {
display: block;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.nav-pills > li {
float: left;
}
.nav-pills:before.nav-pills:after {
content: "";
display: table;
line-height: 0;
}
.nav-pills:after {
clear: both;
}
.nav-pills:before.nav-pills:after {
content: "";
display: table;
line-height: 0;
}
header .nav-pills > li > a {
margin-bottom: 2px;
margin-top: 2px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 12px;
padding-right: 12px;
font-size: 16px;
font-: normal;
font-weight: 600;
line-height: 20px;
margin-left: 3px;
margin-right: 3px;
text-decoration: none;
font-family: sans-serif;
letter-spacing: 1px;
color:var(--ui--menu-text#013289);
}
.nav > li > a:hover.nav > li > a:focus {
background-color: rgba(2552552550.15);
text-decoration: none;
}
.nav-pills {
*zoom: 1;
}
.nav-pills:before,
.nav-pills:after {
display: table;
content: "";
line-height: 0;
}
.nav-pills:after {
clear: both;
}
.nav-pills > li {
float: left;
}
input[type="text"]input[type="password"]select { height: 43px; margin-bottom: 6px; vertical-align: middle; }
select { height: 26px; }
textarea { height: 27px; margin-bottom: 10px; vertical-align: middle; }
input,
select,
textarea {
font-size: 14px;
font-weight: normal;
line-height: 43px;
padding: 10px 15px;
border: 1px solid #ced4da;
}
label {
font-size: 14px;
display: block;
}
buttoninput[type="submit"] {
line-height: 43px;
font-size: 14px;
background-color: #4154F1;
text-align: center;
box-shadow: 0px 5px 30px rgb(65 84 241 / 40%);
border-radius: 4px;
color: #FFF;
padding: 4px 40px;
font-weight: bold;
border: 0;
}
.pHoverShift {
padding-left: 0px;
padding-right: 8px;
transition: padding 333ms;
}
*:hover > .pHoverShift {
padding-left: 8px;
padding-right: 0px;
}
#footer .container:after {
clear: both;
}
#footer .container:before.container:after {
content: "";
display: table;
line-height: 0;
}
.featurePopupDetails{ display: none; }
.featurePopupDetailsAddonsHeader{ clear: both !important; }
.no_over_flow { overflow: hidden; }
[class^="icon-"],[class*=" icon-"]{font-weight:normal;display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;}
.icon-reorder::before { content: '\f0c9'; }
.sys_error{
text-align: center;
font-size: 12pt;
font-weight: bold;
background: #F88;
border: 1px solid #F44;
border-left: none;
border-right: none;
padding: 8px;
}
.sys_notice{
text-align: center;
font-size: 1.7em;
font-weight: bold;
background: #659FCF;
background: rgba(1011592070.9);
border: 1px solid #1365B8;
border-left: none;
border-right: none;
padding: 8px;
}
.sys_notice h1.sys_notice h2.sys_notice h3{
font-size: 1em !important;
}
.product-compare-table li{
height: 14pt;
}
div.pricing-table li {
border-top: 1px solid #ddd;
padding: 12px 0;
}
.product-compare-table .plan{
margin: 0 !important;
}
.product-compare-table .span3{
margin: 0;
padding: 0;
}
.span3 {
width: 220px;
}
section {
background: var(--ui--page-background);
background-attachment: fixed;
background-size: cover;
}
@media (min-width: 1640px) {
.span3 {
width: 270px;
}
}
@media (max-width: 1639px) {
.plan > button {
padding: 4px 20px;
}
}
headersection {
padding-left: 24px;
padding-right: 24px;
}
@media (min-width: 1272px) {
headersection {
padding-left: min(24px50vw - 636px);
padding-right: min(24px50vw - 636px);
}
}
.section-title h2 {
font-size: 32px;
font-weight: bold;
text-transform: uppercase;
color: #222222;
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
}
.section-title h2::before.section-title h2::after {
content: '';
width: 50px;
height: 3px;
background: #3498db;
display: inline-block;
margin: 0px 8px 8px 8px;
}
.section-title p {
margin: 15px 0 0 0;
color: var(--ui--page-header-2);
text-align: center;
line-height: 24px;
font-size: 18px;
margin-bottom: 15px;
}
.fade-in {
opacity: 0;
}
.fade-up {
opacity: 0;
transform: translate(050%);
}
.drop-fade-up {
opacity: 0;
transform: translate(0-100%);
}
.drop-fade-up-slow {
opacity: 0;
transform: translate(0-100%);
}
.drop-fade-up-slower {
opacity: 0;
transform: translate(0-100%);
}
.fade-zoom-out.fade-zoom-out-slow {
opacity: 0;
transform: scale(1.51.5);
}
.up-down {
transform: translateY(10px);
}
.fade-right {
opacity: 0;
transform: translate(-150%0);
}
.fade-left {
opacity: 0;
transform: translate(150%0);
}
.fade-right-small {
opacity: 0;
transform: translate(-75%0);
}
.fade-left-small {
opacity: 0;
transform: translate(-75%0);
}
.fade-in.animate {
animation: fade-in-animation 1.33s normal forwards ease-in-out;
}
.fade-up.animate {
animation: fade-up-animation 0.7s normal forwards ease-in-out;
}
.drop-fade-up.animate {
animation: drop-fade-up-animation 0.7s normal forwards ease-in-out;
}
.drop-fade-up-fast.animate {
animation: drop-fade-up-animation 0.33s normal forwards ease-in-out;
}
.drop-fade-up-slow.animate {
animation: drop-fade-up-animation 0.8s normal forwards ease-in-out;
}
.drop-fade-up-slower.animate {
animation: drop-fade-up-animation 0.9s normal forwards ease-in-out;
}
.fade-zoom-out.animate {
animation: fade-zoom-out 666ms normal forwards ease-in-out;
}
.fade-zoom-out-slow.animate {
animation: fade-zoom-out 1.3s normal forwards ease-in-out;
}
.up-down.animate{
animation: up-down-animation 2s ease-in-out infinite alternate-reverse both;
}
.fade-right.animate {
animation: fade-right-animation 0.7s normal forwards ease-in-out;
}
.fade-left.animate {
animation: fade-left-animation 0.7s normal forwards ease-in-out;
}
.fade-right-small.animate {
animation: fade-right-small-animation 0.7s normal forwards ease-in-out;
}
.fade-left-small.animate {
animation: fade-left-small-animation 0.7s normal forwards ease-in-out;
}
@keyframes fade-in-animation {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fade-up-animation {
0% { opacity: 0; transform: translate(050%); }
100% { opacity: 1; transform: translate(00%); }
}
@keyframes fade-right-animation {
0% { opacity: 0; transform: translate(-150%0); }
40% { opacity: 0.5; transform: translate(20%0); }
100% { opacity: 1; transform: translate(00%); }
}
@keyframes fade-left-animation {
0% { opacity: 0; transform: translate(150%0); }
40% { opacity: 0.5; transform: translate(-20%0); }
100% { opacity: 1; transform: translate(00%); }
}
@keyframes fade-right-small-animation {
0% { opacity: 0; transform: translate(-75%0); }
40% { opacity: 0.5; transform: translate(10%0); }
100% { opacity: 1; transform: translate(00%); }
}
@keyframes fade-left-small-animation {
0% { opacity: 0; transform: translate(75%0); }
40% { opacity: 0.5; transform: translate(-10%0); }
100% { opacity: 1; transform: translate(00%); }
}
@keyframes drop-fade-up-animation {
0% { opacity: 0; transform: translate(0-150%); }
40% { opacity: 0.5; transform: translate(020%); }
100% { opacity: 1; transform: translate(00%); }
}
@keyframes fade-zoom-out {
50% { opacity: 0; transform: scale(1.21.2); }
100% { opacity: 1; transform: scale(1,1); }
}
@keyframes up-down-animation {
0% { transform: translateY(10px); }
100% { transform: translateY(-10px); }
}
#mobilemenu {
content-visibility: auto;
position: fixed;
width: calc(100vw);
height: calc(100vh);
top: -100vh;
left: 0;
opacity: 0;
box-sizing: border-box;
}
body.loginDropContainerShown {
overflow: hidden;
}
#loginDropContainer {
position: fixed;
top: calc(-100vh);
left: 0;
width: 100%;
height: 100%;
background-color: #FFF;
background-image: url('media/home.svg');
background-attachment: fixed;
background-size: cover;
z-index: 100;
align-content: center;
align-items: center;
justify-content: center;
height: 100%;
font-size: 20px;
font-weight: bold;
text-shadow: 0 0 46px rgb(255 255 255)0 0 13px rgb(255 255 255),0 0 3px rgb(255 255 255);
z-index: 100000;
transition: top 333ms ease-out;
}
#loginDropContainer.loginDropContainerShown {
top: 0;
}
#frmLoginNP > dl {
display: inline-block;
}
#frmLoginNP > dl > * {
text-align: left;
}
#frmLoginNP > dl > dt {
font-size: 18px;
}
#frmLoginNP > dl > dd > input {
padding: 0 4px;
height: 32px;
line-height: 32px;
box-sizing: border-box;
margin-bottom: 24px;
max-width: 100%;
width: 270px;
}
.vmiddle{
display: table-cell;
vertical-align: middle;
height: calc(100vh - 144px);
width: calc(100vw);
}
@media (prefers-color-scheme: dark) {
:root {
--ui--page-header-1: #5376b5;
--ui--page-header-2: #e6e6e6;
--ui--page-header-3: #a2b3d5;
--ui--link:#a2b3d5;
--ui--page-background:#151515;
--ui--page-background-light-overlay:rgba(1331892420.1);
--ui--page-text:#fefefe;
--ui--menu-background:#222222;
--ui--menu-text:#accaff;
--ui--control-background:#0D0D0D;
--ui--control-text:#ffffff;
--ui--control-border:#3c3c3c;
--ui--pre-text:#DDD;
--ui--pre-background:#050505;
--ui--highlight:#7bd8fa;
--ui--input-inset-group:#1c1c1c;
--ui--ui-controls-header-background:#252526;
--ui--ui-controls-header-text:#d4d4d4;
--ui--ui-controls-border:#000000;
--ui--ui-controls-inner-border:#000000;
--ui--ui-controls-background:#121212;
--ui--ui-sub-group-background:#252526;
--ui--ui-sub-group-text:#d4d4d4;
--ui--ui-sub-taskbar-background:#252526;
--ui--ui-sub-taskbar-text:#d4d4d4;
--ui--top-menu-background:#3C3C3C;
--ui--top-menu-text:#ffffff;
--ui--tab-active:#0d0f12;
--ui--side-menu-background:#3C3C3C;
--ui--side-menu-text:#f0f0f0;
--ui--side-menu-highlight:#212122;
--ui--side-menu-highlight-text:#FFFFFF;
--ui--side-menu-border:#000000;
--ui--main-menu-background:#3c3c3c;
--ui--main-menu-text:#ffffff;
--ui--control-disabled-background:linear-gradient(to bottom,#121212 0%,#121212 91%,#0D0D0D 100%);
--ui--control-disabled-text:#bfbfbf;
--ui--control-disabled-border:rgba(183,183,183,0.2);
--ui--input-checkbox-color:#000000;
--ui--input-checkbox-difference:#ffffff;
--ui--input-button-background:linear-gradient(to bottom,#0D0D0D 0%,#141414 50%,#0D0D0D 51%,#141414 100%);
--ui--input-button-text:#a2b3d5;
--ui--input-button-border:#000000;
--ui--input-button-img-opacity:0.7;
--ui--input-button-hover-background:linear-gradient(to bottom,#0D0D0D 0%,#000000 49%,#0D0D0D 50%,#000000 100%);
--ui--input-button-hover-text:#a2b3d5;
--ui--input-button-hover-border:#0c0e12;
--ui--input-button-hover-img-opacity:1;
--ui--input-button-pressed-background:linear-gradient(to bottom,#0D0D0D 0%,#000000 50%,#0D0D0D 100%);
--ui--input-button-pressed-text:#FFFFFF;
--ui--input-button-pressed-text-shadow:rgba(0000.5);
--ui--input-button-alert-background:linear-gradient(to bottom,#B01C1C 0%,#AB1B1B 50%,#A31919 51%,#C51F1F 100%);
--ui--input-button-alert-text:#FFFFFF;
--ui--input-button-alert-border:#111;
--ui--input-button-alhov-background:linear-gradient(to bottom,#C01E1E 0%,#B91D1D 50%,#B01C1C 51%,#D62222 100%);
--ui--input-button-alhov-text:#FFFFFF;
--ui--input-button-alhov-border:#111;
--ui--input-button-disabled-background:#141414;
--ui--input-button-disabled-text:#444;
--ui--input-button-disabled-border:#121212;
--ui--table-border:#000000;
--ui--table-inner-border:#000000;
--ui--table-background:#121212;
--ui--table-background-alt:#171717;
--ui--table-background-hover:#0d0d0d;
--ui--table-text:#fefefe;
--ui--table-title-background:#212122;
--ui--table-title-text:#FFFFFF;
--ui--table-title-link:#a2b3d5;
--ui--table-header-background:#212122;
--ui--table-header-text:#FFFFFF;
--ui--table-header-link:#a2b3d5;
--ui--context-menu-background:#121212;
--ui--context-menu-item-hover:#1C1C1C;
--ui--context-menu-text:#fcfcfc;
--ui--context-menu-link:#a2b3d5;
--ui--context-menu-border:#000000;
--ui--context-menu-innerborder:#171717;
--ui--context-menu-shadow-color:#000000;
--ui--dialog-background:#121212;
--ui--dialog-text:#fcfcfc;
--ui--dialog-link:#a2b3d5;
--ui--dialog-border:rgba(0,0,0,0.2);
--ui--dialog-innerborder:#141414;
--ui--dialog-shadow-color:rgba(0,0,0,0.5);
--ui--dialog-overlay:rgba(0,0,0,0.7);
--ui--dialog-title-background:linear-gradient(to bottom,#000000 0%,#E6E6E6 100%);
--ui--dialog-title-text:#555555;
--ui--dialog-title-link:#00498A;
--ui--dialog-title-border:#d3d3d3;
--ui--dash-border:#000000;
--ui--dash-inner-border:#000000;
--ui--dash-background:#121212;
--ui--dash-background-alt:#171717;
--ui--dash-text:#fefefe;
--ui--dash-link:#a2b3d5;
--ui--dash-header-background:#212122;
--ui--dash-header-text:#f0f0f0;
--ui--dash-sub-header-text:#dedede;
--ui--template:darkmode;
--ui--highlight-text:#000000;
--ui--highlight-light:rgba(1232162500.35);
--ui--highlight-xlight:rgba(1232162500.15);
--ui--highlight-dark:#3d6c7d;
--ui--error-background:rgb(2045151);
--ui--error-text:#FFFFFF;
--ui--warning-background:rgb(20411651);
--ui--warning-text:#FFFFFF;
--ui--notice-background:#3C3C3C;
--ui--notice-text:#ffffff;
--ui--valid-background:rgb(01820);
--ui--valid-text:#FFFFFF;
--ui--data-table-row:#FFFFFF;
--ui--data-table-row-alt:#FFFFFF;
--ui--vh:calc(100vh - calc(100vh - 100%));
--ui--dpi:1;
--ui--left-menu-background-width:128px;
--ui--left-menu-width:148px;
--ui--top-menu-height:42px;
--ui--taskbar-height:0px;
--ui--group-overlay-background-10:rgba(255,255,255,0.10);
--ui--group-overlay-background-20:rgba(255,255,255,0.20);
--ui--group-overlay-background-50:rgba(255,255,255,0.50);
--ui--group-overlay-background-75:rgba(255,255,255,0.75);
--ui--pace-scale:0.75;
--ui--is-dark-mode: 1;
--ui--highlight-text-shadow: rgba(255,255,255,0.5);
--ui--error-border:#810000;
--ui--notice-border:#000000;
--ui--side-menu-background-end:#3C3C3C;
--ui--table-border-d75:#000000;
--ui--table-title-background-o20:rgba(3333340.2);
--ui--table-title-background-end:#212122;
--ui--legacy-main-menu-border:#2d2d2d;
--ui--legacy-main-menu-sub:#7c7c7c;
--ui--legacy-main-menu-home:linear-gradient(to bottom#3c3c3c 0%#7c7c7c 100%);
--ui--legacy-main-menu-home-hover:linear-gradient(to bottom#424242 0%#888888 100%);
--ui--table-header-background-end:#212122;
--ui--page-background-end:#151515;
--ui--ui-top-menu-background-end:#3C3C3C;
--ui--ui-dash-header-background-end:rgba(3333341);
--ui--input-button-background-start:rgba(1313131);
--ui--ui-controls-header-background-start:rgba(3737381);
--ui--ui-controls-header-background-end:rgba(3737381);
--ui--ui-dash-header-text-shadow:#000;
--ui--ui-controls-header-background-reversed:#252526;
--ui--ui-controls-header-text-light:rgba(2122122120.95);
--ui--input-autocomplete-shadow: #7bd8fa;
--ui--page-text-light:rgba(2542542540.95);
}
}
@media (prefers-color-scheme: dark) {
div.pricing-table li {
border-top: 1px solid #333;
}
#loginDropContainer {
background-color: #111;
background-image: url('media/home.svg');
background-blend-mode: color-burn;
text-shadow: 0 0 46px rgb(0 0 0)0 0 13px rgb(0 0 0),0 0 3px rgb(0 0 0);
}
}
NolaPro Login
Cancel
Login >
Exceptional Business
Launch the powerful and flexible NolaPro platform for your organization today with guidance every step of the way.
Proven to support both corporate and small business financial needsNolaPro is one of the original web-based accounting and ERP systemshelping companies optimize and grow for over 20 years.
Get Started >
30 Day Trial
Create a Cloud Account No Credit Card Needed
Your business Your choice Build your own management system
Accounting
Accounts Payable
Accounts Receivable
General Ledger
100+ Stock Reports
Custom Report Writer
HR / PAYROLL
Payroll Suite
Employee Tools
Timeclock System
Piecework Support
File Online: 941 / W2 / 1099
ORDER MGMT
Service Orders
POS / FulfillmentUPS / Fedex Shipping
Job Costing
eCommerce Integrations
INVENTORY
Build Orders / BOM
Cost Estimating
Multi-Location
Special Pricing Sets
Barcode Labels
CRM / VRM
Customer Management
Vendor Database
Email Center
B2B Client Web Portal
Vtiger Integration
SALES
Salesperson Assignment
Lead Tracking
Customer Quotes
Territories / Regions
Sales Categories
UNIQUE TOOLS
3rd Party Integration / API
Industry Specific Features
EDI / Data Collection
User Activity Monitor
Source Code Available
INTERNATIONAL
Multi-Currency
VAT / GST
60+ Languages
Global Payroll Support
Country Specific Versions
####
Customization Projects
####
Years in Development
Why choose NolaPro?
Corporate Software Vendor
Complete Freedom to Customize
DOD Security & PCI Compliant
52 Years in Business & Counting
Onsite or Cloud Deployment
Windows & Linux Support
<>
#secIntegrations {
background-image: url('media/index.php?f=home&e=svg&o=svg');
background-size: auto;
background-attachment: fixed;
background-size: 345%;
background-color: var(--ui--page-background-light-overlayrgba(1331892420.1));
background-blend-mode: multiply;
border-top: 3px solid #1F2B4829;
border-bottom: 3px solid #1F2B4829;
}
#gridIntegrationsLayout {
display: flex;
flex-direction: row;
justify-content: space-around;
align-content: space-around;
align-items: center;
margin-bottom: 24px;
}
#gridIntegrationsLayout > div:nth-child(1){
animation-delay: 500ms;
}
#gridIntegrationsLayout > div:nth-child(2){
animation-delay: 700ms;
}
#gridIntegrationsLayout > div:nth-child(3){
animation-delay: 900ms;
}
.i-icon-box {
margin: 8px;
position: relative;
content-visibility: auto;
text-align: left;
overflow: hidden;
box-shadow: 0 0 29px 0 rgb(68 88 144 / 15%);
transition: all 0.3s ease-in-out;
border-radius: 8px;
z-index: 1;
border: 1px solid rgba(0000.05);
width: 300pt;
height: 144pt;
box-sizing: border-box;
cursor: pointer;
user-select: none;
}
.i-icon-box-logo {
position: absolute;
left: 0;
top: 0;
background: #3498db;
background: linear-gradient(to bottom#2d85bf 0%,#3498db 50%,#2d85bf 100%);
width: 100pt;
height: 100%;
border-radius: 0px;
transition: all 0.3s;
z-index: -1;
}
.i-icon-box-text {
position: absolute;
left: 0;
top: 0;
margin-left: 100pt;
width: calc(100% - 100pt);
height: 144pt;
box-sizing: border-box;
text-align: center;
padding: 16pt;
font-size: 1.3em;
}
.i-icon-box-logo img {
width:92pt;
height:92pt;
margin-top:26pt;
margin-left:4pt;
filter: drop-shadow(0 0 5px #000000);
}
.i-icon-box-logo.i-icon-box-logo-docusign img {
width: 88pt;
height: 88pt;
margin-top: 29pt;
margin-left: 6pt;
}
@media (prefers-color-scheme: dark) {
#secIntegrations {
background-image: none;
}
.i-icon-box {
background: #111;
}
}
@media (max-width: 1630px) {
.i-icon-box {
border-radius: 8px;
width: 250pt;
height: 72pt;
}
.i-icon-box-logo {
width: 55pt;
}
.i-icon-box-text {
width: calc(100% - 55pt);
height: 72pt;
padding: 8pt;
font-size: 1em;
margin-left: 55pt;
}
.i-icon-box-logo img {
width: 44pt;
height: 44pt;
margin-top: 14pt;
margin-left: 4pt;
filter: drop-shadow(0 0 5px #000000);
}
.i-icon-box-logo.i-icon-box-logo-docusign img {
width: 44pt;
height: 44pt;
margin-top: 14pt;
margin-left: 4pt;
}
.i-icon-box-text h3 {
margin-bottom: 4pt;
}
.i-icon-box-text-avalara {
font-size: 0.8em;
}
}
@media (max-width: 1355px) {
.i-icon-box {
border-radius: 8px;
width: 200pt;
height: 72pt;
}
.i-icon-box-logo {
width: 50pt;
}
.i-icon-box-text {
width: calc(100% - 50pt);
height: 72pt;
padding: 8pt;
font-size: 1em;
margin-left: 50pt;
}
.i-icon-box-logo img {
width: 44pt;
height: 44pt;
margin-top: 14pt;
margin-left: 4pt;
filter: drop-shadow(0 0 5px #000000);
}
.i-icon-box-logo.i-icon-box-logo-docusign img {
width: 44pt;
height: 44pt;
margin-top: 14pt;
margin-left: 4pt;
}
.i-icon-box-text h3 {
margin-bottom: 4pt;
}
.i-icon-box-text-avalara {
font-size: 0.8em;
}
}
@media (max-width: 1150px) {
#gridIntegrationsLayout {
display: block;
}
#gridIntegrationsLayout > div.i-icon-box {
width: 100%;
margin: 8pt;
}
#gridIntegrationsLayout > div.i-icon-box > .i-icon-box-text {
text-align: left;
}
#gridIntegrationsLayout > div.i-icon-box > .i-icon-box-text > h3 {
display: inline-block;
}
}
Reduce Workload
Avalara
Calculate sales taxacross industriesbordersand tax types
DocuSign
Sign Anywhere in the World
Shopify
No.1 eCommerce Platform for All Businesses
PLAID
Automatically Download Bank Transactions
Awarded Accounting Software
Reviewed By
Winner Of
Featured In
Our Newsletter
Get exclusive discountsoffers and release updates
Register today and get 50% off of your next license fees!
<>
.section-whatsnew {
background-image: url('media/index.php?f=home&e=svg&o=svg');
background-size: auto;
background-attachment: fixed;
background-size: 171%;
background-color: rgba(1331892420.1);
background-blend-mode: multiply;
border-top: 3px solid #1F2B4829;
border-bottom: 3px solid #1F2B4829;
}
.section-whatsnew-layout {
height: min(90vh512px);
display: grid;
grid-template-columns: repeat(21fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.section-whatsnew-changelog {
max-height: 100%;
height: 100%;
overflow: hidden;
position: relative;
vertical-align: top;
}
.section-whatsnew-changelog-contents {
width: calc(100% - 48px);
height: calc(100% - 48px);
margin: 24px;
box-sizing: border-box;
padding: 8px;
border-radius: 24px;
border: 8px solid #1F2B48;
overflow: hidden;
background: #FFF;
}
.section-whatsnew-changelog-contents-text {
overflow: auto;
height: 100%;
width: 100%;
border-radius: 24px;
}
.divLearnHowTo {
display: grid;
grid-template-columns: repeat(21fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.btnLearnHowTo {
margin: 24px;
}
@media (prefers-color-scheme: dark) {
.section-whatsnew-changelog-contents {
background: #111;
}
.section-whatsnew {
background-image: none;
}
}
@media (max-width: 1170px) {
.section-whatsnew-layout {
height: auto;
}
.section-whatsnew > .section-whatsnew-layout {
grid-template-columns: repeat(11fr);
}
.section-whatsnew-changelog {
min-height: 256px;
}
.section-whatsnew-changelog-contents-text {
max-height: 256px;
}
.btnLearnHowTo {
width: 410px;
}
}
@media (max-width: 779px) {
.divLearnHowTo {
grid-template-columns: repeat(11fr);
text-align: center;
}
.btnLearnHowTo {
margin-left: auto;
margin-right: auto;
}
.section-whatsnew-buttons-container > h2 {
text-align: center;
}
}
@media (max-width: 480px) {
.btnLearnHowTo {
width: 100vw;
margin-left: -24px;
border-radius: 0;
}
}
Version 5.0.24859
Changes for user e-mail signature
* Added new {companyimage} parameter
* * Can be sized. Example: {companyimage width="300px" height="50px"}
* Added user image-upload settings for each companyto define the {companyimage} to use when that user is logged into that company
Changes to calendar system
* Added new setting: Events - All Companies
* Added new setting: Default View
Change to Email Setup's Default Reply To Address settingso that the {webaddress} text will be replaced like the Email Signature does.
Removed the drop-down list of calendars and replaced with toggle switches to allow multiple calendars to be viewed at once.
Added ability to select which calendar to add an event to via drop-down in the New Event dialog.
Added "For Sales Order" column to the Purchase Order Lists.
Added new inventory transfer setting for Show Transfer Line Weight.
<>
.btnWatchVideo {
width: 410px;
margin: 24px;
}
#secNPVideosLeftContents {
margin: auto;
display: table;
}
#iframeVideoPlayer{
border: 8px solid #1F2B48;
margin: auto;
border-radius: 24px;
margin-top: -153px;
top: 50%;
position: relative;
}
@media (max-width: 480px) {
.btnWatchVideo {
width: 100vw;
margin-left: 0px;
margin-right: 0px;
margin-left: -24px;
border-radius: 0;
}
#iframeVideoPlayer{
width: 100vw;
margin: 0px;
margin-left: -32px;
padding: 0px;
}
}
@media (max-width: 1080px) {
#secNPVideosLeftContents {
margin: 0;
display: block;
text-align: center;
}
#secNPVideos > .section-whatsnew-layout {
height: auto;
display: block;
}
#iframeVideoPlayer{
margin-top: 0px;
}
}
See How To...
Connect A Bank Account >
Setup DocuSign and Basic Usage >
Customize Point-Of-Sale >
Import QuickBooks Data (Web Connector) >
VIDEO
<>
.section_content {
height: 100vh !important;
}
#span_generaloverview {
display: none;
}
#supportChatDialog {
height: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: stretch;
align-items: stretch;
text-align: left;
background: var(--ui--page-background#FFF);
padding: 0;
}
.supportChatDialog-Header {
background: var(--ui--ui-controls-header-background);
color: var(--ui--ui-controls-header-text);
font-size: 16pt;
line-height: 20pt;
padding: 4px;
border-bottom: 1px solid var(--ui--ui-controls-inner-border);
}
.supportChatDialog-Header-Sub {
border-top: 1px solid var(--ui--ui-controls-inner-border);
}
#supportChatDialog-Header {
order: 0;
flex: 0 0 auto;
align-self: auto;
}
#supportChatDialog-Body {
order: 1;
flex: 99 1 auto;
align-self: stretch;
padding: 8px;
box-shadow: inset 0px 0px 8px rgba(0,0,0,0.15);
overflow-y: auto;
}
#supportChatDialog-Pending-Uploads {
order: 2;
flex: 1 0 auto;
align-self: auto;
border-top: 1px solid var(--ui--ui-controls-inner-border);
background: var(--ui--ui-controls-header-background-end);
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: stretch;
align-items: stretch;
color: #111;
overflow: auto;
}
#supportChatDialog-Subject {
order: 2;
flex: 1 0 auto;
align-self: auto;
background: var(--ui--ui-controls-header-background-end);
display: none;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: stretch;
align-items: stretch;
color: #111;
overflow: auto;
}
#supportChatDialog-Reply {
order: 2;
flex: 0 0 auto;
align-self: auto;
background: var(--ui--ui-controls-header-background-end);
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: stretch;
align-items: stretch;
color: #111;
}
#supportChatDialog-Footer {
padding: 2px;
font-size: 10px;
line-height: 14px;
order: 3;
flex: 0 1 auto;
align-self: auto;
border-top: 1px solid var(--ui--ui-controls-border);
background: var(--ui--ui-controls-inner-border);
opacity: 0.9;
}
#supportChatDialog-Reply-Left {
order: 0;
flex: 2 2 auto;
align-self: stretch;
padding: 4px;
}
#supportChatDialog-Reply-Right {
order: 1;
flex: 0 1 auto;
align-self: auto;
padding: 4px;
}
.supportChatDialog-msg {
margin-bottom: 12px;
white-space: pre-line;
line-height: 16px;
}
.supportChatDialog-msg-sender {
font-weight: bold;
}
.supportChatDialog-msg-date {
font-size: 12pt;
padding: 4px;
opacity: 1;
margin-top: 24px;
margin-bottom: 24px;
}
.supportChatDialog-msg-time {
padding-right: 4px;
font-size: 9px;
opacity: 0.6;
position: relative;
top: -2px;
}
.supportChatDialog-msg-open > .supportChatDialog-msg-time,
.supportChatDialog-msg-close > .supportChatDialog-msg-time,
.supportChatDialog-msg-endchat > .supportChatDialog-msg-time {
float: left;
margin-top: 5px;
}
.supportChatDialog-msg-upload {
border-radius: 12px;
border: 1px solid var(--ui--ui-controls-inner-border);
margin: 32px;
padding: 8px;
box-shadow: 0 0 4px rgba(0000.2);
}
.supportChatDialog-msg-upload > .supportChatDialog-msg-contents {
color: var(--ui--link);
cursor: pointer;
font-weight: bold;
word-break: break-all;
display: block;
padding: 12px;
}
.supportChatDialog-msg-upload > .supportChatDialog-msg-contents:hover{
text-decoration: underline;
}
.supportChatDialog-msg-received .supportChatDialog-msg-sender {
color: var(--ui--highlight-dark);
}
.supportChatDialog-msg-subject .supportChatDialog-msg-time,
.supportChatDialog-msg-subject .supportChatDialog-msg-sender {
display: none;
}
.supportChatDialog-msg-subject .supportChatDialog-msg-contents {
font-weight: bold;
text-align: center;
font-size: 1.5em;
display: block;
margin-bottom: 12px;
padding: 4px;
padding-bottom: 12px;
}
.supportChatDialog-msg-subject.supportChatDialog-msg-sending .supportChatDialog-msg-contents {
opacity: 0.15;
}
.supportChatDialog-msg-sent .supportChatDialog-msg-sender {
opacity: 0.9;
}
.supportChatDialog-msg-sent .supportChatDialog-msg-contents {
opacity: 0.7;
}
.supportChatDialog-msg-sent.supportChatDialog-msg-sending .supportChatDialog-msg-sender {
opacity: 0.2;
}
.supportChatDialog-msg-sent.supportChatDialog-msg-sending .supportChatDialog-msg-contents {
opacity: 0.15;
font-: italic;
}
#supportChatDialog[x-mode="ticket"] .supportChatDialog-msg-received,
#supportChatDialog[x-mode="new-ticket"] .supportChatDialog-msg-received,
#supportChatDialog[x-mode="ticket"] .supportChatDialog-msg-sent,
#supportChatDialog[x-mode="new-ticket"] .supportChatDialog-msg-sent {
border-top: 1px solid rgba(0000.2);
margin-top: 12px;
padding-top: 12px;
}
.supportChatDialog-msg-date > .supportChatDialog-msg-sender,
.supportChatDialog-msg-endchat > .supportChatDialog-msg-sender,
.supportChatDialog-msg-close > .supportChatDialog-msg-sender {
display: none;
}
.supportChatDialog-msg-open {
display: none;
}
.supportChatDialog-msg-endchat,
.supportChatDialog-msg-date,
.supportChatDialog-msg-close {
text-align: center;
font-weight: bold;
border-bottom: 1px solid var(--ui--ui-controls-inner-border);
border-top: 1px solid var(--ui--ui-controls-inner-border);
opacity: 0.5;
line-height: 20px;
}
.supportChatDialog-Reply-Upload {
min-height: 22px;
line-height: 20px;
display: none;
}
.supportChatDialog-Reply-Uploading {
min-height: 22px;
line-height: 20px;
display: none;
font-size: 11px;
}
.uploadFileMaxSizeLabel {
font-size: 11px;
padding-left: 12px;
opacity: 0.6;
}
#supportChatDialog:not([x-mode="ticket"]):not([x-mode="new-ticket"]) .supportChatDialog-msg.undelivered.supportChatDialog-msg-upload > .supportChatDialog-msg-contents::after,
#supportChatDialog:not([x-mode="ticket"]):not([x-mode="new-ticket"]) .supportChatDialog-msg.undelivered.supportChatDialog-msg-sent > .supportChatDialog-msg-contents::after {
content: ' (Sending)';
opacity: 0.5;
font-size: 10px;
}
.pending-upload-item {
font-size: 10px;
margin: 8px;
padding: 8px;
padding-right: 16px;
border-radius: 4px;
border: 1px solid var(--ui--ui-controls-inner-border);
float: left;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: stretch;
align-items: flex-start;
height: 55px;
overflow: hidden;
}
.pending-upload-item .pending-upload-item-layout-left {
order: 0;
flex: 0 1 auto;
align-self: auto;
}
.pending-upload-item .pending-upload-item-layout-right {
order: 0;
flex: 1 2 auto;
align-self: auto;
}
.pending-upload-item-thumbnail {
margin-right: 8px;
}
.pending-upload-item-layout-right > span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
max-width: 100px;
}
.pending-upload-item-delete {
font-size: 14px;
position: absolute;
top: 0px;
right: 0px;
opacity: 0.75;
text-shadow: 0px 0px 2px var(--ui--ui-controls-header-background-end);
transition: opacity 100ms linear;
cursor: pointer;
}
.pending-upload-item .pending-upload-item-delete {
display: none;
}
.pending-upload-item.pending-upload-item-pending-send .pending-upload-item-delete {
display: block;
}
.pending-upload-item-delete:hover {
opacity: 1;
}
.pending-upload-item-spinner {
display: none;
position: absolute;
top: 4px;
left: 4px;
}
.pending-upload-item-pending-send .pending-upload-item-spinner {
display: none;
}
.supportChatDialog-msg-uploaded-image-thumbnail {
float: right;
max-height: 45px;
max-width: 64px;
border-radius: 2px;
box-shadow: 1px 1px 3px rgba(0000.2);
margin-left: 8px;
margin-bottom: 4px;
cursor: pointer;
}
.chatDialogModalOverlay-DropFile {
background-color: #444;
opacity: 0.9;
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 100;
cursor: wait;
user-select: none;
text-shadow: 1px 1px 1px #000;
color: white;
}
.chatDialogModalOverlaySuspendUI,
.chatDialogModalOverlay {
background-color: #888;
opacity: 0.25;
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 100;
cursor: wait;
user-select: none;
}
.supportChatDialog-msg-typing-notice{
box-shadow: 0 0 4px rgba(0000.1);
border-radius: 4px;
padding: 4px;
border: 1px solid var(--ui--ui-controls-inner-border);
margin: 2px;
font-size: 10px;
opacity: 0.5;
width: fit-content;
position: relative;
padding-left: 24px;
left: -20px;
}
.supportChatDialog-msg-typing-notice-active-icon,
.supportChatDialog-msg-typing-notice-pending-icon,
.supportChatDialog-msg-typing-notice-label,
.supportChatDialog-msg-typing-notice {
display: none;
}
.supportChatDialog-msg-typing-notice.supportChatDialog-msg-typing-notice-pending,
.supportChatDialog-msg-typing-notice.supportChatDialog-msg-typing-notice-active {
display: block;
}
.supportChatDialog-msg-typing-notice.supportChatDialog-msg-typing-notice-pending {
opacity: 0.5;
}
.supportChatDialog-msg-typing-notice.supportChatDialog-msg-typing-notice-active .supportChatDialog-msg-typing-notice-label,
.supportChatDialog-msg-typing-notice.supportChatDialog-msg-typing-notice-active .supportChatDialog-msg-typing-notice-active-icon {
display: inline;
}
.supportChatDialog-msg-typing-notice.supportChatDialog-msg-typing-notice-pending .supportChatDialog-msg-typing-notice-pending-icon {
display: inline;
}
.supportChatDialog-msg-typing-notice-active-icon,
.supportChatDialog-msg-typing-notice-pending-icon {
padding-left: 8px;
padding-right: 8px;
}
.supportChatDialog-msg-typing-notice-pending-icon {
opacity: 0.75;
}
#supportChatDialog-Footer {
position: relative;
}
#supportChatDialog-Footer .support-offline-only,
#supportChatDialog-Footer .support-online-only {
position: absolute;
right: 4px;
top: 1px;
opacity: 0.75;
}
#supportChatDialog-Footer .support-offline-only > span,
#supportChatDialog-Footer .support-online-only > span {
display: inline-block;
border-radius: 100%;
height: 12px;
width: 12px;
margin-bottom: -3px;
margin-right: 4px;
box-shadow: 1px 1px 2px rgba(0000.2);
}
#supportChatDialog-Footer .support-offline-only > span {
background-color: red;
}
#supportChatDialog-Footer .support-online-only > span {
background-color: green;
}
.pending-upload-item-progress-bar {
width: 100%;
height: 4px;
margin-top: -4px;
border-top: 1px solid var(--ui--ui-controls-inner-border);
overflow: hidden;
position:absolute;
bottom: 0px;
left: 0px;
background-color: var(--ui--ui-controls-header-background-end);
}
.pending-upload-item-progress-bar > div {
width: 0%;
height: 4px;
background-color: var(--ui--highlight-dark);
}
.supportChatDialog-PreSendMessage {
box-shadow: 0 0 4px rgba(0000.1);
border-radius: 4px;
border: 1px solid var(--ui--ui-controls-inner-border);
margin: 2px;
position: relative;
}
.supportChatDialog-PreSendMessage-Contents {
position: relative;
font-size: 11.5pt;
line-height: 14pt;
opacity: 0.85;
padding: 8px;
z-index: 1;
white-space: pre-line;
}
.supportChatDialog-PreSendMessage-Close {
cursor: pointer;
position: absolute;
top: -4px;
right: -4px;
font-size: 14pt;
opacity: 0.5;
transition: opacity 100ms linear;
z-index: 2;
}
.supportChatDialog-PreSendMessage-Close:hover {
opacity: 0.9;
}
.diagSelectSupportContactTicketOrNew {
z-index: 1000;
color: var(--ui--page-text);
background: var(--ui--page-background);
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
overflow: auto;
}
.diagSelectSupportContactTicketOrNew > h2 {
margin: 0;
padding: 8px;
text-align: center;
}
.diagSelectSupportContactTicketOrNew-Button {
margin: 8px;
background: var(--ui--control-background);
border: 1px solid var(--ui--ui-controls-border);
border-radius: 8px;
cursor: pointer;
user-select: none;
box-shadow: 0px 0px 6px rgba(0000.5);
opacity: 0.85;
transition: box-shadow 100ms linearborder 100ms linearopacity 100ms linear;
}
.diagSelectSupportContactTicketOrNew-Button:hover {
border: 1px solid var(--ui--highlight);
box-shadow: 0px 0px 6px var(--ui--highlight);
opacity: 1;
}
.diagSelectSupportContactTicketOrNew-Button:hover .diagSelectSupportContactTicketOrNew-Button-Subject {
text-decoration: underline;
}
.diagSelectSupportContactTicketOrNew-Button-LastReply,
.diagSelectSupportContactTicketOrNew-Button-Status,
.diagSelectSupportContactTicketOrNew-Button-Opened,
.diagSelectSupportContactTicketOrNew-Button-Subject {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 2px;
padding-left: 24px;
font-weight: normal;
font-size: 12px;
padding-right: 2px;
}
.diagSelectSupportContactTicketOrNew-Button-Status {
padding-bottom: 16px;
}
.diagSelectSupportContactTicketOrNew-Button-Subject {
color: var(--ui--link);
font-size: 14px;
font-weight: bold;
padding: 12px;
padding-bottom: 2px;
padding-right: 2px;
}
.diagSelectSupportContactTicketOrNew-Button-New > .diagSelectSupportContactTicketOrNew-Button-Subject {
padding: 12px;
padding-bottom: 12px;
padding-right: 12px;
text-align: center;
font-weight: bold;
font-size: 16px;
}
.chatPromptButton {
color: #012970;
position: fixed;
bottom: 24px;
right: -1px;
border: 1px solid #012970;
z-index: 100;
background: #e1f0fa;
box-shadow: 2px 4px 4px 0px rgba(0000.2);
padding: 8px;
padding-left: 68px;
padding-right: 24px;
font-size: 1.2em;
cursor: pointer;
right: -8px;
transition: background 0.3sright 0.3s;
font-weight: bold;
user-select: none;
}
.chatPromptButton:hover {
background: #3498db;
color: #FFF;
right: -1px;
}
.chatPromptButton .fas{
font-family: FontAwesome;
font-: normal;
text-decoration: inherit;
background-image: none !important;
position: absolute;
top: 15px;
left: 8px;
font-size: 43px;
}
.chatPromptButton .fa-comments::before{
content: "\f086";
}
.support-offline-only.support-is-online {
display: none;
}
.support-online-only:not(.support-is-online) {
display: none;
}
#txbxSendNewMessage {
box-sizing: border-box;
line-height: 16px;
font-family: Arialsans-serif;
}
Start
![[Cloud System]](https://www.nolapro.com//media/hero-img.png)
