/*
 * Sub-modifier: `uk-panel-box-secondary`
 */
.hb-icon-assembly-base {
    float: right;
    height:24px;
    width:24px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    margin-right: 10px;
}

.hb-list-group-back {
    font-size:24px;
    float:right;
    margin-left:10px;
    cursor:pointer;
    display:none;
}
.hb-list-group-back :hover{
    color:white;
}
.hb-list-group-next {
    font-size:24px;
    float:right;
    cursor:pointer;
}
.hb-list-group-next :hover{
    color:white;
}
.hb-list-group-button-panel {
    background-color:#EBEBEB;
    height:30px;
}

.uk-panel-box-blank {
    background: #ffffff;
    color: #999999;
}
.uk-panel-box-blank .uk-panel-title {
    color: #999999;
}

.ScanCheckBox {
    margin-top: 9px;
}

.r-where {
    background-image: url("../../Images/home_icons/hb-icons-rep_01.png");
}
.r-where:before {
    content: url("../../Images/home_icons/hb-icons-rep-hover_01.png");
    display: none;
}
.r-where:hover {
    background-image: url("../../Images/home_icons/hb-icons-rep-hover_01.png");
}

.hb-radio-alert {
    color:#d85030 !important;
}

.hb-icon-station-small-base {
    -webkit-transition: all 1000ms;
    -moz-transition: all 1000ms;
    -o-transition: all 1000ms;
    transition: all 1000ms;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    float:left;
    background-size: 24px 24px;
}

.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

.m-print-table th:not(:first-child) {
    height: 200px;
    line-height: 14px;
    padding-bottom: 130px;
    text-align: left;
    min-width: 25px;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

.hb-margin-left {
    margin-left: 5px;
}

.uk-dropdown.uk-datepicker {
    width:auto !important;
    background-color:white;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
}

.uk-datepicker {
    z-index: 1050;
    width: auto;
    -webkit-animation: uk-fade .2s ease-in-out;
    animation: uk-fade .2s ease-in-out;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.uk-datepicker-nav {
    margin-bottom: 15px;
    text-align: center;
    line-height: 20px
}

.uk-datepicker-nav:after,
.uk-datepicker-nav:before {
    content: "";
    display: table
}

.uk-datepicker-nav:after {
    clear: both
}

.uk-datepicker-nav a {
    color: #666;
    text-decoration: none
}

.uk-datepicker-nav a:hover {
    color: #666
}

.uk-datepicker-previous {
    float: left
}

.uk-datepicker-next {
    float: right
}

.uk-datepicker-next:after,
.uk-datepicker-previous:after {
    width: 20px;
    font-family: FontAwesome
}

.uk-datepicker-previous:after {
    content: "\f053"
}

.uk-datepicker-next:after {
    content: "\f054"
}

.uk-datepicker-table {
    width: 100%
}

.uk-datepicker-table td,
.uk-datepicker-table th {
    padding: 2px
}

.uk-datepicker-table th {
    font-size: 12px
}

.uk-datepicker-table a {
    display: block;
    width: 26px;
    line-height: 24px;
    text-align: center;
    color: #666;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-origin: border-box
}

a.uk-datepicker-table-muted {
    color: #999
}

.uk-datepicker-table a:focus,
.uk-datepicker-table a:hover {
    background-color: #fafafa;
    color: #666;
    outline: 0;
    border-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .3);
    text-shadow: 0 1px 0 #fff
}

.uk-datepicker-table a:active {
    background-color: #f5f5f5;
    color: #666;
    border-color: rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .3);
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}

