body {background-color: White; margin: 0px auto 0px auto; font-family: Arial, Helvitica, Sans-Serif; }
html, body {height: 100%}

.coveringdiv {width: 100%; height: 100%; display: none; position: absolute; top: 0px; left: 0px; background-color: rgb(170, 170, 170);z-index:1001;-moz-opacity: 0.15;opacity:.15;filter: alpha(opacity=15);}
.hidden {display: none;}

.editliteral {margin: 0px 1px 0px 1px; z-index: 998;}
.editliteral img {max-height: 14px; max-width: 14px; border: none; z-index: 999;} 
.editliteral img:hover {cursor: pointer}


/*<<< DavidT 13/09/2021 #232072 Removed top coloured stripe on header */
/*.headerbg { min-width: 1100px; background-color: #559bb4; height: 90px; }*/
.headerbg {
    min-width: 1100px;
    background-color: #559bb4;
    height: 75px;
}
/*>>> DavidT 13/09/2021 #232072 Removed top coloured stripe on header */


/*<<< 14/09/2022 - SChestney - DO339997 - CSS fixes - the min-width here was smaller than the min-width of .contentcontainer, so the header bar would 'end' too early*/
/* <<< 18/06/2025 - SChestney - DO744498 - Created the Tracking Tower screen */
.header {height: 100%; min-width: 1300px; margin: 0px auto 0px auto;}
/* >>> 18/06/2025 - SChestney - DO744498 - Created the Tracking Tower screen */
/*>>> 14/09/2022 - SChestney - DO339997 - CSS fixes - the min-width here was smaller than the min-width of .contentcontainer, so the header bar would 'end' too early*/

/*<<< 09/11/2021 - GJogi - 250516 - Client Specific Logos - display issues. */
.headerlogologincontainer {
    padding: 0px 0px 0px 0px;
    float: left;
    width: 275px;
    max-width: 275px;
    /*<<< SChestney - 16/11/2022 - DO363812 - Login box unreactive on-hover, changed to match Dynamic styling CSS on this class */
    height: 75px;
    margin-top: 20px;
    /*>>> SChestney - 16/11/2022 - DO363812 - Login box unreactive on-hover, changed to match Dynamic styling CSS on this class */
}
/*>>> 09/11/2021 - GJogi - 250516 - Client Specific Logos - display issues. */

.headerlogocontainer {
    /*height: 90px; - AX196083 - HHOCA - 18/02/2020 -  Removed this as part of manual debrief changes as it was overflowing it's parent. */
    padding: 0px 0px 0px 0px;
    float: left;
    width: 275px;
    max-width: 275px;
}

