/* Global */
* {    
    font-family: Segoe UI, Tahoma, MS Sans Serif, Arial;
	font-size: 10pt;
}

body.main {
    background-color: #ffffff;
}

body.main * {
    box-sizing: border-box !important;
}

.far,
.fa {
    color: #50b833;
}

.fa.grey {
    color: #9b9b9b;
}

.fa.black {
    color: black;
}

.fa.reverse {
    color: #ffffff;
}

.fa.reverse:hover {
    color: #50b833;
}

.fa.disabled {
    color: #cccccc;
}

/* Controls */
body.main textarea {
    resize: none;
}

input[type=text],
input[type=password],
input[type=search],
/*input[type=file],*/
input[type=button],
input[type=submit],
input[type=number],
select,
button,
textarea {
    min-height: 20px;
    margin: 1px 0px 1px 0px !important;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
}

input[type=checkbox],
input[type=radio] {
    min-height: 16px;
    margin: 0px 2px;
}

input[type=text],
input[type=password],
input[type=search],
input[type=button],
input[type=submit],
select[multiple],
select[size],
button,
textarea {
    padding: 2px;
}

select {
    padding: 0px 2px;
    overflow-y: auto;
    font-size: 1em;
}

select:not([multiple]):not([size]) {
    height: 24px;
}

input[type=file] {
    background-color: #F0F0F0;
    box-sizing: border-box;
    text-align: left !important;
    padding: 0px;

    -webkit-appearance: none !important;
    -webkit-rtl-ordering:  left !important;
}

input[type=file]::-webkit-file-upload-button {
    -webkit-appearance: none;
    margin: 0px;
    padding: 2px 5px 2px 5px;

    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #707070;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;

    vertical-align: middle;
    height: 19px;
}

input[type=file]::-ms-browse {    
    background-color: #DDDDDD;
    border-left: 1px solid #707070;
    border-width: 0px 0px 0px 1px;
    position: relative;
    padding: 0px 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

input[type=file]::-ms-value {
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

select::-ms-expand { /*Make the select's arrow seamless*/
    border-style: none;
    background-color: transparent;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

input::-moz-focus-inner,
button::-moz-focus-inner  { /*Remove button padding in FF*/
    border: 0;
    padding: 0;
    margin-top: -2px;
    margin-bottom: -2px;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=file]:disabled,
input[type=button]:disabled,
input[type=submit]:disabled,
button:disabled,
select:disabled,
textarea:disabled {
    opacity: 0.65;
}

select:disabled::-ms-expand {
    background-color: #F0F0F0;
}

a[href] {
    color: #50b833;
}

a[href]:hover {
    color: #dcf1d6;
}

body.main a:link, 
body.main a:visited  {
	text-decoration: underline;
    cursor: pointer;
}

body.modernGui a.underlined  {
	text-decoration: underline;
}

body.main table.form td input,
body.main table.form td label,
body.main table.form td select {
    vertical-align: middle;
	font-weight: normal;
}

body.main table.form td label {
    padding: 0px 1px;
}

body.main label {
    display: inline-block;
    min-height: 10px;
    vertical-align: middle;
}

label > span,
label > input[type=checkbox],
label > input[type=radio] {
    vertical-align: middle;
    margin: 0px;
}

body.main input.tp, body.main textarea.tp
{
	background-color: transparent;	
	border: 0px transparent;
	height: 17px;
}

td.SectionHeader > a,
body.main table.list tr.header td > a,
body.main table.list tr.header td > a:link,
body.main table.list tr.header td > a:hover {
    text-decoration: none !important;
    font-style: normal !important;
    font-weight: bold !important;
}

body.main table.form .section {

}

body.main input.newButton:disabled,
body.modernGui button.newButton:disabled 
{
    cursor: not-allowed;
}

body.main table.form td.button, 
body.main table.form tr.button td {
	color: #000000;
	padding: 2px;
}

body.main input.button,
body.main button {
	min-height: 21px;
	vertical-align: bottom;
	margin: 0px 0px 0px 0px;
}

body.main input.boxReadOnly {
	padding: 0px;
	border: 2px solid white;
}

body.main input.newButton, 
body.main button.newButton,
body.main table.newButton,
body.modernGui input.newButton, 
body.modernGui button.newButton,
body.modernGui table.newButton
{ /* Used on first tier buttons that command attention eg. The save button This class name is inappropriate and will need to renamed in the future */
	background-color: #50b833;
    color: #ffffff;
	min-height: 20px;
    padding: 2px 5px 2px 5px;
    border: 1px solid #50b833;
    border-radius: 0px;
    font-style: normal;
	cursor: pointer;
    /*line-height: 1.42857143;*/
    height: 24px;
}

.newButton .fa,
.button-secondary .fa {
    color: #ffffff;
}

.newButton:hover .fa,
.button-secondary:hover .fa {
    color: #50b833;
}


body.main table.newButton,
body.modernGui table.newButton {
    padding: 0px 5px;
}

body.main input.newButton[disabled], 
body.main button.newButton[disabled],
body.main table.newButton[disabled],
body.modernGui button.newButton[disabled]
{
    color: #bcbcbc;
	background-color: #ededed;
    border: 1px solid #ededed;
}

body.main button.selectorGo {
    height: 24px;
    background-color: transparent;
    border: none;
    padding-left: 6px;
    padding-right: 10px;
}

body.main button.selectorGo:disabled .fa {
    color: #9b9b9b;
}

input[type=file],
body.main input.button-secondary, 
body.main button.button-secondary,
body.main table.button-secondary,
body.modernGui button.button-secondary
{ 
/* Used on second tier buttons such as drop downs */
	background-color: #50b833;
    color: #ffffff;
	min-height: 20px;
    padding: 2px 5px 2px 5px;
    /*display: inline-block;*/  
    border: 1px solid #50b833;
    border-radius: 0px;
    font-style: normal;
	cursor: pointer;
}

input[type=file] {
    border: none;
}

body.main table.button-secondary {
    padding: 0px 5px;
}

input[type=file] {
    font-size: 1em;
	background-color: #ddd;
}

body.main input.newButton:hover:not([disabled]),
body.main input.button-secondary:hover:not([disabled]),
body.main table.newButton:hover:not([disabled]),
body.main table.button-secondary:hover:not([disabled]),
body.modernGui button.newButton:hover:not([disabled]),
body.modernGui button.button-secondary:hover:not([disabled]) {
    color: #50b833;
    background-color: #ffffff;
    border: 1px solid #50b833;
}

body.main input.newButton:active:not([disabled]), 
body.main button.newButton:active:not([disabled]),
body.main table.newButton:active:not([disabled]),
body.modernGui input.newButton:active:not([disabled]), 
body.modernGui button.newButton:active:not([disabled]),
body.modernGui table.newButton:active:not([disabled]) {
	background-color: #dcf1d6;
    color: #50b833;
	border:1px solid #50b833;
}

input[type=file]:active:not([disabled]),
body.main input.button-secondary:active:not([disabled]),
body.main button.button-secondary:active:not([disabled]),
body.main table.button-secondary:active:not([disabled]),
body.modernGui button.button-secondary:active:not([disabled]) {
	background-color: #dcf1d6;
    color: #50b833;
	border:1px solid #50b833;
}

body.main .relatedItemsHeader a:link {
    color: black;
    text-decoration: none;
    font-style: normal;
}

/* Layout + Structural */
body.main {
    margin: 0px;
}

body.main table.masterlayout {
    overflow:hidden;
}

body.main table.masterlayout > tbody > tr > td {
    border-color: #707070;
}

body.main.mainNoMargin {
    margin: 0px;
    padding: 0px;
}

body.main form {
	margin-bottom: 0px;
	margin-top: 0px;
}

body.main code {
	color: #000000;
	font-family: Courier New, Courier;
	font-size: 9pt;
}

body.main table.form,
body.modernGui table.form {
    border-spacing: 2px;
    border-collapse: separate;
}

body.main table.gridLine {
    border-collapse: collapse;
}

body.main table.list > tbody > tr > td {
    padding: 3px;
}

body.main table.form > tbody > tr > td, 
body.main table.form > thead > tr > th,
body.modernGui table.form > tbody > tr > td, 
body.modernGui table.form > thead > tr > th {
	background-color: #ffffff;
	color: #000000;
	font-weight: normal;
	height: 24px;
    padding: 0px 5px;
    padding-top:5px;
}

body.main table.gridLine > tbody > tr > td:not(:last-child) {
    border-right: 1px solid #50b833;
}

body.main table.form td.FormLabel,
body.main table.form td.ReqFormLabel,
body.modernGui table.form td.FormLabel,
body.modernGui table.form label.FormLabel {
    background-color: #ffffff;
    width: 180px;
    vertical-align: top;
    padding: 5px 5px;
    font-weight: normal;
}

body.main #MainContent table.form td.FormLabel,
body.main #MainContent table.form td.ReqFormLabel,
body.modernGui #MainContent table.form td.ReqFormLabel,
body.modernGui #MainContent table.form td.FormLabel {
    min-width: 180px;
    max-width: 180px;
}

body.main #MainContent table.form col.FormLabel,
body.modernGui #MainContent table.form col.FormLabel {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
}

body.main table.form td.FormLabelFlexWidth {
	background-color: #ffffff;
	vertical-align: top;
	padding: 5px;
}

body.main table.list { 
    border-collapse: separate;
    border-spacing: 0px 5px;
    line-height: 24px !important; 
}

body.main table.list.modern-style-grid.search-results-list{
    line-height:16px !important;
}

body.main table.list td.header,
body.main table.list th.header, 
body.main table.list tr.header td, 
body.main table.list tr.header th,
body.main table.list tr.header td a,
body.main table.list tr.header th a
{
	background-color: #50b833 !important; 
	color: #FFFFFF !important; 
	text-align: left;    
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    padding: 6px;
}

body.main table.list>tbody>tr>td 
{
    border: 0 solid #E6E6E6 !important;
}

body.main table.list>tbody>tr>td.hovering-cell
{
    border-color: #50b833 !important;
    cursor: pointer;
}

body.main table.list>tbody>tr.topBorder>td {
    border-top-width: 1px !important;
}

body.main table.list>tbody>tr.bottomBorder>td {
    border-bottom-width: 1px !important;
}

body.main table.list>tbody>tr>td:first-of-type {
    border-left-width: 1px !important;
}

body.main table.list>tbody>tr>td:last-of-type {
    border-right-width: 1px !important;
}

body.main table.list tr.gapRow td {
    border: 0 !important;
    height: 7px !important;
    padding: 0;
    min-height: 0;
}

/*body.main table.list tr.stripe td, 
body.main table td.stripe
{
	background-color: #FFFFFF;
}*/

body.main table.list td, 
body.main table.list th
{
	background-color: #FFFFFF;
	color: #000000;
	font-weight: normal;
	min-height: 34px;
}

body.main table.list.modern-style-grid.search-results-list td
, body.main table.list.modern-style-grid.search-results-list th{
    min-height:unset;
}

body.main table.list td.disabled
{
    color: gray;
}

body.main div.selectedRow
{
	background-color: #316ac5;
	color: #fff;
}

body.main div.deselectedRow
{
	background-color: #fff;
	color: #000;
}

body.main div.hoveredRow
{
	background-color: #dfefff;
	color: #000;
	/* 90b0d8 */
}

body.main table.widget {
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	width:100%;
}

body.main table.widget td.fieldLabel {
	width: 100%;
	height: 1px;
	font-weight: bold;
}

body.main table.widget td, body.widget table.widget th {
	background-color: #F0F0F0;
	color: #000000;
	font-weight: normal;
	min-height: 34px;
}

body.main table.control {
	 width:100%;
}

body.main table.control td.fieldLabel {
	width: 100%;
	height: 1px;
	font-weight: bold;
}

body.main div.widgetUnchangedHeader 
{
	border: 1px solid black;
	padding: 4px;
	background-color: #7788AA;
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
}

body.main div.widgetChangedHeader {
	border: 1px solid black;
	padding: 4px;
	background-color: #D0E0D0;
	color: #000000;
	font-style: italic;
	font-weight: bold;
}

body.main table.statusBar {
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	padding: 4px;
	background-color: #BACADD;
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
	width: 100%
}

body.main table.form td.HasPopUp, 
body.main table.form td#hasPopUp
{
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url("../../../Shared/Common/Images/Corner-TopRight.gif");
}

body.main table > tbody > tr > td.strapHeader,
body.main table > thead > tr > th.strapHeader,
body.main table > tbody > tr.strapHeader td,
body.main table > tbody > tr > td.strapSubHeader,
body.main table > tbody > tr > th.strapSubHeader,
body.main table > thead > tr > th.strapSubHeader,
body.main table > tbody > tr.strapSubHeader td {
	background-color: #50b833;
	color: #FFFFFF;
	font-weight: bold;
    font-style: normal;
	text-align: left;
    padding: 5px;
}

body.main  table > tbody > tr.strapHeader.inactive > td,
body.main  table > tbody > tr.strapSubHeader.inactive > td {
	background-color: #F2F2F2;
    color: #CCCCCC;
}

body.main table > tbody > tr > td.compactListCell {
    padding: 5px 5px 0px 5px;
    height: 24px;
}

.k-grid-header .k-i-sort-asc-sm,
.k-grid-header .k-i-sort-desc-sm,
.k-grid-header .k-sort-order {
    color: white !important;
}
 
body.main table.list tr.header.sortable td,
body.main tr.strapHeader.sortable > td,
body.main tr.strapSubHeader.sortable > td,
body.main tr.strapHeader > td.sortable,
body.main tr.strapSubHeader > td.sortable {
	text-decoration: underline;
    cursor: pointer;
}

table.form > tbody > tr.selected > td,
table.list > tbody > tr.selected > td { 
    background-color: #9b9b9b !important; 
}

table.form > tbody > tr.groupHeader > td { 
    background-color:#BACADD !important; 
}

table.form > tbody > tr.selectedHeader > td { 
    background-color:#a3bec1 !important; 
}

table.form > tbody > tr.selected > td,
table.form > tbody > tr.notSelected > td,
table.form > tbody > tr.groupHeader > td,
table.form > tbody > tr.selectedHeader > td { 
    cursor: pointer; 
}

body.main div.information 
{
	font-weight: bold;
	font-style: italic;
	height: 20px;
	cursor: pointer;
	background-color: #D9D9D9;
	border: 1px solid black;
	padding-left: 2px;
	padding-right: 2px;
	width: 16px;
}

body.main div.noSpecificAudience
{
	background-color:Green;
}

body.main div.myAudienceRestricted
{
	background-color:Blue;
}

body.main div.myAudienceShared
{
	background-color:#add8e6;
}

body.main div.notAudienceShared
{ 
	background-color:Yellow;
}

.sidebysideWidth {
    width:220px;
    max-width:220px;
}

.tnyWidth { 
    width: 125px;
    max-width: 125px; 
}

.smlWidth { 
    width: 250px;
    max-width: 250px; 
}

.medWidth { 
    width: 350px;
    max-width: 350px;
}

.lrgWidth {
    width: 600px;
    max-width: 600px;
}

body.main td.SectionHeader {
    border-color: #999999;  /* not relevant because border-width now set to 0px */
	color: black;    
    white-space: nowrap;
    border-style: none;
    border-width: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	padding: 5px 5px 5px 5px;
	font-weight: 500;
    font-size: 17.6px;
}	

body.main td.sectionHeaderEmpty {	
    border-bottom: 0px solid #999999;
}

body.main span.sectionLabelHide {	
    font-size: 12px !important;
    color:  black;
}

body.modernGui div.sectionCollapse,
body.modernGui span.sectionCollapse,
body.main div.sectionCollapse,
body.main span.sectionCollapse,
body.main div.actionCollapse,
body.main span.actionCollapse {
    font-size: 12px !important;
    color:  #50b833;
}

body.modernGui .sectionCollapse.inactive {
	color: #CCC;
}	

body.main td.sectionContent {
    border: none;
	/*padding: 0px;
	border-left: 1px solid #075743;
	border-right: 1px solid #075743;
	border-bottom: 1px solid #075743;*/
}	

body.main table.SectionTable {
	margin-top: 15px;
	border-bottom: 2px solid #50b833;
}

body.main table.sectionTableContent {
    border-top: 0px solid #50b833;
    border-left: 0px solid #50b833;
    border-right: 0px;
    border-bottom: 0px;
	width: 100%;
}

body.main table.sectionTableContent#GroupSysOverview > tbody > tr > td {
    padding: 5px 5px 5px 5px;
}
body.main table.sectionTableContent#GroupSysOverview td.FormLabel,
body.main table.sectionTableContent#GroupSysOverview td.ReqFormLabel { 
    vertical-align: middle;
}