.uk-datepicker-table a.uk-active {
    background: #009dd8;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .4);
    background-origin: border-box;
    background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
    background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.loader {
    margin: 100px auto;
    position: absolute;
    top: -75px;
    left: 35px;
    z-index: 100000;
    display: block;
    font-size:24px;
    color:#999999;
}
.SelTD {
    width: 120px;
}

.SelTD > section {
    display: inline-block;
}

.TagTD {
    width: 592px;
    max-width: 592px;
    white-space: nowrap;
    overflow: hidden;
}

.selectedDocTable {
    color: white;
    background-color: #c5d3e0 !important;
}

.selectedDocTable:hover {
    color: white !important;
}

.hb-stage-bar {
    height: 100%;
    width: 5px;
    background: #eee;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.hb-stage-bar-left {
    position: absolute;
    top: 0px;
    left: 0px;
}

.hb-stage-bar-right {
    position: absolute;
    top: 0px;
    right: 0px;
}
.hb-stage-success {
    color: #8cc14c;
}
.hb-stage-primary {
    color: #00a8e6;
}
.hb-stage-warning {
    color: #faa732;
}
.hb-stage-danger {
    color: #da314b !important;
}
.hb-stage-b-success {
    background-color: #8cc14c;
}
.hb-stage-b-primary {
    background-color: #00a8e6;
}
.hb-stage-b-warning {
    background-color: #faa732;
}
.hb-stage-b-danger {
    background-color: #da314b;
}
.hb-stage-due {
    border:none !important;
    height:15px !important;
    padding: 0px !important;
    width:80px;
    margin-top:5px;
    background-color: transparent !important;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    background-color:inherit !important;
}
.uk-button-none {
    border: none !important;
    background:none !important;
    background-color:inherit !important;
    color: #949494 !important;
}

.uk-button-none:focus {
    background:none;
    background-color:inherit;
}
.uk-button-none:hover {
    background-color:inherit !important;
    color: #a7a6a6 !important;
}

.uk-modal-dialog-sml {
    width: 540px !important;
}
/*This is temporary*/
.google-visualization-tooltip {
    border-radius: 0px !important;
    height: 61px !important;
}
.scan-accordclosed {
    padding-bottom:0px;
    margin-top:10px !important;
    background: #eeeeee;
    color: #444444;
}

.scan-accordclosed:hover {
    padding-bottom:0px;
    margin-top:10px !important;
    background: #d2d2d2;
    color: #444444;
}

.scan-accordopen {
    margin-top:10px !important;
    padding-bottom:15px;
    background: #f5f5f5;
    color: #444444;
}
.scan-accordopen > div:first-child {
    margin-bottom: 15px;
}
.scan-accordopen > div:first-child:hover {
    background: #e4e4e4;
    color: #444444;
}
.accordLabel {
    background: transparent;
}
.include-assembly {
    content: url("../../Images/include-assembly.png");
    height:25px;
}
.exclude-assembly {
    content: url("../../Images/exclude-assembly.png");
    height:25px;
}
.scan-top-border {
    border-top: 1px solid #000;
}

.scan-rel-padding {
    padding-left:70px !important;
}
.StatusIndicator.scan-rel-padding {
    padding-left:51px !important;
}

.assembly-static-tree {
  position: relative;
  padding-left: 45px;
}
.assembly-static-tree .scan-rel-padding {
  padding-left: 20px !important;
}

.assembly-static-tree .StatusIndicator.scan-rel-padding {
  padding-left: 0 !important;
}
.assembly-static-tree .assembly-tree-start {
  top: 0px;
  left: 5px;
}

.assembly-static-tree .assembly-tree {
  top: 6px;
  left: 11px;
}

.hb-icon-scan-base {
    float: right;
    height:30px;
    width:30px;
    background-repeat: no-repeat;
    background-size: 30px 30px !important;
    margin-right: 10px;
}
.hb-icon-list-base {
    float: right;
    height:24px;
    width:24px;
    background-repeat: no-repeat;
    background-size: 24px 24px !important;
    margin-right: 10px;
}
.hb-icon-inline {
    float: right;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.scan-assembly:hover {
    background-image: url("../../Images/include-assembly-hover.png");
    background-repeat: no-repeat;
}
.scan-assembly {
    background-image: url("../../Images/include-assembly.png");
    background-repeat: no-repeat;
    display: inline-block;
}
.quick-serial:hover {
  cursor: pointer;
  color: #28c7b1;
  text-decoration: underline;
}
.selectize-dropdown {
	z-index: 200;
}

.assembly-tree-extra-scan {
  background: url("../../Images/assembly-tree-extra.png") no-repeat;
  background-size: 8px 110px;
  height: 110px;
  top: 40px;
}
.assembly-tree-extra-scan-no {
  background: url("../../Images/assembly-tree-extra.png") no-repeat;
  background-size: 8px 110px;
  height: 110px;
  top: 15px;
}


.assembly-tree-start {
    image-rendering: -moz-crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    background: url("../../Images/assembly-tree-start.png") no-repeat;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    position:absolute;
    left:20px;
    top:29px;
    z-index:100;
}
.assembly-tree-start-no {
    background-image: url("../../Images/assembly-tree-start.png");
    image-rendering: -moz-crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    background: url("../../Images/assembly-tree-start.png") no-repeat;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    position:absolute;
    left:20px;
    top:8px;
    z-index:100;
}
.assembly-tree-start-grand-child {
    background-image: url("../../Images/assembly-tree-start-outline.png");
}

.assembly-tree-start-system {
    background-image: url("../../Images/assembly-tree-start-system.png");
}

.assembly-tree-start-trolley {
    text-align: center;
    background: black;
    color: white;
    border-radius: 5px;
    padding-top: 3px;
    padding-right: 2px;
}

.assembly-tree {
    image-rendering: -moz-crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    background: url("../../Images/assembly-tree.png") no-repeat;
    background-size: 10px 10px;
    width: 10px;
    height: 10px;
    position:absolute;
    left:26px;
    top:33px;
    z-index:100;
}

.assembly-tree-no {
    image-rendering: -moz-crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    background: url("../../Images/assembly-tree.png") no-repeat;
    background-size: 10px 10px;
    width: 10px;
    height: 10px;
    position:absolute;
    left: 26px;
    top: 12px;
    z-index:100;
}

.assembly-tree-line {
    image-rendering: -moz-crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    background: url("../../Images/assembly-tree-extra.png") no-repeat;
    background-size: 8px 80px;
    position:absolute;
    height: 80px;
    width:8px;
    left: 12px;
    top: 15px;
}

.assembly-tree-line-sc {
    background-size: 8px 220px;
    height: 220px;
}

.assembly-tree-line-user {
    background-size: 8px 150px;
    height: 150px;
}

.assembly-tree-line-ssd {
    background-size: 8px 140px;
    height: 140px;
}

.assembly-tree-line-wlan {
    background-size: 8px 100px;
    height: 100px;
}

.assembly-tree-cursor{
    cursor:pointer;
}

.assembly-tree-line-r {
    image-rendering: -moz-crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    background: url("../../Images/assembly-tree-extra.png") no-repeat;
    background-size: 8px 55px;
    position: absolute;
    height: 55px;
    width: 8px;
    left: 27px;
    top: -16px;
}

.assembly-tree-line-r-no {
    image-rendering: -moz-crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    background: url("../../Images/assembly-tree-extra.png") no-repeat;
    background-size: 8px 33px;
    position: absolute;
    height: 33px;
    width: 8px;
    left: 27px;
    top: -16px;
}

.assembly-tree-line-system {
    image-rendering: -moz-crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    background: url("../../Images/assembly-tree-extra.png") no-repeat;
    background-size: 8px 100px;
    position: absolute;
    height: 100px;
    width: 8px;
    left: 27px;
    top: 30px;
}

.assembly-date-picker {
    position: relative;
    top: -14px;
    left: 10px;
}

#noti-config {
    margin-left: 10px;
    color: white;
    cursor: pointer;
}

#noti-config :hover {
    color: #bfbdbd;
}

