# compiled from 

::-webkit-scrollbar  {
width: 8px;

}
::-webkit-scrollbar-track  {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
::-webkit-scrollbar-thumb  {
background-color: darkgrey;
outline: 1px solid slategrey;
}

@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-Regular.ttf") format("ttf"),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-SemiBold.ttf") format("ttf"),
    font-weight: 200;
    font-style: normal;
}
 
@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-Regular-webfont.woff") format("woff"),
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-Italic-webfont.woff") format("truetype");
    font-weight: normal;
    font-style: italic;
}
 
@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-Bold-webfont.woff") format("truetype");
    font-weight: bold;
    font-style: normal;
}
 
@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-BoldItalic-webfont.woff") format("truetype");
    font-weight: bold;
    font-style: italic;
}
 
@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-Thin-webfont.woff") format("truetype");
    font-weight: 200;
    font-style: normal;
}
 
@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-ThinItalic-webfont.woff") format("truetype");
    font-weight: 200;
    font-style: italic;
}
 
@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-Light-webfont.woff") format("truetype");
    font-weight: 100;
    font-style: normal;
}
 
@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-LightItalic-webfont.woff") format("truetype");
    font-weight: 100;
    font-style: italic;
}
 
@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-Medium-webfont.woff") format("truetype");
    font-weight: 300;
    font-style: normal;
}
 
@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-MediumItalic-webfont.woff") format("truetype");
    font-weight: 300;
    font-style: italic;
}

#tmmsgm_cont {
display:none;
}

* {
text-rendering: optimizeLegibility.
}

body {
margin:0px 0px 0px 0px;
font-size: 82.5%;
font-family:Arial;
padding:0px 0px 0px 0px;
overflow:hidden;
height:100%;
}

a:visited {
color:inherit;
}

a:focus {
color:#4CAF50;
}

a, link {
color:inherit;
}

select {
background-color:white;.pulse {
  margin:100px;
  display: block;
  width: 62px;
  height: 62px;
  border-radius: 150%;
  background: #cca92c;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(18,91,168, 0.4);
  animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(18,91,168, 0.5);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(18,91,168, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(18,91,168, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(18,91,168, 0.4);
    box-shadow: 0 0 0 0 rgba(18,91,168, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(18,91,168, 0);
      box-shadow: 0 0 0 30px rgba(18,91,168, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(18,91,168, 0);
      box-shadow: 0 0 0 0 rgba(18,91,168, 0);
  }
}
padding:2px;
}

#bodybackground  {
height:100%;
}

#error_stack_display_container {
position: absolute;
bottom: 10px;
right: 15px;
z-index: 1000;
width:250px;
}

.fw-error-stack-header {
padding:10px;
margin-top:5px;
}

.fw-error-stack-contents div {
padding:4px;
}

.fw-error-stack-contents {
padding:10px;
background:white;
height:80%;
overflow:auto;
}

#error_stack_display {
background:tomato;
display:none;
}

#confirm_stack_popup {
background:#4CAF50;
display:none;
}

.fw-error-text {
display: inline;
background: rgb(244, 67, 54);
padding: 9px;
border-radius: 18px;
box-sizing: border-box
}

/* Form styles */
.fw-form p  {
position:relative;
}


.fw-form .fieldset {
border:0px;
margin-bottom:2em;
}

.fw-form p {
/*float:left;*/
margin-right:10px;
width:100%;
margin:1px;
font-size:1em;
margin-bottom:6px;
}

.fw-form p input:not([type=checkbox]):not([type=radio]), .fieldset p select, .fieldset p textarea {
width:90%;
max-width:350px;
/*float:left;*/
}

.fw-form p input[type=checkbox] {
width:auto !important;
}

.fw-form p select {
margin-bottom: 4px;
}

TMPlabel {
}

.fw-input, select, textarea {
background-color:white;
margin:2px;
border:1px solid #ccc;
border-radius:12px;
padding:6px;
box-sizing:border-box;
min-width:40px;
}