.headerlogocontainerlabel {font-size: 21pt; color: #bbb; margin: 30px 0px 0px 10px;}
.headermisc {width: 280px; float: right; height: 75px; margin-right: 15px;} 

.headermenu {height: 30px; padding: 45px 0px 0px 0px; float: left;}
.headertop {height: 15px; background-color:#a20c33;}

.logoimage {float:left; width:141.9px; height: 53.5px; margin-left: 15px; margin-top: 12px;}

/* <<< 18/06/2025 - SChestney - DO744498 - Created the Tracking Tower screen */
.contentcontainer {/* border: 0.5pt dotted silver; */ min-width: 1300px; margin: 0px auto 0px auto; /* height: 85%; */ }
/* >>> 18/06/2025 - SChestney - DO744498 - Created the Tracking Tower screen */

/* <<< 24/06/2024 - SChestney - DO611331 - Added a UI block when waiting for the server*/
.contentblocker {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.0);
    display: none; /* Initially set the display to be none so it doesn't block anything. Show when we want to block. */
    z-index: 9999; /* Set a really high z-index as these always needs to be on top of everything */
}
/* >>> 24/06/2024 - SChestney - DO611331 - Added a UI block when waiting for the server*/

.menu {
    padding: 5px 0px 0px 0px;
    margin: 0px;
    list-style: none;
    float: left;
    position: relative;
    z-index: 2;
}

.menuheader { list-style: none; font-size: 12pt; color: #fff; font-weight: bold; float: left; padding: 3px 12px 0px 12px; }
.menuheaderparent { list-style: none; font-size: 12pt; color: #fff; font-weight: bold; float: left; padding: 3px 12px 5px 12px;  position:relative; z-index:3;}

.menuheaderselected {color: #fff;}
.menuheader:hover, .divHeaderMiscMenuOption:hover, .divHeaderMiscMenuOptionHelp:hover {cursor: pointer; color: #fff;}

.menusubitem:hover {cursor: pointer; background-color: #fff; color: #a20c33;}

.menuheaderparent:hover {cursor: pointer; color: #fff;}
                        
.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/

.submenu {color: #fff; list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ /* left: 0; */ background-color: #559bb4; margin: 0; padding: 3px 0px 3px 0px; display: none; width: 160px; border-radius: 0px; box-shadow: 0px; z-index: 2005; border-left: solid 1px #559bb4; border-right: solid 1px #559bb4; left:0px;  top:25px;}

.submenu li{ margin: 0px; padding: 3px 0px 0px 0px; border: none; /*--Create bevel effect--*/  /*--Create bevel effect--*/ clear: both; width: 160px; z-index: 2005; font-weight: normal;}

.divHeaderUserName {width: 350px; float: right; margin: 5px 10px 0px 0px; height: 20px; text-align: right; color: #fff; font-size: 10pt; } 
.divHeaderMiscOptions {width: 350px; float: right; margin: 0px 10px 0px 0px; height: 30px; }

.divHeaderMiscMenuOption { font-size: 12pt; color: #fff; font-weight: bold; float: right; padding: 9px 12px 0px 12px; }
.divHeaderMiscMenuOptionHelp {font-size: 12pt; font-weight: bold; float: right; padding: 9px 0px 0px 12px; color: #a20c33;}

.headermisc-min .divHeaderMiscOptions {margin: -1px 10px 0px 0px;}
/*<<< 17/09/2021 - GJogi - 243882 - Adding css to new login container */
.loginContainer {
    min-height: 100%;
}
/*>>> 17/09/2021 - GJogi - 243882 - Adding css to new login container */
/* Login Div styling */
/*<<< 17/09/2021 - GJogi - 243882 - changing the height to login div */ 
    /*.loginDiv {width: 500px; height: 285px; margin: 0px auto 0px auto; position: relative; top: 50px; }*/ /* Position the login box in middle of the main frame */
    .loginDiv {
    width: 500px;
    height: 500px;
    margin: 0px auto 0px auto;
    position: relative;
    padding-top: 150px;
}
/*>> 17/09/2021 - GJogi - 243882 - changing the height to login div */ 
/*.loginTitleRow {width: 400px; height: 35px;  background-color: #ffffff; float: left; margin: 0px 0px 0px 0px; border-bottom: 1pt solid #ffffff;}*/
/*<<< 17/09/2021 - GJogi - 243882 - removing background colour for tittle row */ 
/*.loginTitleRow {width: 500px; height: 35px;  background-color: #ffffff; float: left; margin: 0px 0px 0px 0px; border-bottom: 1pt solid #ffffff;}*/
.loginTitleRow {
    width: 500px;
    float: left;
    margin: 0px 0px 0px 0px;
}
/*>>> 17/09/2021 - GJogi - 243882 - removing background colour for tittle row */ 

/*<<< 17/09/2021 - GJogi - 243882 - changing colour of text for tittle row */ 
/*.loginTitleRowLabel {float: left; color: #000; margin: 5px 0px 0px 15px; font-size: 20pt;}*/
.loginTitleRowLabel {
    float: left;
    /*<<< 20/12/2021 - GJogi - 261264 - Login Screen - New layout*/
    margin: 5px 0px 10px 45px;
    font-size: 20pt;
    font-weight: bold;
    /*>>> 20/12/2021 - GJogi - 261264 - Login Screen - New layout*/
}
/*>>> 17/09/2021 - GJogi - 243882 - changing colour of text for tittle row */

.logincontent {
    background-color: #e4ecec;
    border-radius: 0px;
    width: 400px;
    /*<<< 20/12/2021 - GJogi - 261264 - Login Screen - New layout*/
    /*height: 170px;*/
    height: 300px;
    /*>>> 20/12/2021 - GJogi - 261264 - Login Screen - New layout*/
    padding: 10px 0px 10px 0px;
    float: left;
    margin: 20px 0px 0px 45px;
    border: solid 1px #aaa;
    /*<<< 20/12/2021 - GJogi - 261264 - Login Screen - New layout*/
    box-shadow: 0 1px 1px rgb(0 0 0 / 12%), 0 2px 2px rgb(0 0 0 / 12%), 0 4px 4px rgb(0 0 0 / 12%), 0 8px 8px rgb(0 0 0 / 12%), 0 16px 16px rgb(0 0 0 / 12%);
    /*>>> 20/12/2021 - GJogi - 261264 - Login Screen - New layout*/
}

.loginRow {width: 360px; height: 30px; margin: 0px 0px 0px 0px; float: left; padding: 0px 20px 0px 20px;}
.loginLabel {text-align: left; float: left; color: #000; font-size: 11pt; padding: 12px 0px 0px 0px;}
.loginTextbox { width: 350px;  float: left; font-size: 12pt; height: 22px; border: solid 1px #aaa; border-radius: 0px; text-indent: 5px; color: #000;}
.loginTextboxInvalidInput { background-color: #FFE6F0; }

/*<<< 10/11/2023 - AStoenescu - DO531656 - Cutover login screen*/
.loginLabelOrText {
    text-align: center;
    font-weight: bold;
    width: 100%;
}

.loginRowCutoverText {
    height: auto;
    font-style: italic;
}
/*>>> 10/11/2023 - AStoenescu - DO531656 - Cutover login screen*/

.button {float: right; margin: 10px 14px 0px 0px;  padding: 4px 0px 0px 0px; text-decoration: none; color: #fff; background-color: #559bb4; height: 20px; border: solid 1px #aaa; width: 80px; text-align: center; border-radius: 0px; font-size: 10pt; font-weight: bold;}
.button:hover {cursor: pointer; background-color: #a20c33; color:#fff;}


.button-left-margin {margin-left: 10px;}
/*<<< 20/12/2021 - GJogi - 261264 - Login Screen - New layout*/
.button-Logo {
    width: 354px;
    height: 22px;
    float: left;
    margin-top:20px;
}
/*>>> 20/12/2021 - GJogi - 261264 - Login Screen - New layout*/

.searchCriteriaButton {float: right; margin: 10px 14px 0px 0px;  padding: 4px 0px 0px 0px; text-decoration: none; color: #fff; background-color: #559bb4; height: 20px; border: solid 1px #aaa; width: 115px; text-align: center; border-radius: 0px; font-size: 9pt; font-weight: bold;}
.searchCriteriaButton:hover {cursor: pointer; background-color: #a20c33;}

.disabledButton {float: right; margin: 10px 14px 0px 0px;  padding: 4px 0px 0px 0px; text-decoration: none; color: #ffffff; background-color: #a3a3a3 !important; height: 20px; border: 1px solid #111; width: 80px; text-align: center; border-radius: 0px; font-size: 10pt; font-weight: bold;}
button.disabledButton {height:25px; padding:0px;}
.disabledTextbox{background-color: #d3d3d3}

.loginMessageDiv {width: 400px; border: solid 1pt #FF0033; background-color: #FF0033; color: White; border-radius: 0px; /*top: 470px;*/ margin-top: 15px; display: none; float: left; margin-left:45px;}
.loginMessageLabel {width: 380px; float: left; text-align: center; color: white; margin: 3px 10px 3px 10px;}
/*<<< 17/09/2021 - GJogi - 243882 - Adding css to loginlogo image  */
.loginlogoimage {
    /*<<< 09/11/2021 - GJogi - 250516 - Client Specific Logos - display issues. */
    max-width: 275px;
    max-height: 75px;
    /*>>> 09/11/2021 - GJogi - 250516 - Client Specific Logos - display issues. */
    /*<<< 20/12/2021 - GJogi - 261264 - Login Screen - New layout*/
    /*margin-left: 50%;*/
    margin-left: 95px;
    /*>>> 20/12/2021 - GJogi - 261264 - Login Screen - New layout*/
    padding-top: 20px;
}

/*<<< 17/09/2021 - GJogi - 243882 - Adding css to loginlogo image */
/*status box*/
.statusBoxContainer { margin: 10px auto 0px auto; width: 480px; position: absolute; bottom: 3px; right: 5px; z-index:9999;}
.statusBox { width: 450px; height: 20px; float: right; background-color: #e4ecec; -moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80); display:none;  z-index:9999; border: 1pt solid #aaa;  border-radius: 0px;}
.statusLabel {text-align: right; padding: 2px 10px 0px 0px; font-size: small; color: #000; float: right; font-weight: bold; z-index:9999;}

/*error notification */
.errorBoxContainer { margin: 10px auto 0px auto; width: 500px; position: absolute; bottom: 3px; left: 5px; z-index:9999;}
.errorBox { width: 450px; height: 20px; float: left; background-color: red; -moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80); display:none;  z-index:9999; border: 1pt solid gray;  border-radius: 0px;}
.errorLabel {text-align: left; padding: 2px 0px 0px 10px; font-size: small; color: white; float: left; font-weight: bold;}
.errorBox:hover {cursor: pointer; }
/*about box*/

.aboutcontainer {position: absolute; top: 120px; margin: 0px 0px 0px -250px; left:50%; z-index: 4002; height: 700px; width: 500px; background-color: White; border-radius: 0px; display: none; border: 1pt solid #aaa; box-shadow: 0px;}
.abouttitlebar { width: 490px; height: 35px; padding: 5px 0px 0px 10px; background-color: #ffffff; font-size: 18pt; color: #000; border-radius: 0px; border-bottom: solid 1px #000;}
.abouttitlebar:hover { cursor: move; }
.aboutcontentcontainer { width: 500px; height: 660px;}  
.aboutcontenttext { width: 480px; padding: 10px 10px 10px 10px; text-align: justify; font-size: 10pt; height: 590px;}
.aboutfooterbar {bottom:0px; background-color:#e4ecec;height:50px;}

.aboutcontenttext h1 {width: 100%; color:#a20c33;}

.divErrorDetails {position: absolute; top: 120px; padding: 10px 0px 0px 0px; margin: 0px 0px 0px -250px; left:50%; z-index: 4002; height: 490px; width: 500px; background-color: red; border-radius: 0px; display: none; border: 1pt solid #aaa; box-shadow: 0px;}
.divErrorDetail {float: left; margin: 10px 10px 0px 10px; z-index: 4002; height: 410px; width: 480px; background-color: white; border-radius: 0px; color: Black; overflow: auto;}
.divErrorDetail:hover { cursor: default; }
.divErrorDetailText {margin: 10px 10px 0px 10px; max-width: 460px;}
.divErrorDetailsTitle { color: White; font-size: 14pt; font-weight: bold; margin: 0px 0px 0px 10px;}

.aboutcontentcopyrightnotice { width: 460px; padding: 10px 10px 10px 10px; border-radius: 0px; background-color: rgb(234, 234, 232); overflow: auto; height: 130px; margin: 10px 10px 10px 10px;}
.aboutcontentcopyrightnoticetitle { font-size: 10pt; font-weight: bold; }
.aboutcontentcopyrightnoticetext { font-size: 10pt; text-align: justify; } 

/* Logging styles */
#divServerLogs, #divClientLogs {top: 450px; left: 50px; position: absolute; z-index: 9999; width: 900px;}
.divClientLogTitle {height: 20px; width: 100%; overflow: auto; font-size: 10pt; color: white; background-color: black;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80); border: 1pt solid gray; border-radius: 0px;} /* display:none;} */
.divLogTitle {height: 20px; width: 100%; overflow: auto; font-size: 10pt; color: white; background-color: black;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80); border: 1pt solid gray; border-radius: 0px;} /* display:none;} */
.divLogTitle:hover, .divClientLogTitle:hover, .divErrorDetails:hover { cursor:move; }
.lblLogTitle {float:left; margin: 0px 10px 0px 10px; width: 270px; text-align: left; font-weight: bold;}
.lblLogTitleRight {float:right; margin: 0px 10px 0px 10px; text-align: right;}
.lblLogTitleRight:hover {cursor: pointer;}
.divClientLog, .divLog {height: 280px; width: 100%; overflow: auto; font-size: 10pt; color: white; background-color: black;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80); border: 1pt solid gray; border-radius: 0px;} /* display:none;} */
.lblLog {float:left; margin: 0px 10px 0px 10px; width: 570px; text-align: left}
.sloghead {width: 100%; float: left; height: 20px; font-weight: bold; color: White;}
.slogheadcol1 {width: 11%; float: left;}
.slogheadcol2 {width: 5%; float: left;}
.slogheadcol3 {width: 41%; float: left; white-space:nowrap; overflow:hidden; max-width: 89%; text-overflow: ellipsis; }
.slogheadcol4 {width: 15%; float: left; white-space:nowrap; overflow:hidden; max-width: 89%; text-overflow: ellipsis; }
.slogheadcol5 {width: 20%; float: left; white-space:nowrap; overflow:hidden; max-width: 89%; text-overflow: ellipsis; }
.slogheadcol6 {width: 8%; float: left;}
.slogdetail {width: 100%; overflow: auto;}
.slogline {float: left; width: 100%;}
.slogline:hover div {color: Orange; cursor: pointer;}
.sloglinetop {border-top: 0.5px solid #eee;}
.sloglineexception div {color: Yellow;}
.sloglineerror div {color: Red;}


#divHelpContainer { width: 550px; height: 575px; display: none; position: absolute; border: 1px solid #aaa; background-color:#fff; z-index:2009; overflow: auto; border-radius: 0px; box-shadow: none; left:50%; top:15px; margin: 0px 0px 0px -275px }
#divHelpContainer:hover {cursor: move;}
#divHelpContent { width: 530px; height: 484px; background-color: White; position: absolute; top: 30px; overflow: auto; border-radius: 0px; padding: 0px 10px 10px 10px;}
#divHelpContent:hover {cursor: default; }
#divHelpFooter { background-color: rgb(234,234,232); width: 540px; position: absolute; height: 50px; top: 524px; border-top: black 1pt solid; border-radius: 0px; padding: 0px 0px 0px 10px;}
#divHelpTitle {float: left; padding: 5px 0px 0px 15px; color: #000; font-weight: bold; font-size: large; }

.key-container { width: 650px; height: 700px; display: none; position: absolute; border: 2px solid #aaa; background-color:#fff; z-index:2009; overflow: visible; border-radius: 0px; box-shadow: none; left:50%; top:15px; margin: 0px 0px 0px -275px }
.key-container:hover {cursor: move;}

.device-key-container { width: 450px; height: 371px; display: none; position: absolute; border: 2px solid #000; background-color:#fff; z-index:2009; overflow: auto; border-radius: 0px; box-shadow: none; left:50%; top:15px; margin: 0px 0px 0px -275px }
.device-key-container:hover {cursor: move;}

/* <<< 02/07/2025 - SChestney - DO744504 - tracking tower map display  */
.tracking-tower-key-container {
    width: 650px;
    height: 700px;
    display: none;
    position: absolute;
    border: 2px solid #aaa;
    background-color: #fff;
    z-index: 2009;
    overflow: visible;
    border-radius: 0px;
    box-shadow: none;
    left: 50%;
    top: 15px;
    margin: 0px 0px 0px -275px
}
.tracking-tower-key-container:hover {
    cursor: move;
}
/* >>> 02/07/2025 - SChestney - DO744504 - tracking tower map display  */

#divKeyContent { width: 630px; height: 609px; background-color: White; position: absolute; top: 30px; overflow: auto; border-radius: 0px; padding: 0px 10px 10px 10px; border-top: solid 1px #aaa;}
#divKeyContent:hover {cursor: default; }

#divDeviceKeyContent { width: 430px; height: 280px; background-color: White; position: absolute; top: 30px; overflow: auto; border-radius: 0px; padding: 0px 10px 10px 10px;}
#divDeviceKeyContent:hover {cursor: default; }

#divKeyTitle {float: left; padding: 5px 0px 0px 15px; color: #000; font-weight: bold; font-size: large; }
#divKeyFooter { background-color: #e4ecec; width: 650px; position: absolute; height: 50px; top: 650px; border-radius: 0px;}

#divDeviceKeyFooter { background-color: #e4ecec; width: 450px; position: absolute; height: 50px; top: 320px; border-top: black 1pt solid; border-radius: 0px;}

.key-row {padding: 5px 0px; float: left; width: 100%;}
.key-image {width: 50px; float: left;}
.key-image img {padding: 0px 10px; float: left;}
.key-text {width: 437px; /* float: left;*/ font-family: Arial, Helvitica, Sans-Serif; }

/* <<< 02/07/2025 - SChestney - DO744504 - tracking tower map display  */
.key-svg {
    display: flex;
    justify-content: center;
    width: 52px;
    float: left;
}
/* >>> 02/07/2025 - SChestney - DO744504 - tracking tower map display  */

.device-key-text {width: 360px; float: left; font-family: Arial, Helvitica, Sans-Serif; }

.jclock {width: 350px; float: right; margin: 0px 10px 0px 0px; height: 20px; text-align: right; color: #fff; font-size: 12pt; cursor: hand; font-weight: bold;}
.jclock:hover {cursor: pointer; color: #a20c33; }

.inline-button {float: right; margin: 0px 10px 0px 0px;  padding: 8px 0px 0px 0px; text-decoration: none; color: #000; background-color: rgb(255, 231, 16) /*#FFE75C*/; height: 23px; border: 0.5pt solid #aaa; width: 80px; text-align: center; border-radius: 0px; font-size: 10pt; font-weight: bold;}
.inline-button:hover {cursor: pointer; background-color: orange;}

.key-non-image {width: 30px; height: 30px; float: left; margin: 0px 10px 0px 0px;}

.headerlogocontainer-min {display: none;}
.divHeaderUserName-min {display: none;}
.jclock-min {display: none;}
.headermisc-min {width: 280px; float: right; height: 30px; margin-right: 15px;} 
.divHeaderMiscCollapse {font-size: 12pt; font-weight: bold; float: right; padding: 9px 0px 0px 12px; color: #a20c33;}
.divHeaderMiscCollapse:hover { color: #fff;}

.headermenu-min {
    height: 30px;
    padding: 0px 0px 0px 0px;
    float: left;
    position: relative;
    /*<<< 12/01/2022 - GJogi - 245912 - when we click "Change Columns" button the background elements should disable.*/
    /*z-index: 1003;*/
    /*>>> 12/01/2022 - GJogi - 245912 - when we click "Change Columns" button the background elements should disable.*/
}

.headerbg-min { min-width: 1000px; background-color: #559bb4; height: 30px; }


.greyscale {filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: gray; /* -webkit-transition: all .6 ease;  */ /* filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); */ /* Firefox 10+, Firefox on Android */   }


.device-location-details-container { width: 720px; height: 571px; display: none; position: absolute; border: 1px solid #aaa; background-color:#fff; z-index:2009; overflow: auto; border-radius: 0px; box-shadow: none; left:50%; top:15px; margin: 0px 0px 0px -275px; }
.device-location-details-container:hover {cursor: move;}
#divDeviceDetailsTitle {float: left; padding: 5px 0px 0px 15px; color: #000; font-weight: bold; font-size: large; }
#divDeviceDetailsContent { width: 700px; height: 480px; background-color: White; position: absolute; top: 30px; overflow: auto; border-radius: 0px; padding: 0px 10px 10px 10px; border-top: solid 1px #000;}
#divDeviceDetailsContent:hover {cursor: default; }
.device-details-key-row {padding: 2px 0px; float: left; width: 680px;}
.device-details-key-row-hr {float: left; width: 680px;}
.details-header-record {font-weight: bold; text-align: left;}
.device-details-number {width: 120px; float: left; text-align: center;}
.device-details-id {width: 180px; float: left; margin-left: 5px;}
.device-details-second-id {width: 180px; float: left; margin-left: 5px;}
.device-details-user {width: 150px; float: left; margin-left:5px;}
.device-details-all-rows {float: left; width: 100%; height: 450px; overflow-y: scroll;}
#divDeviceDetailsFooter { background-color: #e4ecec; width: 720px; position: absolute; height: 50px; top: 520px; border-top: black 1pt solid; border-radius: 0px;}

#NotificationPopUpHeaderText { height: 15pt; overflow: hidden; display: block; }

#frmUpload {overflow: hidden;}

.view-jobreport-body {    margin-top: 50px;width:100%;text-align:center;}

.filter-criteria-container { width: 650px; height: 700px; display: none; position: absolute; border: 2px solid #aaa; background-color:#fff; z-index:2009; overflow: auto; border-radius: 0px; box-shadow: none; left:50%; top:15px; margin: 0px 0px 0px -275px }
.filter-criteria-container:hover {cursor: move;}
#divFilterCriteriaTitle {float: left; padding: 5px 0px 0px 15px; color: #000; font-weight: bold; font-size: large; }
#divFilterCriteriaFooter { background-color: #e4ecec; width: 650px; position: absolute; height: 50px; top: 650px; border-radius: 0px;}
#divFilterCriteriaContent { width: 630px; height: 609px; background-color: White; position: absolute; top: 30px; overflow: auto; border-radius: 0px; padding: 0px 10px 10px 10px; border-top: solid 1px #aaa;}
#divFilterCriteriaContent:hover {cursor: default; }

#overview-filter-criteria-container .statuses {width:90%; margin-left:2%; border: 1px #aaa solid}
#overview-filter-criteria-container .statuses fieldset {width: 96%; border: 1px #aaa solid; margin-top:2%; margin-bottom:2%; padding: 1%;}
#overview-filter-criteria-container .drops {width:90%; margin-left:2%; border: 1px #aaa solid}
#overview-filter-criteria-container .drops fieldset {width: 96%; border: 1px #aaa solid; margin-top:2%; margin-bottom:2%; padding: 1%;}

#overview-filter-criteria-container .filterText {max-width: 25px; text-align:center; border:solid 1px;}
#overview-filter-criteria-container #filterCriteriaImage-MinsLate {margin: 0px 19px 0px 0px;}

#overview-filter-criteria-container .time {width:90%; margin-left:2%; border: 1px #aaa solid}
#overview-filter-criteria-container .time fieldset {width: 96%; border: 1px #aaa solid; margin-top:2%; margin-bottom:2%; padding: 1%;}
#overview-filter-criteria-container .fldLegend {font-weight:bold;}
#overview-filter-criteria-container .lblTitle {font-weight:bold;}

#overview-key-container .statuses {width:90%; margin-left:2%; border: 1px #aaa solid}
#overview-key-container .statuses fieldset {width: 96%; border: 1px #aaa solid; margin-top:10px; margin-bottom:2%; padding: 1%;}
#overview-key-container .drops {width:90%; margin-left:2%; border: 1px #aaa solid}
#overview-key-container .drops fieldset {width: 96%; border: 1px #aaa solid; margin-top:2%; margin-bottom:2%; padding: 1%;}
#overview-key-container .fldLegend {font-weight:bold;}

#fldStatuses {margin-bottom:10px; margin-top: 5px;}
#fldDrops {margin-bottom:10px;}
#fldTime {margin-bottom:10px;padding-bottom:10px;}

#divFilterCriteriaCaption {float: left; padding: 5px 0px 0px 15px; color: #000; font-size: large;}
.filter-criteria-checkbox {width: 20px; height: 20px; float: left; margin: 0px 5px 0px 0px;}
.filter-criteria-textbox {width: 20px; height: 20px; float: left; margin: 0px 20px 0px 0px;}
.filter-criteria-non-image {width: 20px; height: 20px; float: left; margin: 0px 10px 0px 0px;}
.filter-criteria-row {padding: 5px 0px; float: left; width: 100%; vertical-align:central;}

#btnCancel-AddUser {
    float: left;
}

button.disabledButton {
    float: right; 
    margin: 10px 14px 0px 0px;  
    padding: 4px 0px 0px 0px; 
    text-decoration: none; 
    color: #fff; 
    background-color: Gray; 
    height: 20px; 
    border: solid 1px #aaa; 
    width: 80px; 
    text-align: center; 
    font-size: 10pt; 
    font-weight: bold;
}

button.disabledButton:hover {
    cursor:auto; 
    background-color: Gray; 
    color:#fff;
}

#axPasswordStrength {
    position:relative;
    width:80px;
    display:inline;
}

ul.strengthMeter
{
    position:relative;
	margin: 0;
	padding: 0;
	list-style-type:none;
	background: #000;
	font-size: 0.9em;
	width: 80px;
	display: inline;
}

ul.strengthMeter li 
{
	display: inline;
	width: 80px;
	margin-left: 0;
	margin-right: 0;
	float:left;
	text-align:center;
	padding: 2px 2px;
	background: #ddd;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-weight: bold;
}

ul.strengthMeter li.help {
    width: auto;
    padding-right: 3px;
    padding-left: 3px;
    background-color: #559bb4;
    color: #fff;
}

.pStrengthHelp{
    position:absolute;
    left: 0px;
    top: 1px;
    padding: 4px;
    min-width: 200px;
    background-color: #fff;
    border: 1px solid #aaa;
    color: #000;
}

ul.strengthMeter li.notRated 
{
	font-weight: normal;
	color: #666;
}

ul.strengthMeter li.pwdWeak 
{
	background: #EE0000;
	border-bottom: 1px solid #BB0000;
	border-right: 1px solid #BB0000;
    color: #fff;
}

ul.strengthMeter li.pwdInsufficient {
    background: #EE0000;
    border-bottom: 1px solid #BB0000;
    border-right: 1px solid #BB0000;
    color: #fff;
}

ul.strengthMeter li.pwdMedium
{
	background: #FFFF33;
	border-bottom: 1px solid #DDDD00;
	border-right: 1px solid #DDDD00;
    color: #000;
}

ul.strengthMeter li.pwdStrong
{
	background: #00DD00;
	border-bottom: 1px solid #00AA00;
	border-right: 1px solid #00AA00;	
}

ul.strengthMeter li.pwdBest
{
	background: #00DD00;
	border-bottom: 1px solid #00AA00;
	border-right: 1px solid #00AA00;	
}


/*change password box*/
.changepasswordcontainer {position: absolute; top: 120px; margin: 0px 0px 0px -250px; left:50%; z-index: 4002; height: 430px; width: 500px; background-color: White; border-radius: 0px; display: none; border: 1pt solid #aaa; box-shadow: 0px;}
.changepasswordtitlebar { width: 490px; height: 35px; padding: 5px 0px 0px 10px; background-color: #ffffff; font-size: 18pt; color: #000; border-radius: 0px; border-bottom: solid 1px #000;}
.changepasswordtitlebar:hover { cursor: move; }
.changepasswordcontentcontainer { width: 500px; height: 400px;} 
.changepasswordcontenttext { width: 480px; padding: 10px 10px 10px 10px; text-align: justify; font-size: 10pt; height: 320px;}
.changepasswordfooterbar {
    bottom:0px; 
    background-color:#e4ecec;
    height:43px;
}
.changepasswordcontenttext h1 {width: 100%; color:#a20c33;}

/* <<<< 18/03/2020 - AX213509 - ADyson/HHOCA - R01 - ReSequencing Console Changes - Show and Tell */
.ie-time-picker {
		display: inline-block;
		width: 75px;
}
/* >>>> 18/03/2020 - AX213509 - ADyson/HHOCA - R01 - ReSequencing Console Changes - Show and Tell */

/* <<< 10/10/2023 - AStoenescu - DO506651 - Neew SO logout screen */
.headerlogologoutcontainer {
    padding: 0px 0px 0px 0px;
    float: left;
    width: 275px;
    max-width: 275px;
    height: 75px;
    margin-top: 5px;
}

.logoutContainer {
    min-height: 100%;
}

.logoutDiv {
    width: 500px;
    height: 500px;
    margin: 0px auto 0px auto;
    position: relative;
    padding-top: 150px;
}

.logoutTitleRow {
    width: 500px;
    float: left;
    margin: 0px 0px 0px 0px;
}

.logoutTitleRowLabel {
    float: left;
    margin: 5px 0px 10px 45px;
    font-size: 20pt;
    font-weight: bold;
}

.logoutcontent {
    background-color: #e4ecec;
    border-radius: 0px;
    width: 400px;
    height: 300px;
    padding: 10px 0px 10px 0px;
    float: left;
    margin: 20px 0px 0px 45px;
    border: solid 1px #aaa;
    box-shadow: 0 1px 1px rgb(0 0 0 / 12%), 0 2px 2px rgb(0 0 0 / 12%), 0 4px 4px rgb(0 0 0 / 12%), 0 8px 8px rgb(0 0 0 / 12%), 0 16px 16px rgb(0 0 0 / 12%);
}

.logoutRow {
    width: 360px;
    margin: 0px 0px 0px 0px;
    float: left;
    padding: 0px 20px 0px 20px;
}

.logoutLabel {
    text-align: left;
    float: left;
    color: #000;
    font-size: 11pt;
}

.logoutTextbox {
    width: 350px;
    float: left;
    font-size: 12pt;
    height: 22px;
    border: solid 1px #aaa;
    border-radius: 0px;
    text-indent: 5px;
    color: #000;
}

.logoutTextboxInvalidInput {
    background-color: #FFE6F0;
}

.logoutlogoimage {
    max-width: 275px;
    max-height: 75px;
    margin-left: 95px;
}

.button-Logo-logout {
    width: 354px;
    height: 22px;
    float: left;
    margin: 0px;
}
/* >>> 10/10/2023 - AStoenescu - DO506651 - Neew SO logout screen */