#noti-config-panel {
    background-color:#f7f7f7; 
    display:none; 
    position:absolute;
    z-index:11;
}

#noti-config-backpanel {
    background-color:#5f6366; 
    display:none; 
    position:absolute;
    z-index:10;
}

.noti-check {
    margin-top: 5px;
    padding-left: 10px;
}

.noti-check-2 {
    margin-top:5px;
    padding-left: 10px;
    background-color:#eeeeee;
    height:36px;
}

.noti-check-3 {
    margin-top:5px;
    margin-bottom:10px;
    background-color: #eeeeee;
}

.noti-check-4 {
    margin-top:5px;
    margin-left:10px;
}

.noti-check-label{
    font-size: small !important;
}

.m-icon-noti {
    position: relative;
    top: 8px;
    left: 10px;
}

.noti-submit-button {
    margin-bottom:10px; 
    margin-right:10px;
}

.noti-label {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left:17px;
    color:#5f6366;
}

.noti-label i {
    margin-right:20px;
}

.noti-label-2 {
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left:2px;
    color:#5f6366;
}

.noti-label-2 i {
    margin-right:10px;
    margin-left: 2px;
}

.no-mar-top {
    margin-top: 0px !important;
}

.hb-window-header-bright-blue {
    background-color: #20ddf1; 
    color: white;
}