.fw-numeric {
min-width:55px;
width:55px;
}

.fw-input:focus {
margin:1px;
border:2px solid #4CAF50;
}

.fw-time-input {
max-width:100px;
}

.fw-cal-input {
max-width:130px;
}

.fw-scroll{
overflow:auto;
}

.clickable {
cursor: pointer;
}

.3-col p {
width:30%;
}

.section:after {
content:"";
display:table;
clear:both;
}

.:after {
content:"";
display:table;
clear:both;
}

hr {
/*float:left*/
}

.hasTimeEntry {
width:20% !important;
min-width: 41px;
}

.hasDatepicker {
width:25% !important;
min-width: 82px
}

.fw-label-filled  {
#font-size:60% !important;
top:-15px;
}

.input  {
#box-shadow:inset 0-2px 0 #ccc;
#border:0;
#color:#666;
}

.input:focus {
#outline:0;
#box-shadow:inset 0 -2px 0 #ffc107;
}

.fw-icon {

}

.material-icons  {
font-size:20px !important;
}

/* Application container */
.fw-content  {
height:100%;
padding-left:13%;
box-sizing: border-box;
-moz-box-sizing: border-box;
background-color:#F9F9F9;
}

.fw-content-full  {
padding-left:80px;
}

.fw-search  {
width:0px;
}

.fw-search-focus  {
width:200px;
}

.autocomplete-items {
  border: 1px solid #d4d4d4;

  border-top: none;
  z-index: 997;

  /*position the autocomplete items to be the same width as the container:*/
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: white;
}

.autocomplete-items div {
  cursor: pointer;
  padding: 5px;
  z-index: 998;
  border-bottom: 1px solid #d4d4d4;
}

.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #125ca8;
  color: white;
  z-index: 999;
}

.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}


.fw-header  {
display: flex;
display: -ms-flex;
flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
width:100%;
height:55px;
color:#ccc;
position:fixed;
background:white;
z-index:100;
}

.fw-header-left  {
display:flex;
display:-ms-flex;
flex-direction:row-reverse;
-ms-flex-direction:row-reverse;
}

.fw-header-right  {
position:fixed;
right:20px;
display:flex;
flex-direction:row-reverse;
display:-ms-flex;
-ms-flex-direction:row-reverse;
}

.fw-header-button  {

}

.fw-search-button  {

}

.fw-list {
padding-top:10px;
padding-bottom:10px;
}

.fw-list li{
padding:10px;
cursor:pointer;
transition:background 300ms;
}

.fw-list li:hover {
background-color:rgba(148, 148, 148, 0.24);
}

.fw-user-panel  {
height: 0px;
position: absolute;
top: 55px;
z-index: 500;
opacity:0;
width:200px;
background-color:white;
transition:min-height 0.5s, opacity 0.42s;
display:none;
}

#fw-user-alerts {
display:none;
}

.fw-user-panel-expanded  {
height: auto;
min-height:100px;
opacity:1;
}

.fw-dropmenu-section  {
cursor:pointer;
}

.fw-slideout-menu  {
height:100%;
width:13%;
top:0px;
position:fixed;
left:0px;
background-color:#2b333d;
}

.fw-slideout-menu-hidden  {
width:80px;
}

.fw-slideout-menu-span  {
white-space:nowrap;
margin-left:10px;
}

.fw-slideout-menu-hidden-span {
display:none;
}

.fw-primary  {
background-color:#2b333d;
}

.fw-primary-text  {
color:#1ED068;
}

.fw-primary-hue1  {
background-color:#5C6BC0;
}

.fw-secondary  {
background-color:#FFEB3B;
}

.fw-secondary-hue1  {
background-color:#FFEE58;
}

.fw-tertiary  {

}

.fw-button  {
padding: .85em 1.1em;
box-shadow:0 0 0;
}

