*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body 
{
    margin:0px;
    padding:0px;
    font-family:Arial;
    font-size:11pt;
    background-color: #FFFFFF;
    color:#1b272f;
    height: 100%;
    width:100%;
}

h1
{
    color:#1b272f;
    font-size:15pt;
    margin:0pt;
    padding:0pt;
}

.content
{
    width:100%;
    height:100%;
    background:blue;
    display:block;
}

/* BACKGROUND */
.backgroundFrame
{
    width: 100%; 
    height: 100%; 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    z-index: 0;
}
.backgroundImage
{
    width:100%;
    height:100%;
}

.consentTable
{
    border-spacing: 0;
    border-collapse: collapse;
}

.consentCell
{
    border: 1px solid #d0d0d0;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.consentCellEven
{
    background-color: #ffffff;
}

.consentCellOdd
{
    background-color: #ffe1e1;
}


.consentHeaderCell
{
    border: 1px solid #d0d0d0;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    

}

.consentSuperHeaderCell
{
    border: 1px solid #d0d0d0;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
}



/* SHADOWS */
.boxShadow
{
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}

.buttonGradient
{
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}

/* LOGIN SCREEN */
.loginHeader
{
    display:block;
    margin:0px;
    font-size:12pt;
    font-weight:normal;
    text-align:center;
    padding:2pt;
    padding-top:6pt;
    padding-bottom:6pt;
    color:#FFFFFF;
    background:#15538c;
}

.loginContent
{
    background:rgba(255, 255, 255, 1);
    padding:10pt;
}

.loginDialog
{
    z-index:20000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    box-sizing: border-box;
}

/* MENU */
.menu
{
    z-index:1;    
    position:fixed;
    background:#ffffff;
    border-bottom:rgba(209, 209, 209, 0.75);
    display:inline-block;
    width:100%;
}
.submenu
{
    padding:2pt;
}

a.menuLink
{
    font-size:12pt;
    color:#494949;
    display:inline-block;
    padding-left:12pt;
    padding-top:5pt;
    padding-right:12pt;
    padding-bottom:5pt;
    text-decoration:none;
    white-space:nowrap;
}
a.menuLink:hover
{
    display:inline-block;
    padding-left:12pt;
    padding-top:5pt;
    padding-right:12pt;
    padding-bottom:5pt;
    text-decoration:none;
    white-space:nowrap;
}

a.menuLink_green:hover
{
    
    color:#FFFFFF;
    background:#3f6045;
}

a.menuLink_blue:hover
{
    color:#FFFFFF;
    background:#15538c;
}

a.menuLink_orange:hover
{
    color:#FFFFFF;
    background:#d39716;
}

a.menuLink_purple:hover
{
    color:#FFFFFF;
    background:#77158c;
}

a.menuLink_red:hover
{
    color:#FFFFFF;
    background:red;
}

a.menuLink_gray:hover
{
    color:#FFFFFF;
    background:#818181;
}


a.menuLink_green_selected
{
    
    color:#FFFFFF;
    background:#3f6045;
}


a.menuLink_fuchsia_selected
{
    color: #FFFFFF;
    background: #CC397B;
}

a.menuLink_fuchsia:hover
{
    color: #FFFFFF;
    background: #CC397B;
}


.trGreen
{
    color:#FFFFFF;
    background:#3f6045;
}
.trGreenList {
    /*    color:#1a4407;
    background:#dbf2cc;*/
    color: #292929;
    background: #ededed;
}

a.menuLink_blue_selected
{
    color:#FFFFFF;
    background:#15538c;
}
.trBlue
{
    color:#FFFFFF;
    background:#15538c;
}

.trBlueList {
    /*    color:#072744;
    background:#cce0f2;*/
    color: #292929;
    background: #ededed;
}

.trWhite
{
    color:#292929;
    background:#ededed;
}
.trWhiteList
{
    color:#292929;
    background:#ededed;
}

.trFuchsiaList {
    /*    color:#072744;
    background:#ff97c0;*/
    color: #292929;
    background: #ededed;
}

a.menuLink_orange_selected
{
    color:#FFFFFF;
    background:#d39716;
}
.trOrange
{
    color:#FFFFFF;
    background:#d39716;
}

.trOrangeList {
    /*    color:#443807;
    background:#f4e6c7;*/
    color: #292929;
    background: #ededed;
}

a.menuLink_red_selected
{
    color:#FFFFFF;
    background:red;
}
.trRed
{
    color:#FFFFFF;
    background:red;
}

a.menuLink_gray_selected
{
    color:#FFFFFF;
    background:#818181;
}
.trGray
{
    color:#FFFFFF;
    background:#818181;
}

.trFuchsia{
    color: #FFFFFF;
    background: #CC397B;
}




a.menuLink_purple_selected
{
    
    color:#FFFFFF;
    background:#77158c;
}
.trPurple
{
    color:#FFFFFF;
    background:#77158c;
}
.trPurpleList {
    /*    color:#1a4407;
    background:#e6bbef;*/
    color: #292929;
    background: #ededed;
}

/* TOOLBAR BUTTONS */
a.cmdToolbar
{
    text-decoration:none;
    display:inline-block;
    margin:2pt;
    cursor:pointer;
    padding:2pt;
    width:48pt;
    height:58pt;
    text-align:center;
    border:solid 1pt rgba(0, 0, 0, 0);
    vertical-align:bottom;
}

a.cmdToolbar:hover
{
    background: rgba(0, 0, 0, 0.15);
    border:solid 1pt rgba(0, 0, 0, 0.25);
}

a.cmdToolbar:active
{
    background: rgba(0, 0, 0, 0.25);
    border:solid 1pt rgba(0, 0, 0, 0.35);
}

a.cmdToolbarDisabled
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
a.cmdToolbarDisabled:hover
{ 
    cursor:default;
    background: rgba(0, 0, 0, 0);
    border:solid 1pt rgba(0, 0, 0, 0);
}

.imgToolbar
{
    Width:32pt;
    height:32pt;
}

.toolbarSeparator
{
    text-decoration:none;
    display:inline-block;
    margin-bottom:2pt;
    margin-top:2pt;
    cursor:pointer;
    padding:0px;
    width:1pt;
    font-size:0;
    overflow:hidden;
    height:58pt;
    text-align:center;
    border-left:solid 1pt rgba(0, 0, 0, 0.35);
    vertical-align:bottom;
}

.toolbarBox
{
    text-decoration:none;
    display:inline-block;
    margin-bottom:2pt;
    margin-top:2pt;
    height:58pt;
    vertical-align:top;
}

.toolbarTextarea
{
    border:solid 1pt white;
    font-size:11pt;
    background:white;
}

/* INPUTS */
.loginField
{
    margin-bottom:8pt;
    border:solid 1pt #d1d1d1;
    background:white;
    width:250pt;
    font-size:13pt;
    padding:3pt;
}

input[type=text]
{
    border:solid 1pt #d1d1d1;
    background:white;
    width:250pt;
    font-size:13pt;
    padding:3pt;
    margin-bottom:8pt;
}

textarea
{
    font-family:Arial;
    border:solid 1pt #d1d1d1;
    background:white;
    width:250pt;
    font-size:12pt;
    padding:3pt;
    margin-bottom:8pt;
    resize: none;
}

select
{
    border:solid 1pt #d1d1d1;
    background:white;
    width:250pt;
    font-size:13pt;
    padding:2pt;
    margin-bottom:8pt;
}

.button
{
    border:solid 1pt #d1d1d1;
    font-size:13pt;
    padding:3pt;
    cursor:pointer;
    min-width:80pt;
}

/* COLUMN HEADERS */
.columnHeaders {
    font-size: 0;
    margin: 0pt;
    padding: 0pt;
    display: block;
    border-bottom: solid 1pt rgba(0, 0, 0, 0.25);
    white-space: nowrap;
}
.columnHeaders_dark
{
    border-top:solid 1pt rgba(0, 0, 0, 0.25);
    background:rgba(0, 0, 0, 0.25);
}

.columnHeader
{
    font-size:11pt;
    border-right:solid 1pt rgba(0, 0, 0, 0.25);
    display:inline-block;
    padding:3pt;
    padding-top:6pt;
    padding-bottom:6pt;
    min-width:30pt;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.columns {
    font-size: 1px;
    margin: 0pt;
    padding: 0pt;
    cursor: pointer;
    display: block;
    border-top: solid 1pt rgba(0, 0, 0, 0.25);
    white-space: nowrap;
}

.columnsOdd
{
    background:#FFFFFF;
}

.column
{
    font-size:11pt;
    border-right:solid 1pt rgba(0, 0, 0, 0.25);
    display:inline-block;
    padding:3pt;
    padding-top:6pt;
    padding-bottom:6pt;
    min-width:30pt;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.columnWarning
{
    background-image:url(../Images/lwWarning.png);
    background-repeat:no-repeat;
    background-position: left center;
    padding-left:23px;
}

.columnWhiteList {
    color: #FFFFFF;
    background: #818181;
}

.columnBlueList
{
    color:#FFFFFF;
    background:#15538c;
}

.columnOrangeList
{
    color:#FFFFFF;
    background:#d39716;
}

.columnFuchsiaList {
    color: #FFFFFF;
    background: #CC397B;
}

.columnPurpleList
{
    color:#FFFFFF;
    background:#77158c;
}
/* LOGOFF SCREEN */
.logoffHeader
{
    display:block;
    margin:0px;
    font-size:12pt;
    font-weight:normal;
    text-align:center;
    padding:2pt;
    padding-top:6pt;
    padding-bottom:6pt;
    color:#FFFFFF;
    background:#15538c;
}

.logoffContent
{
    color:#1b272f;
    background:rgba(255, 255, 255, 1);
    padding:10pt;
}

.logoffDialog
{
    color:#1b272f;
    margin-top:50pt;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    box-sizing: border-box;
}


/* EDITOR DIALOG */
.editorDialogBackground
{
    z-index:1000;
    background:rgba(0, 0, 0, 0.15);
    position:fixed;
    width:100%;
    height:100%;
}

.editorFrame
{
    border:solid 1pt #d1d1d1;
    margin-bottom:10pt;
    display:block;
}

.editorFrameNoBorder
{
    border:solid 1pt white;
    margin-bottom:10pt;
    display:block;
}

.editorDialogHeaderBlue
{
    display:block;
    margin:0px;
    font-size:13pt;
    font-weight:normal;
    text-align:center;
    padding:2pt;
    padding-top:6pt;
    padding-bottom:6pt;
    color:#FFFFFF;
    background:#15538c;
}

.editorDialogHeaderOrange
{
    display:block;
    margin:0px;
    font-size:13pt;
    font-weight:normal;
    text-align:center;
    padding:2pt;
    padding-top:6pt;
    padding-bottom:6pt;
    color:#FFFFFF;
    background:#d39716;
}

.editorDialogHeaderGreen
{
    display:block;
    margin:0px;
    font-size:13pt;
    font-weight:normal;
    text-align:center;
    padding:2pt;
    padding-top:6pt;
    padding-bottom:6pt;
    color:#FFFFFF;
    background:#3f6045;
}

.editorDialogHeaderPurple
{
    display:block;
    margin:0px;
    font-size:13pt;
    font-weight:normal;
    text-align:center;
    padding:2pt;
    padding-top:6pt;
    padding-bottom:6pt;
    color:#FFFFFF;
    background:#77158c;
}

.editorDialogHeaderGray
{
    display:block;
    margin:0px;
    font-size:13pt;
    font-weight:normal;
    text-align:center;
    padding:2pt;
    padding-top:6pt;
    padding-bottom:6pt;
    color:#FFFFFF;
    background:#818181;
}

a.editorCloseButton
{
    font-size:10pt;
    font-weight:lighter;
    text-decoration:none;
    position:absolute;
    right:2pt;
    top:0px;
    display:inline-block;
    background:#c75050;
    text-align:center;
    padding-left:12pt;
    padding-right:12pt;
    padding-top:0pt;
    padding-bottom:1pt;
    color:White;
}

a.editorCloseButton:hover
{
    background:#e04343;
}

.EditItemHeader
{
    Margin-Top:8pt;
}

.EditCellItem
{
    padding-left:4pt;
    padding-right:4pt;
}

input:disabled
{
	background-color:#f3f3f3;
}


input.IntegrationInput
{
    background:transparent;
    height:20pt;
    vertical-align:bottom;
    display:block;
    border:none;
    width:100%;
    font-size:11pt;
    padding:3pt;
    margin:0pt;
}

input.IntegrationInput
{
    background:transparent;
    height:20pt;
    vertical-align:bottom;
    display:block;
    border:none;
    width:100%;
    font-size:11pt;
    padding:3pt;
    margin:0pt;
}


/* DASHBOARD */
.statisticsContainer
{
    padding-top:20pt;
    display:inline-block;
}


/* LIVE STATUS */
.LiveStatusContainer
{
    display:block;
    text-align:center;
}

.LiveStatusHeader
{
    padding-top:20pt;
    padding-left:4pt;
    text-align:left;
    display:block;
}

.LiveStatusTablet
{
    padding:8pt;
    display:inline-block;
    color:#111111;
    background:#e1e1e1;
    border:solid 1pt #d1d1d1;
    margin:4pt;
}

.LiveStatusTablet_Warning
{
    padding:8pt;
    display:inline-block;
    color:#111111;
    background:#ffa4a4;
    border:solid 1pt #eb7474;
    margin:4pt;
}

.liveStatusProperty
{
    font-size:11pt;
    margin:0px;
    padding:0px;
}

.liveStatusValue
{
    font-size:13pt;
}



.consentSearchDiv 
{
    display:inline-block;
    margin-bottom:2pt;
    margin-top:2pt;
    padding:0px;
    height:58pt;
    
    /*background-color: white; 
    width: 180px; 
    border-top: 5px solid #CC397B; 
    border-bottom: 5px solid #CC397B;*/
    /*position: absolute;*/
}

.toolbarTextarea_Consent
{
    font-size:16pt;
    background:white;
    margin-top: 0px; 
    margin-bottom: 0px; 
    height: 32px; 
    width: 160px;
    border: 3px solid white;
}

.toolbarTextarea_Consent:focus
{
    outline: none;
}

.toolbarTextarea_Consent_Button
{
    display: inline-block;
    position: absolute;
    
    height: 32px;
    width: 2em;
    background-color: white;
}

.toolbarTextarea_Consent_Button:before
{
    height: 32px;
    font-family: FontAwesome;
    background-color: white;
    content: "\f002";
    font-size: 2em;
    position: relative;
    color: #CC397B;
    width: 2em;
}


/* new dashboard dialog */
.new-dashboard-dialog {
    align-items: center;
    display: none;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 10000;
}
.new-dashboard-dialog.active {
    display: flex;
}
.new-dashboard-dialog > .ndd-overlay {
    background: #000000;
    height: 100%;
    left: 0;
    opacity: .32;
    position: absolute;
    top: 0;
    width: 100%;
}
.new-dashboard-dialog > .ndd-dialog {
    background: #ffffff;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    box-sizing: border-box;
    display: inline-block;
    max-height: calc(100% - 60px);
    max-width: calc(100% - 60px);
    min-height: 100px;
    min-width: 300px;
    width: 100%;
    height: 100%;
    position: relative;
}
.new-dashboard-dialog > .ndd-dialog > .ndd-header {
    background: #15538c;
    color: #ffffff;
    display: block;
    font-size: 18px;
    height: 40px;
    left: 0;
    line-height: 40px;
    position: relative;
    text-align: center;
    top: 0;
    width: 100%;
}
.new-dashboard-dialog > .ndd-dialog > .ndd-header > .ndd-close {
    background: #c75050;
    cursor: pointer;
    font-size: 14px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
}
.new-dashboard-dialog > .ndd-dialog > .ndd-header > .ndd-close:hover {
    background: #e04343;
}
.new-dashboard-dialog > .ndd-dialog > .ndd-content {
    display: block;
    left: 0;
    position: relative;
    top: 0;
    height: calc(100% - 40px);
    width: 100%;
}
.new-dashboard-dialog > .ndd-dialog > .ndd-content > iframe {
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}