.hb-window-header-bright-blue .uk-panel-title {
    color: white;
}

.hb-window-header-bright-blue .window-header-icon {
    background-color: #0dd2e8;
}

input[type=checkbox].hb-checkbox.hb-check-success + label.hb-label > i.hb-checkbox-icon {
    border: solid 1px #3cb878;
}

input[type=checkbox].hb-checkbox + label.hb-label.hb-label-sm-margin-top {
    margin-top: 4px;
}

.hb-checkbox-icon-success {
  background-image: url("../../Images/checkbox-green.png");
}

.hb-checkbox-label-black {
  color: #666 !important;
}

.hb-button-add {
  background-color: #ffa500;
  color: #ffffff;
}
/* Hover */
.hb-button-add:hover,
.hb-button-add:focus {
  background-color: #f9b639;
  color: #ffffff;
}
/* Active */
.hb-button-add:active,
.hb-button-add.uk-active {
  background-color: #c37e00;
  color: #ffffff;
}

.window-header-minimize {
    float: left; 
    cursor: pointer; 
    color: gray; 
    position:relative; 
    top: 10px; 
    margin-right:10px;
}

.hb-margin-top {
    margin-top:20px;
}
.hb-badge.hb-badge-passed {
    font-size: 12px;
    background-color: #229c0f;
}
.hb-badge.hb-badge-failed {
    font-size: 12px;
    background-color: #e43e1e;
}
.hb-badge.hb-badge-default {
    font-size: 12px;
    background-color: #2fafe0;
}

.hb-event-comment {
    float: right;
    margin-right: 7px;
    color: #3399ff;
}

.hb-event-start {
    display:none;  
    margin-top:5px;
    float:left;
}

.hb-event-start .uk-panel-box {
    padding-bottom: 0px;
    float:left;
}

.hb-event-pointer {
    cursor:pointer;
}
/*.assembly-tree-extend {
    background-size: 8px 115px;
    height: 115px;
}*/
.hb-partial-body {
	position:relative;
}
.hb-logo-home-lite {
    background: url(../../Images/hb_home-lite_03.png) no-repeat;
    background-size: 444px 274px;
}
.battery-testing-passed {
    background-image: url(../../Images/checkbox-green.png); 
    width:24px; 
    height:24px; 
    background-size: 24px 24px; 
    float:left; 
    margin-right: 10px;
}
.battery-testing-failed {
    background-image: url(../../Images/cross.png); 
    width:24px; 
    height:24px; 
    background-size: 24px 24px; 
    float:left; 
    margin-right: 10px;
}

.t-bat {
  image-rendering: -webkit-optimize-contrast;
  background-image: url("../../Images/home_icons/hb-icons-test_23.png");
}

.t-bat:before {
  content: url("../../Images/home_icons/hb-icons-test-hover_23.png");
  display: none;
}

.t-bat:hover {
  background-image: url("../../Images/home_icons/hb-icons-test-hover_23.png");
}
.hb-comment-author {
    color: #626f82;
}
.hb-comment-timestamp {
    color: #626f82;
    padding-left: 0.5rem;
    font-size: 14px;
}
.hb-comment-ul {
    list-style-type: none;
    padding-left: 1rem;
    padding-right: 0.2rem;
}
.hb-comment-message {
    border-radius: 5px;
    background-color: #eeeeee;
    color: #0b0b10;
    padding-left: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0.5rem auto;
}
.hb-comment-message-body {
    color: #444444;
    font-size: 14px;
}
.hb-details-tag {
    font-size: 14px;
    color: white;
    border-radius: 4px;
    width: auto;
    text-align: center;
    opacity: 0.7;
    cursor: pointer;
    margin-top: 10px;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.hb-details-com {
    background: #E57373;
}
.hb-details-pp {
    background: #25c7de;
}