.fw-button-vmiddle  {
vertical-align:middle;
background:transparent;
border:0;
box-sizing: border-box;
-moz-box-sizing: border-box;
height:55px;
color:#666;
}

.button:focus  {
outline:0;

}

ul.fw-subheading-list li {
margin-top: 20px;
color: #2E7D32;
font-weight: bold;
font-size: initial;
list-style-type: disc;
cursor:pointer;
}

ul.fw-subheading-list li.focus {
opacity:1;
}

.fw-scrollable {
width: 100%;
overflow-y: auto;
}

.fw-app-header  {
height:60px;
background:#2E7D32;
color:white;
display: flex;
display: -ms-flex;
align-items: center;
padding:4px;
padding-left:14px;
box-sizing:border-box;
-moz-box-sizing: border-box;
}

.fw-app-header-icons {
margin:5px;
padding:5px;
cursor:pointer;
}

.fw-app-header-refresh i{
margin-right: 0px;
}

.fw-app-header-close i{
margin-right: 0px;
}

.fw-app-header-refresh:hover {
background-color: #cccccc;
color: #777777;
}

.fw-app-header-close:hover {
background-color: #c73030;
}

.appheader  {
display:none;
}

.fw-nav-title  {
color:white;
text-align:center;
position:relative;
height:15px;
padding:3px;
}

.fw-nav-image  {
text-align:center;
height:50px;
}

.fw-nav-image img  {
width:40%;
height:auto;
}

#left-slideout-menu nav  {
margin:0;
padding:0;
height:85%;
overflow:hidden;
height:calc(100% - 140px);
}

#left-slideout-menu nav:hover  {
overflow:auto;
}

.fw-app-nav::-webkit-scrollbar  {
width: 3px;
background-color: #2b333d;
}

.fw-app-nav::-webkit-scrollbar:hover  {
width:12px;
}

#left-slideout-menu li a, #left-slideout-menu li a:visited  {
color:rgba(255, 255, 255,0.75);
font-size:1em;
text-decoration:none;
line-height:23px;
font-family:Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.fw-app-nav li {
font-size:0.9em;
list-style-type:none;
padding:8px;
padding-left:20px;
margin-top:10px;
background-color:#2b333d;
transition: background-color 0.2s cubic-bezier(0, 0.32, 0.36, 0.88);
white-space:nowrap;
cursor:pointer;
}

.fw-app-nav li:hover, .fw-app-nav-element-active  {
background-color:#4CAF50!important;
}

.fw-app-header span  {
line-height: 23px;
}

.fw-app-header i, .fw-app-nav i  {
float:left;
margin-right:10px;
clear:both;
}

.fw-nav-footer  {
height:20px;
border-top:1px solid rgba(255,255,255,0.75);
color:rgba(255,255,255,0.75);
cursor:pointer;
text-align:center;
}

.fw-alerts-count  {
padding:3px;
}

.fw-badge::after  {
content: attr(badge-content);
background: red;
border-radius: 50%;
color: white;
font-size: 10px;
position: absolute;
top: 4px;
right: 7px;
width:1.9em;
height:1.9em;
align-content:center;
justify-content:center;
font-weight:bold;
box-sizing:border-box;
-moz-box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
}

.fw-badge-button::after {
background: #002B55;
top: -12px;
right: -5px;
}

.right-slideout-menu  {
background:white;
height:100%;
width: 20%;
position: absolute;
right: -20%;
top:55px;
z-index: 50;
transition:right 0.5s, opacity 0.42s;
}

.right-slideout-menu-expanded  {
right:0%;
opacity:1;
}

#popupScreenCover  {
opacity:0.5;
background-color:black;
width:100%;
height:200%;
z-index:20;
position:absolute;
}

#maincontainer  {
#padding-top:60px;
box-sizing:border-box;
-moz-box-sizing: border-box;
height:100%;
box-sizing:border-box;
position:relative;
}