body.main td.listHeader, 
body.main tr.listHeader td {
	background-color: #50b833 !important;
	color: #ffffff !important;
	font-style: normal;
	font-weight: bold;
	text-align: left;
    padding: 2px 4px;
}	

body.main td.clearFooter, 
body.main tr.clearFooter td {
	background-color: #ffffff;
	color: #000000;
}

body.main td.grayFooter, 
body.main tr.grayFooter td {
	background-color: #cccccc;
	color: #000000;
}

body.main td.strapFooter, 
body.main tr.strapFooter td {
	background-color: #CCCCCC;
	color: #000000;
	text-align: right;
}

body.main #f1 {
	font-size: 6pt;
}

body.main #f3 {
	font-size: 10pt;
}

body.main h1 {
	font-family: Segoe UI, Tahoma, MS Sans Serif, Arial;
	font-size: 18pt;
	font-weight: bold;
	border-color: #000000;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	padding-bottom: 4px;
	text-align: left;
}

body.main h2 {
	border-color: #000000 #999999 #000000 #000000;
	border-style: solid;
	border-width: 0px 1px 2px 0px;
	margin-top: 30px;
	padding: 2px;
	text-align: left;
	width: 100%;
}

body.main h2, 
body.main td.h2 {
	font-family: Segoe UI, Tahoma, MS Sans Serif, Arial;
	font-size: 10pt;
	font-weight: bold;
}

body.main #tp {
	background-color: transparent;	
	border: 0px transparent;
	height: 17px;
}

body.main .relatedItemsHeader td {
    padding: 5px;
}

.modern-content {
    padding-left: 15px;
    padding-right: 15px;
}

.pageContentContainer 
{
	padding-top:10px;
    padding-bottom:10px;
}

.pageContentContainer,
.pageSidePadding
{
	padding-left:10px;
	padding-right:10px;
}

table.nocellspacing {
    border-spacing: 0px !important;
}

table.cellspacing-sm {
    border-spacing: 2px;
}

table.cellspacing-m {
    border-spacing: 4px;
}

table.nocellpadding > tbody > tr > td {
    padding: 0px;
}