#appCont  {
top: 55px;
position:relative;
height:calc(100% - 55px);
}

#app_area  {
padding:10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
overflow:auto;
/*padding-bottom:130px;*/
}

/* Wow so firefox will not take the padding bottom into account for box sizing - thanks a fucking bunch you utter utter fucktards */
#app_area:after {
  content: "";
  height: 130px;
  display: block;
}

@media screen and (max-width: 768px) {
::-webkit-scrollbar  {
width:0px;
}

#app_area  {
padding:0px;
}

}

.navchild  {
width:calc(100% - 30px);
margin-left:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
border-left:1px solid #c5d0de;
}

.navchild-open  {

}

@media screen and (max-width: 768px) {
.fw-slideout-menu  {
width:300px;
left:0px;
z-index:100;
}

.fw-slideout-menu-hidden  {
left:-300px;
}

.fw-slideout-menu-initial-state {
left:-300px;
}

.fw-content  {
padding-left:0;
min-width:300px;
}

.fw-header,.fw-header-full {
width:100%;
left:0;
}

}

.fw-card-wrapper-max  {
display:flex;
display:-ms-flex;
flex-direction:row;
-ms-flex-direction:row;
flex-flow:wrap;
-ms-flex-flow:wrap;
}

.fw-card-wrapper-max2  {
display:flex;
display:-ms-flex;
flex-direction:row;
-ms-flex-direction:row;
flex-flow:wrap;
-ms-flex-flow:wrap;
}

.fw-card-wrapper-max2 .fw-card, .fw-card-wrapper-max2 fw-form  {
flex: 0 0 calc(50% - 10px);
-ms-flex: 0 0 calc(50% - 10px);
}

.fw-grid  {
display:flex;
display:-ms-flex;
flex-direction:row;
-ms-flex-direction:row;
flex-flow:wrap;
-ms-flex-flow:wrap;
}

.fw-grid-1  {
flex: 0 0 calc(100% - 10px);
-ms-flex: 0 0 calc(100% - 10px);
}

.fw-grid-1 input:not([type=checkbox]):not([type=radio]) {
width:33% !important;
}

.fw-grid-2  {
flex: 0 0 calc(50% - 10px);
-ms-flex: 0 0 calc(50% - 10px);
}

.fw-grid-3  {
flex: 0 0 calc(33.3% - 10px);
-ms-flex: 0 0 calc(33.3% - 10px);
}

.fw-grid-4  {
flex: 0 0 calc(25% - 10px);
-ms-flex: 0 0 calc(25% - 10px);
}

.fw-grid-5  {
flex: 0 0 calc(20% - 10px);
-ms-flex: 0 0 calc(20% - 10px);
}

.fw-grid-1 p {
width:100%;
}

.fw-grid-2 p {
width:50%;
}

.fw-grid-3 p {
width:33.3%;
}

.fw-grid-4 p {
width:25%;
}

.fw-grid-5 p {
width:20%;
}

.fw-form p label{
display:block;
min-width:25%;
max-width:50%;
/*float:left;*/
/*line-height:2em;*/
margin-left: 10px;
font-family:Montserrat;
}

@media screen and (max-width: 768px) {
fw-card-wrapper-max2 .fw-card, .fw-card-wrapper-max2 fw-form  {
flex: 0 0 calc(100% - 10px);
-ms-flex: 0 0 calc(100% - 10px);
}

}

.fw-card, fw-form  {
background:white;
border-radius:1px;
box-sizing:border-box;
-moz-box-sizing: border-box;
padding:20px;
margin-bottom:20px;
padding:20px;
margin:5px;
}

.fw-card-title, .fw-popup-title  {
padding-bottom:8px;
margin-bottom:8px;
padding-left:20px;
box-sizing:border-box;
-moz-box-sizing: border-box;
border-bottom:1px solid #ccc;
width:100%;
color:#2E7D32;
font-weight:bold;
font-size:1.5em;
}

.fw-card legend
{
font:rgba(0,0,0,0.8);
font-size:1.9em;
padding:5px;
width:100%;
margin-bottom:25px;
border-bottom:1px solid rgba(0,0,0,0.4);
color:#2E7D32;
}

.fieldset legend
{
font:rgba(0,0,0,0.8);
font-size:1.9em;
padding:8px;
width:100%;
margin-bottom:5px;
border-bottom:0px solid #ccc;
color:#2E7D32;
background-color:#0000000a;
margin-right:6px;
height:30px;
}

.fw-card-title>.subcontent {
font-size:0.75em;
color:black;
}

.fw-card-content  {

}

/* For holding paragrah style contents - fixes where float collapses the parent */
.fw-content-container::before, .fw-content-container::after {
content:"";
display:table;
}

.fw-content-container::after {
clear:both;
}

.fw-content-container {
zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.fw-filter-text {
cursor:pointer;
color:#c9c9df
}

.fw-filter-text-selected {
color:darkblue;
}

.fw-popup  {
background-color:white;
max-width: 80%;
max-height: 80%;
position: relative;
overflow: auto;
box-shadow: 07px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction:column;
-ms-flex-direction: column;
flex-direction: column.
-ms-flex-direction: column.
}

.appcontrolbar  {
position:absolute;
bottom:10px;
width:calc(100% - 30px);
overflow: auto;
}

.appcontrolbar_buttons {
overflow: auto;
}

.appcontrolbar a, .appcontrolbar_buttons a, .fw-abutton  {
margin-right: 10px;
padding: 10px;
border: 1px solid #929292;
border-radius: 4px;
cursor:pointer;
color: rgba(0, 0, 0, 0.85);
background:white;
box-shadow: 0px 0px 9px rgba(0, 0, 0,0.44);
}

.filter_buttons {
display:flex;
flex-direction:row;
font-size:0.8em;
margin-top:8px;
}

.filter_buttons li {
border: 1px solid silver;
padding: 6px;
border-radius: 8px;
box-shadow: 1px 1px 1px #ccc;
color:black;
margin:3px;
cursor:pointer;
position:relative;
}


.fwPopup  {
border:0px;
border-radius:0px;
padding:30px;
padding-bottom:60px;
}

#FWloading img  {
display:none.
}

#FWloading {
position: absolute;
top:50%;
left:50%;
width:90px;
height:90px;
margin-left:-45px;
margin-top:-45px;
z-index:120;
opacity:0.7;
background-color:#125ba8;
}


.fw-pulse-ring {
  margin:100px;
  width: 90px;
  height: 90px;
  border-radius: 150%;
  background: #125ba8;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(18,91,168, 0.4);
  animation: pulse 2s infinite;
  border-radius: 90%;
}

.filescan_actions {
border: 1px solid #ccc;
border-bottom: 0px;
background: white;
box-sizing: border-box;
}

.filescan th:first-of-type {
border-left: 1px solid #ccc;
}

.filescan th {
border-right: 1px solid #ccc;
padding: 12px;
padding-top: 5px;
}

.filescan th input{
border:1px solid silver;
width:100%;
}

.filescan tr:nth-child(even) {
background-color: #e2eee2;
}

.filescan tr:nth-child(odd) {
background-color:white;
}

.filescan_actions {
display:flex;
flex-direction:row-reverse;
font-size:0.8em;
}

.filescan_actions > div {
margin:3px;
}


.filescan_actions .keybox 
{
border:1px solid silver;
height:15px;
width:15px;
float:left;
clear:none;
}

.filescan_actions .keybox:hover
{
cursor:pointer;
}

.filescan tr:hover
{
background-color:#4CAF50;
}