table.cellpadding-sm > tbody > tr > td {
    padding: 2px;
}

table.cellpadding-m > tbody > tr > td {
    padding: 4px;
}

table.cellpadding-lg > tbody > tr > td {
    padding: 10px;
}

.fixed-header {
    position: fixed;
    width: 100%;
    height: 70px;
    top: 0px;
    z-index: 100;
}

.fixed-header-offset {
    margin-top: 70px !important;
}

.fixed-footer {
    position: fixed;
    width: 100%;
    height: 40px;
    bottom: 0px;
    background-color: #fff;
    padding: 5px;
}

.fixed-footer-offset {
    margin-bottom: 30px !important;
}

/* Borders */
.noborder {
    border: 0px none;
}

.border-primary {
    border: none;
}

.border-primary {     
    border-color: #CCCCCC;
}

.border-secondary {     
    border: 1px solid #CCC;
}

.border-cup {
    border: none;
}

.border-full {
    border-width: 1px 1px 1px 1px;
}

.border-full.inactive {
    border-color: silver;
} 

/* Helper Classes */
.nopadding {
    padding: 0px;
}

.padding-sm {
    padding: 2px;
}

.padding-m {
    padding: 4px;
}

.nomargin {
    margin: 0px;
}

.margin-sm {
    margin: 2px;
}

.margin-m {
    margin: 4px;
}

.full-size {
    height: 100%;
    width:100%;
}

.window-size {
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    position: absolute;
    z-index: 1;
}

.width-sm {
    width: 25%;
}

.width-m {
    width: 50%;
}

.width-lg {
    width: 100%;
}

.semi-transparent {
    background-color: gainsboro;
    opacity: 0.7;
}

tr .text-center,
.text-center
{
    text-align: center !important; 
}

.text-left
{
    text-align: left; 
}

.text-right
{
    text-align: right; 
}

.rounded {
    border-radius: 4px;
}

.borderless {
    border-style: none !important;
}

.round-bottom {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Workflow */
body.main div.state{
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#616263;
}

body.main td.stateReached,
body.main td.stateCurrent,
body.main td.stateNotReached,
body.main td.stateInactive,
body.main td.statePaused
{
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    min-height: 32px;
	width: 110px;
	overflow: hidden;
	cursor: help;
	padding: 4px;
    font-weight: bold;
}

body.main td.stateCurrent {
	color: #333333;
	background-color: #D0E0D0;
}

body.main td.statePaused {
	color: #333333;
	background-color: #9f9fa9;
}

body.main td.stateNotReached {
	border: 0px solid #CCCCCC;
	color: #E0E0E0;
	background-color: #7788AA;
}

body.main td.stateReached {
	border: 0px solid #CCCCCC;
	color: black; /*#E0E0E0;*/
	background-color: #BACADD;
}

body.main td.stateInactive {
	border: 0px solid #CCCCCC;
	color: black; /*#E0E0E0;*/
	background-color: #D0D0D0;
}

body.main table.norm td.ActionSummary {
	background-color: #E0E0F0;
	font-weight: bold;
}

body.main table.form > tbody > tr> td.label-highlighted,
body.main .label-highlighted  {
    background-color: #9b9b9b;
    color: #ffffff;
}

td.label-highlighted a[href],
td.label-colors-overriden a[href] {
    color: inherit;
}

body.main .workflow-action-summary {
    text-align: center;
    width: 80%;
    margin: 0px auto;
    padding-top: 15px;
}

body.main .workflow-action-summary > div.content {
    display: inline-block;
    border: 1px solid #999999;
    background-color: #b4e6a6;
    padding: 5px;
    text-align: left;
}

body.main .workflow-action-summary .summary-icon {
    color: black;
    font-size: 1.5em;
    padding-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

/* Tabs */
.tab-nav {
    width: 100%;
    /*border-color: #999999;
    border-style: solid;
    border-width: 0px 0px 1px 0px;*/
}

.tab-nav > ul {
    list-style: none;
    margin: 0px 0px 5px -0px;
    padding: 0px 0px 0px 0px;
    overflow: auto;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #50b833;
}

.tab-nav > ul > li {
    float: left;
    display: inline-block;
    padding: 6px;
    margin: 0px 4px 0px -2px;
    position: relative;
    /*bottom: 1px;*/
    border-style: none; 
    /*border-top-left-radius: 5px;    
    border-top-right-radius: 5px;*/
    font-weight: bold;
}

.tab-nav > ul > li.tabCurrent,
.tab-nav > ul > li.tabOther,
.tab-nav > ul > li.tabOtherOver,
.tab-nav > ul > li.tabDisabled 
{ 
    font-style: normal;
}

.tab-nav > ul > li.tabCurrent 
{ 
    /*background-color: #7788AA;*/ 
    background-color: #50b833; 
    color: #FFFFFF; 
}

.tab-nav > ul > li.tabOther 
{ 
    /*background-color: #D9D9D9;*/ 
    background-color: #FFFFFF; 
    color: #50b833; 
    cursor: pointer; 
}

.tab-nav > ul > li.tabOtherOver 
{ 
    /*background-color: #AABBCC;*/ 
    background-color: #FFFFFF; 
    color: #50b833; 
    cursor: pointer; 
}

.tab-nav > ul > li.tabDisabled 
{ 
    background-color: #F2F2F2; 
    color: #CCCCCC;
} 

/* Calendar */
table.calendar {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

table.calendar > tbody > tr > td.day {
    border-color: grey;
    border-width: 1px;
    border-style: solid;
}

table.calendar > tbody > tr > td.day.weekend {
    background-color: #E8F0F4;
}

table.calendar > tbody > tr > td > .day-label {
    font-size: 10pt;
}

table.calendar > tbody > tr:last-child > td.day:first-child {
    border-bottom-left-radius: 4px;
}

table.calendar > tbody > tr:last-child > td.day:last-child {
    border-bottom-right-radius: 4px;
}

/* Workflow Calendar */
table.workflow-calendar {
    table-layout: fixed;
    width: 100%;
    border-spacing: 0px;
    padding: 2px;
    background-color: white;
}

table.workflow-calendar > tbody > tr.header > td {
	background-color: #BACADD;
	color: black;
	text-align: center;    
    font-style: normal;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 2px;
    border: gray 1px solid;
}

table.workflow-calendar > tbody > tr.header > td > span {
    font-size: inherit;
}

table.workflow-calendar > tbody > tr.data-row > td {
	background-color: #F0F0F0;
	color: black;
    vertical-align: top;
	text-align: left;    
    font-style: normal;
    font-size: 10pt;
    text-decoration: none;
    border: gray 1px solid;
}

table.workflow-calendar > tbody > tr.data-row > td.weekend {
	background-color: #E8F0F4;
}

table.workflow-calendar > tbody > tr.data-row > td > span{
    font-size: inherit;
}

/* Popup date calendar - removed from code */
body.main table.form td.cal_pickDay,
body.modernGui table.form td.cal_pickDay {
    background-color: #C8D8C8;
}

body.main table.form td.cal_weekend,
body.modernGui table.form td.cal_weekend {
    background-color: #dcf1d6;
}

/* Angular JS */
[ng\:cloak], 
[ng-cloak], 
[data-ng-cloak], 
[x-ng-cloak], 
.ng-cloak, 
.x-ng-cloak {
    display: none !important;
}

/* modal dialog styles to enable iframe touch scroll in ios devices */
div.modalDialogWindow
{
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
}

/*beginning of new styles for modern gui*/
input[type=text],
textarea,
select {
  color: #555;
}

input[type=text],
input[type=password]
{
  height: 24px !important;
}

input[type=text].full-width,
select.full-width {
  height: 24px;
  width: 95% !important;
}

/* dont want height to be set to 30px when select is a multi selector */
select[multiple]:not([size]) {
    /*height: auto;*/
    height: 100%;
}

.pageHeading
{
	padding-top: 10px;
	padding-left: 15px;
    font-size: 21px !important;
}

.pageHeading .page-heading-label
{
    font-size: 18px;
}

.pageSubHeading
{
	padding-top:4px;
	padding-left:15px;
    font-size: 16px;
}

body.main .wf-page-heading-height
{
    height: 40px;
}

span.favourite-place-holder {
    color: #50b833;
}
span.favourite-place-holder.lacking {
    color: #e6e6e6;
}

.ha-c-primary {
    color: #50b833;
}

div.k-window-titlebar.k-header
{
	height: 30px !important;
}

body.main .wf-action-menu {
    display: inline-block;
    background-color: transparent;
    text-align: center;
    vertical-align: bottom;
    width: 100%;
    background-image: none;
    border: none;
}

body.main .wf-action-menu-list {
    text-align: left; 
    background-color: #ededed; 
    color: #50b833; 
    top: 1px; 
    left: 8px; 
    height: 800px; 
    min-width: 350px;
}

body.main .wf-action-menu li.k-item.k-state-hover {
    background-color: #ffffff;
    color: #50b833;
    border: 1px solid #50b833;
}

body.main .wf-action-menu li.k-item.k-state-hover .wf-action-menu-caption,
body.main .wf-action-menu li.k-item.k-state-hover .fa {
    color: #50b833;
}

body.main .wf-action-menu span.k-link.k-state-active {
    background-color: inherit;
}

body.main .wf-aside-link,
body.main a.wf-aside-link:link,
body.main a.wf-aside-link:visited,
body.main a.wf-aside-link:active {
    color: #616263 !important;
	font-size: 1.1em;
    text-decoration: none !important;
}

body.main a.wf-aside-link:hover {
    text-decoration: underline !important;
}

body.main .wf-navigation-header {
    color: black !important;
	font-size: 1.3em;
    text-decoration: none !important;
}

body.main a.wf-button-link:link,
body.main a.wf-button-link:visited,
body.main a.wf-button-link:active,
body.modernGui a.app-button-link:link,
body.modernGui a.app-button-link:visited,
body.modernGui a.app-button-link:active {
    color: #50b833 !important;
	font-size: 1.10em;
    text-decoration: none !important;
}

body.main a.wf-button-link:hover,
body.modernGui a.app-button-link:hover {
    text-decoration: underline !important;
}

body.main .wf-action-link {
    background-color: #ffffff; 
    border: 1px solid #50b833; 
    padding: 2px; 
    margin: 2px;
}

body.main td.wf-type-name {
	color: #50b833;    
	font-weight: bold;
    font-size: 1.32em;
}	



/*body.main table.CalendarTable > tbody > tr > td, 
body.main table.CalendarTable > thead > tr > th,
body.main table.CalendarTable > tbody > tr > td > select:not([multiple]):not([size]), 
body.main table.CalendarTable > thead > tr > th > select:not([multiple]):not([size]),
body.main table.CalendarTable > tbody > tr > td > input[type=text], 
body.main table.CalendarTable > thead > tr > th > input[type=text],
body.main table.CalendarTable > tbody > tr > td > input[type=button], 
body.main table.CalendarTable > thead > tr > th > input[type=button] {
	height: 27px;
    min-width: 27px;
}*/

body.main table.CalendarTable > tbody > tr > td, 
body.main table.CalendarTable > thead > tr > th,
body.modernGui table.CalendarTable > tbody > tr > td, 
body.modernGui table.CalendarTable > thead > tr > th {
    background-color: #f7f7f7;
}

/*body.main table.CalendarTable > tbody > tr > td > input[type=button], 
body.main table.CalendarTable > thead > tr > th > input[type=button] {
	background-color: #e6e6e6;
    color: #50b833;
}*/

span.ReqAsteriskStyle {
    color: red;
    font-family: 'Courier New';
    font-size: 1.4em;
    font-weight: bolder;
    vertical-align: middle;
}
span.ReqAsteriskStyleBlue {
    color: blue;
    font-family: 'Courier New';
    font-size: 1.4em;
    font-weight: bolder;
    vertical-align: middle;
}
body.main .wf-show-hide-content-aside-icon {
    display: inline-block; 
    cursor: pointer; 
    font-size: large; 
    color: #ffffff; 
    background-color: #616263; 
    width: 55px; 
    padding: 12px 20px 0px 20px; 
    overflow: hidden;
}
body.main .wf-header-bar {
    background-color: #616263;
    white-space: nowrap;
    overflow: hidden;
}
body.main .wf-action-menu-holder {
    display: inline-block; 
    color: white; 
    position: absolute; 
    right: 0px; 
    width: 200px; 
    background-color: #50b833; 
    text-align: center;
    background-image: none;
}
body.main .wf-action-menu-holder .k-state-hover {
    background-image: none;
}

body.main .wf-action-menu-caption {
    background-image: none; 
    color: #ffffff; 
    display: inline-block; 
    height: 30px; 
    font-weight: bold !important; 
    margin-top: 5px;
    font-size: 1.1em;
}
body.main .wf-footer, 
body.main .wf-content, 
body.main .wf-aside, 
body.main .wf-section {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    background: white;
    border: 0px solid;
}

body.main .wf-footer, 
body.main .wf-menu, 
body.main .wf-section {
    position: absolute;
    width: 100%;
}

body.main .wf-header, 
body.main .wf-footer {
    height: 40px;
}

body.main .wf-footer {
    bottom: 0;
}

body.main .wf-content {
    top: 40px;
    bottom: 0px;
}

body.main .wf-aside, 
body.main .wf-section {
    top: 0;
    bottom: 0;
}

body.main .wf-aside {
    width: 220px;
    min-width: 10%;
    max-width: 30%;
    background-color: #ededed; 
    padding-top: 5px; 
    padding-left: 10px;
}

body.main .wf-section {
    right: 0;
    left: 220px;
    width: auto;
    background-color: #f2f2f2;
}

body.main .wf-button {
    padding-top: 5px;
    height: 34px;
    width: 100%;
    white-space: nowrap;
    background-color: #f7f7f7;
}

body.main .wf-button table tr td {
    padding-left: 20px;
}

body.main .wf-button .wf-show-hide-all {
    width: 200px !important; 
    padding-right: 20px;
}

body.main .wf-action-menu-item-window {
    display: none; 
    background-color: white; 
    border: 1px solid black; 
    padding: 2px; 
    margin: 2px;
}

body.main .rcbInner {
    height: 24px;
    border: 1px solid #ccc;
    border-radius: 0px;
    background-color: #ffffff;
    background-image: none;
    padding-top: 0px;
    padding-bottom: 0px;
}

body.main .rcbActionButton {
    height: 20px;
    background-color: #ffffff;
    background-image: none;
}

body.main .rcbActionButton {
    min-height: 20px; 
    width: 1.2em;
}

body.main .RadComboBox{
    margin:1px;
}

body.main .RadComboBox .rcbActionButton {
    right: 4px;
    padding: 0px;
}

body.main .RadComboBox .rcbInput {
    margin: 0 !important;
    height: 22px !important;
    /*background-color: #ffffff;*/
}

/*body.main table.CalendarTable > tbody > tr.CalendarHeader > td {
	background-color: #0A7DCA;
}


body.main table.CalendarTable > tbody > tr.CalendarFooter > td {
	background-color: #0A7DCA;
}*/

/* This style is commented because affects the FadeIn and FadeOut effect in Toast messages
.toast {
    opacity: 1 !important;
}*/

#toast-container.nopacity > div {
    opacity: 1;
}

/*end of new styles for modern gui*/

/* Kendo UI*/
/*-----------------------------------------------------------------------------*/
/*k-button*/
a[href].k-button{
    color:#ffffff;
}

.k-button{
    border-color:transparent;
	background-color: #50b833;
    background-image:none !important;
    color: #ffffff;
	min-height: 20px;
    padding: 2px 5px 0px 5px;
    border: 1px solid #50b833;
    font-style: normal;
	cursor: pointer;
    line-height:16px;
    text-align:center;
    height: 24px;
    border-radius: 0px;
}

.k-button:hover{
	color: #50b833;
	background-color: #ffffff;
	border:1px solid #50b833;
}

.k-button .fa {
    color: #ffffff;
}

.k-button:hover .fa {
    color: #50b833;
}

/*k-grid*/
body.main .k-grid, 
body.main .k-grid-header, 
body.main .k-grid-header-wrap, 
body.main div.k-grid-header, 
body.main div.k-grid-footer{
    border-style:none;
    border-width:0px;
}

body.main .k-grid-norecords-template{
    border: 0px;
}

body.main .k-grid-header-wrap th.k-header,
body.modernGui .k-grid-header-wrap th.k-header {
    background-image: none;
    background-color: #50b833;
    line-height: 16px;
    padding: 3px;
    font-weight: bold;
    color: #FFFFFF;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #50b833;
}

body.main .k-grid-header-wrap th.k-header:last-child,
body.modernGui .k-grid-header-wrap th.k-header:last-child {
    border-right-width: 1px;
}

body.modernGui .k-grid-header-wrap th.k-header .k-link {
    color: unset;
    text-decoration: none;
}

body.main .k-grid-content tbody tr td, body.main .k-grid-footer-wrap tr td {
    border-width: 0 0 0px 1px;
    border-color: #50b833;
    padding: 4px 7px 3px 7px;
}

body.main .k-grid-content tbody tr > td:first-child, body.main .k-grid-footer-wrap tr > td:first-child {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #50b833;
}

body.main .k-grid-content tbody tr > td:last-child, body.main .k-grid-footer-wrap tr > td:last-child {
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #50b833;
}

body.main .k-grid-content tbody tr:last-child > td, body.main .k-grid-footer-wrap tr:last-child > td {
    border-bottom-width: 1px;
    border-bottom-color: #50b833;
}

body.main .k-grid-content tbody tr:hover, body.main .k-grid-footer-wrap tr:hover {
    background-color: transparent;
    background-image: none;
}

body.main .k-grid-content tbody tr.k-alt {
    background-color: transparent;
    background-image: none;
}

body.main .k-grid-content .altRowGrid tbody tr.k-alt {
    background-color: #f3f3f3;
}

.noScrollGrid.k-grid .k-grid-content {
    overflow: hidden;
}

.noScrollGrid.k-grid .k-grid-header, .noScrollGrid.k-grid .k-grid-footer {
    padding-right: 0px !important;
}

body.main .k-grid-content .k-grid-norecords {
    white-space: nowrap;
    width: 500px;
}


body.main .k-grid-content .k-grid-norecords-template {
    line-height: 16px;
    height: auto;
    width: 99%;
    text-align: left;
    border: 0px;
    padding: 0px;
    margin: 0px !important; /*important attribute is needed as the element have inline style definition*/
    color: black;
}

/*k-picker*/
.k-picker-wrap{
    border-radius:0px;
}

/*k-autocomplete*/
.k-autocomplete, .k-autocomplete.k-state-border-down, .k-autocomplete.k-state-border-up {
    border-radius: 0px;
    padding-right: 1px;
    margin:1px;
}

.k-autocomplete input[type=text] , .k-autocomplete.k-state-border-down input[type=text], .k-autocomplete.k-state-border-up input[type=text] {
    border-radius: 0px;
    margin:0px !important;
}

.k-autocomplete.k-state-hover{
    background:none;
    border-color: #ccc;
}

.k-autocomplete.k-state-focused{
    background:none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*k-list-container*/
.k-list-container.k-state-border-up, .k-list-container.k-state-border-down{
    border-radius: 0px;
    background-color:#ffffff;
}

/*k-list*/
.k-list > .k-state-hover{
    background:none;
    background-color:Highlight;
    color:HighlightText;
    border-radius:0px;
}

.k-list > .k-state-focused{
    background:none;
    background-color:Highlight;
    color:HighlightText;
    border-radius: 0px;
    box-shadow: none;
}

/* Dropdown Custom Field */
/*-----------------------------------------------------------------------------*/
table.CF_Dropdown_ListView_Container{
    margin-top:-3px;
}

/* Attachment Field */
/*-----------------------------------------------------------------------------*/
.attachmentFieldContainer{
    position:relative;
}

.attachmentFieldContainer .KendoZiniosUploader .k-upload-button,
.attachmentFieldContainer .KendoZiniosUploader .existing-upload-button {
    margin-right: 7px;
}

.attachmentFieldContainer .KendoZiniosUploader{
    border-radius:0px;
    border-style:none;
    background-image:none;
    background-color:transparent;
    padding-bottom:1px;
}

.attachmentFieldContainer .k-button{
    min-width:24px;
}

.attachmentFieldContainer button.k-upload-selected{
    display:none;
}

.attachmentFieldContainer .k-upload{
    position:static;
}

.attachmentFieldContainer .k-dropzone{
    padding: 0px;
    padding-bottom: 2px;
    position:static;
    display:flex;
    justify-content:initial;
    background-color:transparent;
}

.attachmentFieldContainer .k-dropzone .k-upload-status{
    display:none;
}

.attachmentFieldContainer .k-dropzone .dropzoneText{
    visibility:visible;
    border-width: 1px; 
    border-style: dashed; 
    font-weight:normal;
    font-style: normal;
    padding: 2px 5px 0px 5px; 
    min-height: 20px;
    line-height:16px;
    background-color:transparent;
    display:inline-block;
    position:absolute;
    left:0px;
    right:0px;
    margin-left:auto;
    margin-right:auto;
    width:100px;
}

.attachmentFieldContainer .k-dropzone-active .dropzoneText{
    background-color:#50b833;
    color:#ffffff;
    top:0px;
    bottom:0px;
    width:100%;
    box-sizing:border-box;
    opacity:0.8;
    z-index:1;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:2em;
} 

.attachmentFieldContainer .k-grid-header {
    padding: 0px !important;
}

.attachmentFieldContainer .k-grid-content {
    overflow-x:hidden;
    overflow-y:hidden;
}

.attachmentFieldContainer td.attachmentRemoveColumn{
    text-overflow:clip;
}

/* Modern Gui */
/*-----------------------------------------------------------------------------*/
body.modernGui {
  background-color: #ffffff;
  padding: 0px;
}
body.modernGui {
  height: 100%;
  width: 100%;
}
body.modernGui .full-height {
  height: 100%;
  min-height: 100%;
}
body.modernGui a {
  color: #50b833;
}
body.modernGui a:hover {
  color: #dcf1d6;
}
body.modernGui .k-grid table {
  border-collapse: collapse;
}
body.modernGui .k-grid tbody > tr > td img {
  width: 24px;
  height: 24px;
}
body.modernGui .k-grid tbody .k-button,
body.modernGui .k-grid .k-ie8 .k-grid tbody button.k-button {
  min-width: 20px;
}
body.modernGui .k-grid .k-header:not(:first-of-type) {
  text-align: center !important;
}
body.modernGui .k-grid .k-header[data-field="name"] {
  text-align: center !important;
}
body.modernGui .invalid-form-control,
body.main .ng-invalid:not(form)  {
  border-color: red;
}
body.modernGui .list-view {
  font-size: 1.1em;
  overflow: auto;
  border-radius: 0px;
  border: 1px solid #E6E6E6;
}
body.modernGui .droppable {
	height:30px;
}
body.modernGui .tempDropAreaEnding {
	height:200px;
	width:100%;
}
body.modernGui .emptyDroppable {
	height:100%;
}
body.modernGui .dragStart {
  opacity: 0.2;
  border: 1px dashed #f2f2f2;
}
body.modernGui .dragEnter {
  background-color: #50b833;
  cursor: copy;
}
body.modernGui button img {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
body.modernGui .panel-heading {
  font-size: 1.17em;
  background-color: #f7f7f7;
}
body.modernGui .center-spinner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 50%;
  transform: translateX(-50%);
}
body.modernGui .grid-container {
  padding-right: 15px;
  padding-left: 15px;
  bottom: 10px;
  position: absolute;
}
body.modernGui input[type="checkbox"] { 
    vertical-align: middle; 
}
body.modernGui input.form-control, body.modernGui textarea.form-control,
body.main input.form-control, body.main textarea.form-control {
    border-radius: 0px;
}
body.modernGui .k-dropdown,
/*body.modernGui .k-popup,*/
body.modernGui .k-dropdown-wrap {
    border-radius: 0px;
    background-color: #ffffff;
}

body.modernGui .form-item-content {
}

body.main .progress-bar-info,
body.modernGui .progress-bar-info {
    background-color: #50b833;
}

.fadepopup {
    background-color: #bd362f;    
}

.fadepopup td {
    color: #ffffff;    
}

body.main .dateRangeTitle {
    width: 100%;
    padding-top: 3px;
    color: white;
    font-weight: bold;
    vertical-align: text-bottom;
    cursor: default;
    background-color: #50b833;
}

body.modernGui .sub-menu {
    background-color: #ffffff;
    list-style: none;
    background-image: none;
}

body.modernGui .sub-menu.k-menu span {
    font-size: 11.5pt;
    line-height: 20px;
}

body.modernGui .sub-menu .k-item.modern-gui-menu-selected-item {
    background-color: #50b833;
    color: #ffffff;
    border-width: 1px;
    border-color: #50b833;
}

body.modernGui .deep-menu-tab .k-item.modern-gui-menu-selected-item {
    border-color: #f7f7f7;
}

body.modernGui .sub-menu .k-item.modern-gui-menu-selected-item:hover {
    background-color: #ffffff;
    color: #50b833;
    border-width: 1px;
    border-color: #50b833;
}

body.modernGui .sub-menu .k-state-hover > .k-link {
    color: #50b833;
    background-image: none;
}

body.modernGui .sub-menu .k-item img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    transform: translateY(-20%);
}

body.modernGui .sub-menu > .k-item:not(.modern-gui-menu-selected-item) {
    border-width: 1px;
}

body.modernGui .sub-menu.deep-menu.k-menu span {
    font-size: 1em;
    line-height: 20px;
}

body.modernGui .sub-menu.k-header {
    border-color: #50b833;
}

body.modernGui .sub-menu-tab .k-item {
    background-color: #ffffff;
}

body.modernGui .sub-menu-tab.k-header {
    border-width: 0 0 5px 0;
}

body.modernGui .deep-menu-tab .k-item.modern-gui-menu-selected-item {
    background-color: #f7f7f7;
    color: #50b833;
    border-bottom: 5px solid #50b833 !important;
    font-weight: bold;
}

body.modernGui .deep-menu-tab .k-item.k-state-hover {
    border-bottom: 5px solid #616263 !important;
}

body.modernGui .deep-menu-tab.k-header {
    border-width: 0;
}

body.modernGui .deep-menu-tab,
body.modernGui .deep-menu-tab .k-item {
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
}

body.modernGui .sub-menu-box .k-item {
    background-color: #e6e6e6;
}

body.modernGui .sub-menu-box.k-header {
    border-width: 0px;
}

body.modernGui .sub-menu-box > .k-item:not(.modern-gui-menu-selected-item) {
    border-width: 1px 0px 1px 1px;
}

body.modernGui .sub-menu-box > .k-item:not(.modern-gui-menu-selected-item):last-of-type {
    border-width: 1px;
}

body.modernGui .sub-menu-tab > .k-item:not(.modern-gui-menu-selected-item) {
    border-color: #ffffff;
}

body.modernGui .sub-menu-tab > .k-item:not(.modern-gui-menu-selected-item):hover {
    border-color: #50b833;
}

body.modernGui .sub-menu-box > .k-item:not(.modern-gui-menu-selected-item) {
    border-color: #50b833;
}

body.modernGui .sub-menu-box > .k-item:not(.modern-gui-menu-selected-item):hover {
    background-color: #ffffff;
}

body.modernGui .modern-gui-menu-selected-triangle {
    position: absolute;
    z-index: 10;
}

body.modernGui .gui-content {
    position: absolute;
    width: 100%;
    top: 50px;
    bottom: 0px;
}

body.modernGui .gui-main-menu {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 220px;
    min-width: 150px;
    max-width: 300px;
    background-color: #ffffff;
    padding-right: 0px;
    padding-left: 0px;
    overflow-y: auto;
}

body.modernGui .gui-section {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 220px;
    width: auto;
    background-color: #ffffff;
}

body.modernGui .gui-right-menu {
    height: 100%;
    min-height: 100%;
    z-index: 9;
    -webkit-transition: all linear 1s;
    transition: all linear 1s;
    position: fixed;
    right: 0px;
    width: 20%;
    background-color: #ffffff;
    overflow-y: auto;
}

body.modernGui .gui-right-menu.ng-hide {
    right: -100%;
}

body.modernGui .gui-sub-menu {
    background-color:#ffffff;
    padding-right: 15px;
    padding-left: 15px;
}

body.modernGui .gui-sub-menu-gap {
    height: 8px;
}

body.modernGui .gui-deep-menu {
    background-color:#ffffff;
    padding-right: 15px;
    padding-left: 15px;
}

body.modernGui .gui-deep-menu-indent {
    padding-left: 30px;
}

body.modernGui .gui-inner-content {
    position: absolute;
    background-color:#ffffff;
    margin-top: 10px;
    bottom: 0;
    width: 100%;
}

body.modernGui .breadcrumb img {
    width: 16px;
    height: 16px;
    margin-right: 0px;
    opacity: 0.15;
    transform: translateY(-20%);
}

body.modernGui .breadcrumb a {
    font-size: 0.83em;
}

body.modernGui .breadcrumb a:first-child {
    color: #f2f2f2;
}

body.modernGui .breadcrumb {
    margin-top: 5px;
    margin-bottom: 0px;
    background-color: inherit;
    padding: 0px;
}

body.modernGui .breadcrumb > li + li:before {
    content: " ";
}

body.modernGui .breadcrumb > li {
    line-height: 12px;
}

body.modernGui .navbar-menu-bar {
    display: inline-block; 
    cursor: pointer; 
    font-size: large; 
    color: #50b833; 
    width: 120px; 
    padding: 5px 10px 0px 20px; 
    overflow: hidden;
}

body.modernGui .navbar-breadcrumb-container {
    display: inline-block; 
    margin-left: 10px; 
    overflow: hidden; 
    margin-top: 0px; 
    margin-right: 200px; 
    vertical-align: top; 
    position:absolute
}

body.modernGui .navbar-user-profile-holder {
    display: inline-block; 
    position: absolute; 
    right: 20px; 
    text-align: center;
}

body.modernGui .user-profile {
    color: #9b9b9b;
    font-size: 1em;
}

body.modernGui .card-box {
    border: 1px solid #50b833;
    color: #50b833;
}

body.modernGui .card-list-drag-enter {
    border: 3px solid #50b833;
    cursor: crosshair;
}

body.modernGui .main-right-menu.k-panelbar {
    border: none;
    font-size: 11.5pt;
}

body.modernGui .main-right-menu.k-panelbar .k-item img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    transform: translateY(-15%);
}

body.modernGui .main-right-menu.k-panelbar .k-header span:not(.k-icon) {
    font-size: 11.5pt;
}

body.modernGui .main-right-menu.k-panelbar li.k-item {
    background-image: none;
    color: #50b833;
}

/*body.modernGui .main-right-menu.k-panelbar li.k-item:hover {
    background-color: #ffffff;
    color: #50b833;
    border: 1px solid #50b833;
}*/

body.modernGui .menu-item-hover-border:hover {
    border: 1px solid #50b833;
}

body.modernGui .main-right-menu.k-panelbar li.k-item.k-state-highlight {
    background-color: #50b833;
    color: #ffffff;
}

body.modernGui .main-right-menu.k-panelbar li.k-item > .k-link {
    background-image: none;
    border-width: 0px;
    line-height: 1.8em;
    font-size: 11.5pt;
    padding-top: 12px;
    padding-bottom: 12px;
    /*line-height: 50px;*/
}

body.modernGui .main-right-menu.k-panelbar .k-header:not(.k-state-selected) {
    background-color: #ffffff;
}

body.modernGui .main-right-menu .k-state-selected {
    background-color: #50b833;
    color: #ffffff;
}

body.modernGui .main-right-menu .k-state-focused.k-state-selected {
    box-shadow: none;
}

body.modernGui .main-right-menu.k-panelbar > li.k-state-default > .k-link.k-state-selected:hover {
    background-color: #50b833;
    color: #ffffff;
    border-width: 0px;
}

body.modernGui .gui-config.k-panelbar > li > .k-link {
    background-color: #50b833;
    color: #ffffff;
    background-image: none;
    box-shadow: none;
}

body.modernGui .dragged-hint {
    border: 3px solid #50b833; 
    padding: 5px; 
    text-align: center; 
    font-weight: bold;
}

.modern-style-grid{
    border-collapse:collapse;
}

.modern-style-grid.k-grid
,.modern-style-grid {
    border: none;
}

body.modernGui .modern-style-grid.k-grid .k-grid-header,
body.modernGui .modern-style-grid.k-grid .k-grid-content {
    border: none;
}

body.modernGui .modern-style-grid.k-grid .k-grid-content table
,body.modernGui .modern-style-grid.k-grid table {
    border-collapse: separate;
    border-spacing: 0px 3px;
}

body.modernGui .modern-style-grid.k-grid .k-header {
    color: #50b833;
}

body.modernGui .modern-style-grid.k-grid .k-header:not(:first-of-type)
,.modern-style-grid thead th:not(:first-of-type) {
    text-align: left !important;
}

body.modernGui .modern-style-grid.k-grid tbody tr {
    background-color: #ffffff;
}

body.modernGui .modern-style-grid.k-grid tbody tr td {
    border-width: 1px 0px 1px 0px;
    border-color: #e6e6e6;
}

body.modernGui .modern-style-grid.search-results-list.k-grid tbody tr td
,body.main table.list.modern-style-grid.search-results-list tbody tr td{
    padding: 4px 7px 3px 7px;
}

body.modernGui .modern-style-grid.k-grid tbody tr td.hovering-cell {
    border-color: #50b833;
}

body.modernGui .modern-style-grid.k-grid tbody tr td:first-of-type {
    border-width: 1px 0px 1px 1px;
}

body.modernGui .modern-style-grid.k-grid tbody tr td:last-of-type {
    border-width: 1px 1px 1px 0px;
}

body.modernGui .modern-style-grid.k-grid thead tr th {
    padding-top: 15px;
    padding-bottom: 15px;
    border: none;
    background-image: none;
    background-color: #e6e6e6;
}

body.modernGui .modern-style-grid.search-results-list.k-grid thead tr th
, body.main table.list.modern-style-grid.search-results-list tr.header td{
    background-color: #666666;
    color: white;
    padding-top:5px;
    padding-bottom:4px;
    padding-left:7px;
    padding-right:7px;
    line-height:16px;
}

body.modernGui .modern-style-grid.search-results-list.k-grid tbody tr td{
    line-height: 16px;
}

body.main table.list.modern-style-grid.search-results-list tr.header td{
    background-color: #666666 !important;
    color: white !important;
    line-height:16px !important;
}

body.modernGui .modern-style-grid.search-results-list.k-grid .k-grid-header .k-header > .k-link
, .modern-style-grid.search-results-list tr.header a.headerLink {
    color:#ffffff;
    text-decoration:none;
    padding:0px;
    margin:0px;
    font-weight:bold;
}

.modern-style-grid.search-results-list tr.header a.headerLink{
    background-color:transparent !important;
}

body.modernGui .modern-style-grid.search-results-list.k-grid tbody tr td.hovering-cell {
    cursor:pointer;
}

body.modernGui .card-caption-icon {
    float: right;
}
body.modernGui .card {
    margin-bottom: 0px;
    height: 100%;
    border: 1px solid #cccccc;
    margin-top: 0%;
}
body.modernGui .card .panel-heading {
    border-color: #cccccc;
}

body.main .comment-cell {
    border: 1px dashed #50b833;
    border-top: 0px;
    border-bottom: 0px;
}

body.main .instruct-text {
    border-right: 1px #50b833 solid; 
}

body.main table.WrapperTable {
    border: 1px solid #50b833;
}

body.main .week-day-header,
body.modernGui .week-day-header {
    background-color: #50b833 !important;
}

.FadePopup {
    background-color: #bd362f; /* background red   */
    color: #ffffff;            /* text color white */ 
}

/* icon position inside the round pager buttons */
body.modernGui div.grid-container .k-icon {
    padding: 10px 0px 10px 0px;
}

/* dropdown and input sizes (inside the pager) */
body.modernGui div.grid-container .k-dropdown-wrap .k-input {
    height: 25px; 
    line-height: 18px ;
}

/* square pager icons */
.RadGrid input.rgPageFirst,
.RadGrid input.rgPagePrev,
.RadGrid input.rgPageNext,
.RadGrid input.rgPageLast {
    margin: 0px 2px 0px 0px !important;
}

/* filterbox and filter icon */
.RadGrid input.rgFilter,
.RadGrid input.rgFilterBox {
    margin: 0px 0px 0px 4px !important;
}

/* Display Id */
.RadGrid input.riTextBox {
    margin: 0px 0px 0px 0px !important;
}

/* Data Tables */
.dataTables_wrapper {
    width: 100%;
}

.dataTable{
    border-collapse: separate;
    border-spacing: 0px 3px;
    line-height:16px;
}

.dataTable > thead > tr > th {
    background-color: #666666;
    color: white;
    border-style: none;
    white-space: nowrap;
    text-wrap:none;
    text-align:left;
    padding-top:5px;
    padding-bottom:4px;
    padding-left:5px;
    padding-right:7px;
}

.dataTables_wrapper .dataTables_scrollHead {
    background-color: #666666;
}

/* Data Controls */
.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
    display: inline-block;
}