.ck_clear
{
padding-top			: 3px; 
float				: left; 
padding-right		: 5px; 
margin-left			: 3px;
border				: 1px solid silver;
padding				: 2px;
background-color	: GhostWhite;
}
.ck_clear:hover
{
	cursor:pointer;
}

.zdmi {
cursor:pointer
}

@keyframes ripple {
  0% {
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
  }
  50% {
    box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0);
  }
}

.fw-checkbox {
  margin: 16px 0;
}
.fw-checkbox.fw-checkbox-inline {
  display: inline-block;
}
.fw-checkbox[type="checkbox"] {
  display: none;
}

.fw-checkbox[type="checkbox"]:checked + label:before {
  border-color: #388E3C;
  animation: ripple 0.2s linear forwards;
}

.fw-checkbox[type="checkbox"]:checked + label:after {
  transform: scale(1);
}

.fw-checkbox + label {
  display: inline-block;
  height: 20px;
  position: relative;
  padding: 0 10px;
  margin-bottom: 0;
  cursor: pointer;
  vertical-align: bottom;
}
.fw-checkbox + label:before, .fw-checkbox + label:after {
  position: absolute;
  content: "";
  border-radius: 50%;
  transition: all .3s ease;
  transition-property: transform, border-color;
}
.fw-checkbox + label:before {
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(0, 0, 0, 0.54);
}
.fw-checkbox + label:after {
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  transform: scale(0);
  background: #388E3C;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(18,91,168, 0.5);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(18,91,168, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(18,91,168, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(18,91,168, 0.4);
    box-shadow: 0 0 0 0 rgba(18,91,168, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(18,91,168, 0);
      box-shadow: 0 0 0 30px rgba(18,91,168, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(18,91,168, 0);
      box-shadow: 0 0 0 0 rgba(18,91,168, 0);
  }
}

@-webkit-keyframes pulsate  {
  0%  {
-webkit-transform: scale(1, 1);
opacity: 1;
}
100%  {
-webkit-transform: scale(5, 5);
opacity: 0;
}

}

.zmdi {
font-size:1.5em;
cursor:pointer;
}

.zmdi-hc-2x {
font-size:3em;
}


./* Application icons */.orders2ZAZ:before  {
content:"\e616" !important;
}

.orders2ZAZamend:before  {
content:"\e254" !important;
}

.orders2impZAZ:before  {
content:"\e255" !important;
}

.loadbuilderZAZ:before  {
content:"\e558" !important;
}

.editchargesZAZ:before  {
content:"\e870" !important;
}

.consmonitorZAZ:before  {
content:"\e14f" !important;
}

.usermaintZAZ:before  {
content:"\e7fd" !important;
}

.app-php:before {
content:"\e051";
}

.app-maint:before  {
content:"\e869";
}

.app-report:before  {
content:"\e85d";
}

.app-enq:before  {
content:"\e880";
}

.app-parent:before {
content:"\e5c6";
}

.button-add:before  {
content:"\e147";
}

.fw-menu-status {
width:10px;
height:10px;
border-radius:50%;
/*position:absolute;*/
padding:3px;
right:7px;
}

/* Grid Layouts from https://philipwalton.github.io/solved-by-flexbox/demos/grids/ - thanks Phil */

.Grid {
  display: flex;
}

.Grid-cell {
  flex: 1;
}

/* With gutters */
.Grid--gutters {
  margin: -1em 0 0 -1em;
}
.Grid--gutters > .Grid-cell {
  padding: 1em 0 0 1em;
}

/* Alignment per row */
.Grid--top {
  align-items: flex-start;
}
.Grid--bottom {
  align-items: flex-end;
}
.Grid--center {
  align-items: center;
}

/* Alignment per cell */
.Grid-cell--top {
  align-self: flex-start;
}
.Grid-cell--bottom {
  align-self: flex-end;
}
.Grid-cell--center {
  align-self: center;
}

/* Base classes for all media */
.Grid--fit > .Grid-cell {
  flex: 1;
}
.Grid--full > .Grid-cell {
  flex: 0 0 100%;
}
.Grid--1of2 > .Grid-cell {
  flex: 0 0 50%
}
.Grid--1of3 > .Grid-cell {
  flex: 0 0 33.3333%
}
.Grid--1of4 > .Grid-cell {
  flex: 0 0 25%
}
.Grid--1of5 > .Grid-cell {
  flex: 0 0 20%
}
.Grid--1of6 > .Grid-cell {
  flex: 0 0 16.66667%
}

.u-full {
    width: 100%!important
}

.u-1of2,.u-full {
    -webkit-box-flex: 0!important;
    -webkit-flex: none!important;
    -ms-flex: none!important;
    flex: none!important
}

.u-1of2 {
    width: 50%!important
}

.u-1of3 {
    width: 33.3333%!important
}

.u-1of3,.u-2of3 {
    -webkit-box-flex: 0!important;
    -webkit-flex: none!important;
    -ms-flex: none!important;
    flex: none!important
}

.u-2of3 {
    width: 66.6667%!important
}

.u-1of4 {
    width: 25%!important
}

.u-1of5 {
    width: 20%!important
}

.u-1of6 {
    width: 16.66667%!important
}

.u-1of4,.u-3of4 {
    -webkit-box-flex: 0!important;
    -webkit-flex: none!important;
    -ms-flex: none!important;
    flex: none!important
}

.u-3of4 {
    width: 75%!important
}

@media screen and (max-width: 768px) {
.Grid {
  display: block;
}

}

/* Small to medium screens */
@media (min-width: 24em) {
  
  
  .small-Grid--fit > .Grid-cell {
    flex: 1;
  }
  .small-Grid--full > .Grid-cell {
    flex: 0 0 100%;
  }
  .small-Grid--1of2 > .Grid-cell {
    flex: 0 0 50%
  }
  .small-Grid--1of3 > .Grid-cell {
    flex: 0 0 33.3333%
  }
  .small-Grid--1of4 > .Grid-cell {
    flex: 0 0 25%
  }
}

/* Large screens */
@media (min-width: 48em) {
  .large-Grid--fit > .Grid-cell {
    flex: 1;
  }
  .large-Grid--full > .Grid-cell {
    flex: 0 0 100%;
  }
  .large-Grid--1of2 > .Grid-cell {
    flex: 0 0 50%
  }
  .large-Grid--1of3 > .Grid-cell {
    flex: 0 0 33.3333%
  }
  .large-Grid--1of4 > .Grid-cell {
    flex: 0 0 25%
  }
}

.u-full {
    width: 100%!important
}

.u-1of2,.u-full {
    -webkit-box-flex: 0!important;
    -webkit-flex: none!important;
    -ms-flex: none!important;
    flex: none!important
}

.u-1of2 {
    width: 50%!important
}

.u-1of3 {
    width: 33.3333%!important
}

.u-1of3,.u-2of3 {
    -webkit-box-flex: 0!important;
    -webkit-flex: none!important;
    -ms-flex: none!important;
    flex: none!important
}

.u-2of3 {
    width: 66.6667%!important
}

.u-1of4 {
    width: 25%!important
}

.u-1of5 {
    width: 20%!important
}

.u-1of6 {
    width: 16.66667%!important
}

.u-1of4,.u-3of4 {
    -webkit-box-flex: 0!important;
    -webkit-flex: none!important;
    -ms-flex: none!important;
    flex: none!important
}

.u-3of4 {
    width: 75%!important
}

@media (min-width: 384px) {
    .u-small-full {
        width:100%!important
    }

    .u-small-1of2,.u-small-full {
        -webkit-box-flex: 0!important;
        -webkit-flex: none!important;
        -ms-flex: none!important;
        flex: none!important
    }

    .u-small-1of2 {
        width: 50%!important
    }

    .u-small-1of3 {
        width: 33.3333%!important
    }

    .u-small-1of3,.u-small-2of3 {
        -webkit-box-flex: 0!important;
        -webkit-flex: none!important;
        -ms-flex: none!important;
        flex: none!important
    }

    .u-small-2of3 {
        width: 66.6667%!important
    }

    .u-small-1of4 {
        width: 25%!important
    }

    .u-small-1of4,.u-small-3of4 {
        -webkit-box-flex: 0!important;
        -webkit-flex: none!important;
        -ms-flex: none!important;
        flex: none!important
    }

    .u-small-3of4 {
        width: 75%!important
    }
}

@media (min-width: 576px) {
    .u-med-full {
        width:100%!important
    }

    .u-med-1of2,.u-med-full {
        -webkit-box-flex: 0!important;
        -webkit-flex: none!important;
        -ms-flex: none!important;
        flex: none!important
    }

    .u-med-1of2 {
        width: 50%!important
    }

    .u-med-1of3 {
        width: 33.3333%!important
    }

    .u-med-1of3,.u-med-2of3 {
        -webkit-box-flex: 0!important;
        -webkit-flex: none!important;
        -ms-flex: none!important;
        flex: none!important
    }

    .u-med-2of3 {
        width: 66.6667%!important
    }

    .u-med-1of4 {
        width: 25%!important
    }

    .u-med-1of4,.u-med-3of4 {
        -webkit-box-flex: 0!important;
        -webkit-flex: none!important;
        -ms-flex: none!important;
        flex: none!important
    }

    .u-med-3of4 {
        width: 75%!important
    }
}

@media (min-width: 768px) {
    .u-large-full {
        width:100%!important
    }

    .u-large-1of2,.u-large-full {
        -webkit-box-flex: 0!important;
        -webkit-flex: none!important;
        -ms-flex: none!important;
        flex: none!important
    }

    .u-large-1of2 {
        width: 50%!important
    }

    .u-large-1of3 {
        width: 33.3333%!important
    }

    .u-large-1of3,.u-large-2of3 {
        -webkit-box-flex: 0!important;
        -webkit-flex: none!important;
        -ms-flex: none!important;
        flex: none!important
    }

    .u-large-2of3 {
        width: 66.6667%!important
    }

    .u-large-1of4 {
        width: 25%!important
    }

    .u-large-1of4,.u-large-3of4 {
        -webkit-box-flex: 0!important;
        -webkit-flex: none!important;
        -ms-flex: none!important;
        flex: none!important
    }

    .u-large-3of4 {
        width: 75%!important
    }
}

/* Overload default qtip properties */
.qtip {
	max-width:800px;
}

/* Jquery UI overrides */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
background-color:#4CAF50!important;
border: 1px solid #2E7D32;
}

.ui-widget-header, .ui-widget-content
{
background-image:url();
background-color:transparent;
border:0;
}

.ui-widget
{
font-family:arial;
font-size:0.9em;
background-image:url();
}

.ui-tabs-nav
{
border-bottom:2px solid #007fff;
}

.ui-datepicker-header
{
background-color:#4CAF50;
}

.ui-datepicker
{
border:1px solid #666 !important;
background:white;
}

.ui-widget.ui-widget-content
{
border:0px;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
{
color:black;
}

.ui-state-focus
{
background-color:#728FCC;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a 
{ 
border-top-left-radius:4px; border-top-right-radius:4px;
outline: 0;
}



.ui-tabs .ui-tabs-nav li 
{
border:0;
background:;
}

.ui-autocomplete
{
background-color:white !important;
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;
padding-right: 20px;
border:1px solid #666;
box-shadow:1px 1px 1px #ccc;
}

.ui-tabs-anchor
{
cursor:pointer;
}

.ui-state-default
{
background-color:#d0d0d0 !important;
}


.display_table td {
border:0px;
border-bottom:1px solid #ccc;
}