.dataTables_wrapper .dataTables_filter > label > input {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
}

table.dataTable thead tr th.sorting {
  background-image: url("../../../Reports/Views/images/sort_both.png");
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
}
table.dataTable thead tr th.sorting_asc {
  background-image: url("../../../Reports/Views/images/sort_asc.png");
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
}
table.dataTable thead tr th.sorting_desc {
  background-image: url("../../../Reports/Views/images/sort_desc.png");
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
}
table.dataTable thead tr th.sorting_asc_disabled {
  background-image: url("../../../Reports/Views/images/sort_asc_disabled.png");
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
}
table.dataTable thead tr th.sorting_desc_disabled {
  background-image: url("../../../Reports/Views/images/sort_desc_disabled.png");
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-style: none;
    background-color: transparent;
    height: 22px;
    width: 22px;
    display: inline-block;
    margin-right: 2px;
    vertical-align: middle;
    text-align: center;
    padding: 2px;
    color: #50B848;
    cursor: pointer;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    text-decoration: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.first,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.last,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    position: relative;
    top: -1px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.first,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.last {
    background: url("../../../Shell/Skins/CSS/RadControls/Grid/Sprite.gif") no-repeat center;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.first {
    background-position: 0px -550px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.first:hover {
    background-position: 0px -600px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    background-position: 0px -700px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
    background-position: 0px -750px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    background-position: 0px -850px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
    background-position: 0px -900px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.last {
    background-position: 0px -1000px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.last:hover {
    background-position: 0px -1050px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    vertical-align: middle;
}

/* Data */
.dataTables_wrapper .dataTables_scrollBody > table.dataTable > tbody > tr > td {
    border-color: #E6E6E6;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    padding: 3px 5px;
}

.dataTables_wrapper .dataTables_scrollBody > table.dataTable > tbody > tr > td:first-child {
    border-left-width:1px;
}

.dataTables_wrapper .dataTables_scrollBody > table.dataTable > tbody > tr > td:last-child {
    border-right-width:1px;
}

.dataTables_scrollBody > table.dataTable > tbody > tr > td.hovering-cell {
    border-color: #50b833 !important;
    cursor: pointer;
}

.dataTables_wrapper .dataTables_length, 
.dataTables_wrapper .dataTables_filter, 
.dataTables_wrapper .dataTables_info, 
.dataTables_wrapper .dataTables_processing, 
.dataTables_wrapper .dataTables_paginate {
    color: #2A3943;
    font-weight: normal;
}
/* End - Data Tables*/

/* set box-sizing style to content-box for window close icon ('X') otherwise it is shown out of alignment due to overall modern gui box-sizing style being set to border-box. */
div.k-window-actions > a,
div.k-window-actions > a > .k-i-close {
    box-sizing: content-box !important;
    color: #2e2e2e;
}

/* Selectors */
/*-----------------------------------------------------------------------------*/
.SelectorResultsContainer{
    position:relative;
    white-space: normal;
}

.SelectorResultsContainer .k-list-container{
    padding: 1px;
}

.SelectorResultsContainer .k-list .k-item{
    border-bottom:1px solid #cccccc;
}

.selectorControl input.validItem {
    text-decoration: underline;
}

.selectorControl input.invalidItem {
    color: red;
}

.SelectorSearchResultItem{
    display:block;
}

.SelectorSearchResultItem.Error {
    font-size:11px;
    color: red;
}

.SelectorSearchResultItem.Info{
    font-size: 11px;
    color:gray;
}

.k-state-focused .SelectorSearchResultItem.Info{
    color:black;
}

.LocationSelectorWrapper {
    display: flex;
    border-spacing: 0px;
    margin: 1px 0px 1px 0px;
    flex-direction: row;
    flex-wrap: nowrap;
}

.LocationSelectorWrapper .selectorControl.k-autocomplete{
    display: table-cell;
    width: 100%;
    background-color: transparent;
    border-style: none;
}

.LocationSelectorWrapper .selectorControl.k-autocomplete .k-input {
    border: 1px solid #ccc;
}

.LocationSelectorWrapper .selectorGo {
    display: table-cell;
    cursor: pointer;
}

.LocationSelectorWrapper .selectorPopup {
    display: table-cell;
    cursor: pointer;
}

.mat-progress-bar-element {
    background-color: #dcf1d6;
}

.mat-progress-bar-fill::after {
    background-color: #50b833;
}

.mat-dialog-container {
    padding: 5px !important;
}

body.modernGui .grid-header {
    background-color: #616263; 
    color: #FFFFFF; 
    font-weight: bold;
    padding: 5px;
}

/*body.modernGui .grid-header:first-of-type {
    border-left: 1px solid #616263; 
}*/

body.modernGui .grid-header:not(:first-of-type) {
    border-left: 1px solid #E6E6E6; 
}

body.modernGui .grid-row {
    /*border: 1px solid transparent;*/ 
}

body.modernGui .grid-row-group {
    background-color: lightgreen;
    color: #616263;
    font-weight: bold;
}

body.modernGui .grid-row-group-border {
    border: solid 1px green;
}

body.modernGui .grid-row-column {
    background-color: #dcf1d6;
    color: #616263;
    font-weight: bold;
}

body.modernGui .grid-row-column-border {
    border: solid 1px #dcf1d6;
}

body.modernGui .grid-row:hover {
    border: 1px solid #50b833; 
}

body.modernGui .grid-cell {
    padding: 5px;
    border-right: 1px solid #E6E6E6; 
    border-bottom: 1px solid #E6E6E6; 
}

body.modernGui .grid-cell-feature {
    width: 100px; 
    min-width: 100px; 
    max-width: 100px; 
}

body.modernGui .grid-body {
    border-right: 1px solid #E6E6E6; 
}

body.modernGui .grid-table {
    border-bottom: 1px solid #E6E6E6; 
    border-left: 1px solid #E6E6E6; 
    border-collapse: collapse;
}

body.modernGui .mat-list-item-content {
    height: 24px !important;
    padding-left: 0px !important;
    padding-right: 10px !important;
}

body.modernGui .mat-pseudo-checkbox-checked {
    background-color: #50b833;
}

body.modernGui .k-dropdown-button {
    height: 24px;
}

body.modernGui .k-dropdown-button .fa.fa-sort-down {
    margin-left: 10px;
    position: relative; 
    top: -3px;
}

body.modernGui td.side-by-side {
    padding-left: 50px !important;
    width: 400px;
}

body.modernGui td.side-by-side-50 {
    padding-left: 50px !important;
    width: 50%;
}

body.modernGui .img-upload {
    width: 50px;
    height: 50px;
    border-radius: 1em;
    border: 1px solid #000000;
}

body.modernGui .k-alt.no-alternate:not(.k-state-selected) {
    background-color: #FFF;
}

body.modernGui .k-alt td.k-state-selected {
    color: #FFF;
    background-color: #50b833;
}

body.modernGui .k-grid td.k-state-selected,
body.modernGui .k-grid tr.k-state-selected,
body.modernGui .k-grid tr.k-state-selected > td {
    color: #FFF;
    background-color: #50b833;
}

.mat-select-trigger {
    min-width: 100px !important;
    border-spacing: 0;
}

.mat-optgroup-label,
.mat-option {
    height: 36px !important;
    line-height: 36px !important;
}

.mat-checkbox-background {
    background-color: #50b833 !important;
}

.mat-select {
    background-color: white;   
    color: black;
    border : 1px solid #E6E6E6;
    padding: 2px;
    height: 24px;
    line-height: 20px;
}

.mat-input-underline {
    display: none;
}

.mat-optgroup-label {
    font-weight: bold;
    color: black;
    height: 36px !important;
    margin-bottom: 0px;
}

.mat-form-field-infix {
    padding: 0px !important;
    border-top: none !important;
}

.mat-form-field-underline {
    display: none;
}

.mat-form-field-wrapper {
    padding: 0px !important;
}

.text-danger {
    color: red;
    font-weight: bold;
}

#toast-container.toast-top-center>div {
    width: 400px;
    margin-top: 50px;
}

body.modernGui label {
    font-weight: normal;
}

body.modernGui .color-picker {
    width: 60px;
    height: 25px;
}

body.modernGui .input-number-sm {
    width: 50px;
}

body.modernGui .input-number-md {
    width: 80px;
}

.mat-list-item {
    padding-left: 16px !important;
}

.mat-list-item:hover {
    background-color: #F0F0F0 !important;
}

.mat-list-item,
.mat-list-option {
    height: 30px !important;
}

.mat-input-element {
    vertical-align: middle !important;
}

.dnd-drag-over {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 20px solid #50b833;
}

body.modernGui hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

body.modernGui .app-content {
  overflow: auto;
  position: absolute; 
  right: 15px;
  left: 15px;
  bottom: 10px;
}

body.modernGui .truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.modernGui .list-item-selected {
    background-color: #50b833;
    color: #ffffff;
}

body.modernGui .loading {
    opacity: 0;
    transition: opacity .8s ease-in-out;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #AAA;
    z-index: -1;
}

body.modernGui .loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #50b833;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

body.modernGui .mat-progress-spinner {
    display: inline;
}

body.modernGui .mat-spinner circle {
    stroke: #50b833;
}

body.modernGui .mat-menu-item {
    height: 24px;
    line-height: 24px;
}

body.modernGui .mat-menu-panel {
    overflow-x: hidden;
    overflow-y: auto;
}

body.modernGui .k-state-selected {
    background-color: #50b833;
}

body.modernGui .k-pager-numbers .k-link:not(.k-state-selected) {
    color: #50b833;
}

.RadGrid_Zinios .rgRow td.metric-above-limit, .RadGrid_Zinios .rgAltRow td.metric-above-limit {
    background-color: #FF0000 !important;
}

.RadGrid_Zinios .rgRow td.metric-above-guideline, .RadGrid_Zinios .rgAltRow td.metric-above-guideline {
    background-color: #FF9900 !important;
}

.RadGrid_Zinios .rgRow td.metric-below-guideline, .RadGrid_Zinios .rgAltRow td.metric-below-guideline {
    background-color: #00C000 !important;
}

body.modernGui .table-4x-column1 {
    width: 10%;
    white-space: nowrap;
}

body.modernGui .table-4x-column2 {
    width: 40%;
}

body.modernGui .table-4x-column3 {
    width: 10%;
    white-space: nowrap;
    padding-left: 50px !important;
}

body.modernGui .table-4x-column4 {
    width: 40%;
}


body.modernGui .k-calendar .k-state-selected .k-link,
body.modernGui .k-calendar.k-calendar-range .k-calendar-view .k-range-start .k-link,
body.modernGui .k-calendar.k-calendar-range .k-calendar-view .k-range-end .k-link {
	background-color: #50b833;
}

.hierarchy-report-diagram-1 {
    color: #000;
    background-color: #dcf1d6;
}

.hierarchy-report-diagram-2 {
    color: #000;
    background-color: #ecf1e6;
}

.hierarchy-report-diagram-3 {
    color: #000;
    background-color: #fcfff6;
}

.hierarchy-report-diagram-inactive {
    color: #aaa;
    background-color: #ddd;
}

.hierarchy-report-tree-1 {
    color: #000;
    background-color: #dcf1d6;
}

.hierarchy-report-tree-2 {
    color: #000;
    background-color: #f2fddd;
}

.hierarchy-report-tree-3 {
    color: #000;
    background-color: #fff;
}

.hierarchy-report-tree-inactive {
    color: #aaa;
    background-color: #ddd;
}

body.main .progress-bar li.active:before, body.main .progress-bar li.active:after {
	background: #c1e5b7;
	color: gray;
}

body.main .progress-bar li.current:before {
	background: #66CC33;
	color: white;
}

body.main .progress-bar li.current:after {
	background: #c1e5b7;
	color: white;
}

body.main .progress-bar li.visited:before, body.main .progress-bar li.visited:after {
	background: #fce380;
	color: gray;
}

body.main .progress-bar li.paused:before, body.main .progress-bar li.paused:after {
	background: #0099AA;
	color: white;
}

body.main .progress-bar li {
	color: black;
}

body.main .progress-bar li:before {
	color: #333;
	border: 1px solid silver;
}

body.main .progress-bar-state {
    background-color: white;
}

body.main .progress-bar-horiz-scroll-icon {
    color: silver;
}

body.main .progress-bar li:after {
	background: silver;
}

body.main tr.inactive-data-row td,
body.modernGui tr.inactive-data-row td,
tr.inactive-data-row td {
    color: grey;
}

body.modernGui .k-tabstrip .k-item.k-state-active {
	color: #FFF;
    background-color: #50b833;
}

body.modernGui .k-tabstrip .k-item {
	color: #000;
    background-color: #FFF;
}

body.modernGui .k-tabstrip .k-item.inactive {
	color: #CCC;
    background-color: #F2F2F2;
}

.pointer-on-hover {
	cursor: pointer;
}

body.modernGui .section-header {
    border-bottom: 2px solid #50b833;
}

body.modernGui .strap-header {
    border-top: 1px solid #343434;
    border-bottom: 1px solid #343434;
}

body.modernGui .section-header-title {
    font-weight: 500 !important;
    font-size: 17.6px;
    color: black;
    padding-bottom: 3px;
}

body.modernGui .section-header.inactive {
	color: #CCC;
	border-bottom: 2px solid #F2F2F2;
}	

.hiddenItem{
    display:none;
}

body.modernGui .k-grid tr.dragging {
    border: 1px solid #50b833;
}

body.modernGui .k-grid tr.normal {
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}

body.modernGui .k-grid tr.k-alt.normal {
    border-left: 1px solid #F6F6F6;
    border-right: 1px solid #F6F6F6;
}

body.modernGui .k-autocomplete,
body.modernGui .k-combobox .k-dropdown-wrap,
body.modernGui .k-dropdown .k-dropdown-wrap,
body.modernGui .k-filtercell .k-filtercell-wrapper .k-textbox,
body.modernGui .k-datepicker .k-picker-wrap {
    height: 24px;
    border: 1px solid #ccc;
    border-radius: 0px;
    background-image: none;
}

body.modernGui .k-autocomplete .k-input,
body.modernGui .k-combobox .k-dropdown-wrap .k-input,
body.modernGui .k-dropdown .k-dropdown-wrap .k-input,
body.modernGui .k-dateinput .k-dateinput-wrap .k-input {
    border: none;
    padding-left: 1px;
    padding-top: 0px;
    text-overflow: ellipsis;
    display: inline-block;
    margin: 1px;
}

body.modernGui .k-filtercell .k-filtercell-operator {
    margin-top: -2px;
}

body.modernGui .k-button-icon {
    height: 24px !important;
}

body.modernGui .k-autocomplete .k-icon.k-i-close {
    height: 17px;
}

body.modernGui .k-combobox .k-icon.k-i-close {
    margin-top: -3px;
    margin-right: -12px;
}

body.modernGui .k-popup .k-state-selected {
    background-color: #50b833;
}

body.modernGui .separator-right {
    border-right: 1px solid #50b833;
}

body.modernGui .separator-left {
    border-left: 1px solid #50b833;
}

body.modernGui .header-bar {
    background-color: #616263;
    white-space: nowrap;
    overflow: hidden;
    color: #ffffff;
    height: 40px;
    vertical-align: middle;
}

body.modernGui .header-buttons {
    background-color: #f7f7f7;
    height: 34px;
    color: #50b833;
}

body.modernGui .action-menu-holder {
    color: white;
    background-color: #50b833;
    background-image: none;
    text-align: center;
}

body.modernGui .action-menu-holder .action-menu-title {
    font-size: 15px;
    font-weight: bold;
}

body.modernGui .action-menu-holder .fa {
    color: white;
}

body.modernGui .action-menu-holder:hover {
    cursor: pointer;
    color: #50b833;
    background-color: #ededed;
}

body.modernGui .action-menu-holder:hover .fa {
    color: #50b833;
}

body.modernGui .action-menu-panel {
    background-color: #ededed;
}

body.modernGui .action-menu-panel .mat-menu-item {
    color: #50b833;
}

body.modernGui .k-tabstrip-items {
    border-bottom: 5px solid #50b833;
}

body.modernGui .k-tabstrip-items .k-item {
    border-bottom: 1px solid #50b833;
    border-right: none;
    border-left: none;
}

body.modernGui .k-tabstrip-items .k-item:focus {
    outline: none !important;
}

body.modernGui .k-icon.k-i-sort-asc-sm,
body.modernGui .k-icon.k-i-sort-desc-sm {
    color: black
}

body.modernGui .k-combobox .k-select {
    background-color: #FFF;
    background-image: none;
}

body.modernGui .k-list > .k-state-focused {
    background-image: none;
    background-color: #50b833;
    color: #FFF;
    border-radius: 0px;
    box-shadow: none;
}

body.modernGui .k-list > .k-state-focused:hover {
    background-color: #50b833;
}

body.modernGui .k-widget ::selection, .k-block ::selection, .k-panel ::selection {
    background-color: #50b833;
    color: #fff;
}

/* Start - Time Management */

body.main .invoicePreviewGrid .k-grid-content tbody tr.k-alt,
body.main .invoiceListGrid .k-grid-content tbody tr.k-alt {
    background-color: transparent;
}

body.main .invoicePreviewGrid .k-detail-row invoice-line-items .k-grid-header-wrap th.k-header,
body.main .invoiceListGrid .k-detail-row invoice-line-items .k-grid-header-wrap th.k-header {
    background-color: #c6f3b0;
    color: black;
}

body.main .invoicePreviewGrid .k-detail-row invoice-line-items .k-grid-content tr,
body.main .invoiceListGrid .k-detail-row invoice-line-items .k-grid-content tr {
    background-color: #f7f7f7;
}

body.main .invoiceLineItemsGrid .k-grid-content tbody tr.writeOff {
    background-color: lightgray;
}

/* End - Time Management*/

.themed-progressbar.k-progressbar .k-state-selected {
    background-color: #50b833;
    border-color: #50b833;
}

.toolbar-header {
    background-color: #f7f7f7;
}

.required-background-highlighted {
    background-color: #F9DBDB;
}

.required-border-highlighted {
    border: 1px solid #FB0000 !important;
}

.BannersContainer {
    width: 100%;
    background-color: white;
}

.BannersContainer tr {
    padding: 1px;
}

.BannersContainer tr td {
    padding-left: 22px;
    padding-right: 12px;
    color: #50b833;
    background-color: white;
    height: 34px;
}

.BannersContainer tr td a:link {
    color:inherit;
    text-decoration:inherit;
}

.sticky-section {
    position: sticky;
    top: 0px;
    z-index: 1;
}

.drag-placeholder {
    background: #ccc;
    border: dashed 2px black;
    min-height: 30px;
}