html,body {
  height:100%; /* needed for container min-height */
}
.page-mask{
	background-color: white;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    position: fixed;
    z-index: 10000;
}
.nav .dropdown{
	margin-right:15px;
}
.bws .page-loading{
	position: fixed;
	top: 40%;
	left: 45%;
	max-width: 120px;
}
.bws .navbar-inverse .navbar-collapse, 
.bws .navbar-inverse .navbar-form{
	background-color: rgb(111, 84, 153);;
	border-color: rgb(111, 84, 153);
}
.nav.navbar-nav li a.active {
	background-color: rgb(93, 4, 138);
	color: #EEE;
}
.bws .navbar-inverse{
	background-color: rgb(111, 84, 153);;
	border-color: #2e6da4;
}
.bws .navbar-inverse .navbar-nav>li>a{
	color:#DDD;
}
.navbar-inverse .navbar-brand.primary{
	font-size: 22px;
	color:#FFF;
}
.bws .navbar-brand {
	line-height: 30px;
}
.bws .subnav .navbar-nav>li>a {
	padding-top: 5px;
	padding-bottom: 5px;
}
.bws .navbar-brand.primary{
	padding:10px 15px;
}
.bws .subnav .nav.navbar-nav li a.active {
	background-color: #5bc0de;
	color: #EEE;
}
.bws .subnav {
	padding-left:90px;
	background-color: #EEE;
	border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
}

.main-view {
  padding:60px 10px 0 10px;
  width:100%;
  display: table;
  max-width: 992px;
  margin:auto;
  font-family: 'Ubuntu', sans-serif;
  height: calc(100% - 40px);
  height:-moz-calc(100% - 40px);
  margin-bottom:40px;
}
.main-view h1{
	/*font-family: 'Poiret One', cursive;*/
	font-family: serif;
}
.search-box input {
	padding-left: 30px;
}
.search-box .glyphicon-search {
	top:10px;
	left:10px;
	position: absolute;
}
.shortcut-symbols{
	color:brown;
	font-weight: bold;
	font-size: 18px;
}
.footer {
	/* background-color: rgb(80, 193, 233); */
	background-color: #89C4F4;
	background-color: #DDD;
	margin:auto;
	text-align: center;
	height: 40px;
	line-height: 40px;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}
.footer.text-muted {
	color:#333;
}


.loginHeader{
  background-color: #333;
  color: #fff;
}

.loginHeader .modalClose{
  color: #efefef;
}
.info-header{
  background-color: #333;
  color: #fff;
}

.info-header .modalClose{
  color: #efefef;
}


.modalClose{
position: absolute;
top: 0;
right: 0;
font-size: 1.5em;
text-align: center;
background:none;
border:none;
}

.content-wrapper{
  padding:20px;
}

form .form-group.err-msg{
  margin-bottom:10px;
}
form .error.alert{
  padding:5px;
}
form.form select{
  width:100px;
}
.submitted input.ng-invalid{border-color:red;}


.bws .bws-indent{
	margin-top: 20px;
	text-indent: 30px;
}

.bws .navbar-inverse .navbar-toggle {
    border-color: #ccc;
}

.bws .no-padding-x {padding-left: 0px; padding-right: 0px}

.bws .modal-footer.text-center{text-align:center;}

.bws form .error{
	  color: rgb(210, 10, 17);
  font-size: 12px;
  padding: 10px 0;
}
.bws form .success{
	  color: #3c763d;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 0;
  background-color: white!important;
}
.bws form .warning{
	  color: peru;
  font-size: 12px;
  font-weight: bold;
  background-color: white!important;
  padding: 10px 0;
}

.bws input.error{
	font-size:14px;
  padding: 10px 12px;
}

.bws .auto-expand.dropdown:hover {
        background-color: #222;
    }
.bws .auto-expand.dropdown:hover .dropdown-menu {
        display: block;
    }
.bws .company-logo{
	background-image: url("/media/logo.bsi.long.purple.svg");
	width: 26px;
    height: 26px;
    background-color: #FFF;
    background-position-x: 0px;
    background-position-y: -1px;
    margin-top: 2px;
}
.bws .csm.sign-in .page-title{
	background-image: url("/media/logo.bsi.long.svg");
	/* width: 26px;
    height: 26px; */
    background-color: #EFEFEF;
    /* background-position-x: 45%;
		background-position-y: 3px; */
		background-position:center;
		background-repeat: no-repeat;
		margin-top: 2px;
		min-height: 44px;
		border:none;
		padding: 0;
		margin-top:-5px

}
.bws .letter{
	margin-left: -6px;
    /* margin-right: -6px; */
    color: #BBB;
}
.bws .panel-head div{
	background-color: rgb(111, 84, 153);;
	padding:10px 0;
	color:#EEE;
	text-align: center;
	margin-bottom:10px;
}
.bws a.accordion-toggle{
	cursor: pointer;
	text-decoration: none;
}
.bws .scan-item .panel-body{
	padding:0;
}
.bws .scan-panel .form-group{
	margin-bottom: 0px;
}

.bws .has-error label{
	color:#a94442;
}
.bws input.has-error{
	border-color:#a94442;
}

.bws table.scan-item{
	margin-bottom: 0px;
}

.bws .scan-item.full .panel-heading:hover,
.bws .scan-item.full .panel-heading,
.bws .list-item.full,
.bws .list-item.full a{
	background-color: #5cb85c;
	color:#EEE;
}
.bws .scan-item.warn .panel-heading:hover,
.bws .scan-item.warn .panel-heading{
    color: #a94442;
    background-color: #f2dede;
}
.bws .list-item.reminder,
.bws .list-item.reminder a{
    color: #EEE;
    background-color: #a94442;
}

.bws .scan-item .panel-heading:hover{
	background-color:#DDD;
}
  	.bws .hover-table{
		width:100%; 
		border-collapse:collapse; 
	}

	/* Define the hover highlight color for the table row */
    .bws .hover-table tr:hover {
		background-color: #dff0d8;
    }


@media only screen and (max-width: 1180px) {
	.bws .letter{display:none;}
	.bws .highlight-letter {
		margin-left:-5px;
	}
} 

@media only screen and (max-width: 768px) {
	.bws .nav.navbar-nav{
		font-size:20px;
	}
	.bws table.scan-item tr.form-group td.lable{
		width:25%;
	}
	.bws table.scan-item tr.form-group td.input{
		width:75%;
	}
} 

/* wifi anminated css */
.wifi-symbol {
  /* display: none; */
}

.wifi-symbol [foo], .wifi-symbol {
  position: absolute;
  top: -35px;
  display: inline-block;
  /* width: 150px;
  height: 150px; */
	/* left: 75px; */
	right:-40px;
  -ms-transform: rotate(-45deg) translate(-100px);
  -moz-transform: rotate(-45deg) translate(-100px);
  -o-transform: rotate(-45deg) translate(-100px);
  -webkit-transform: rotate(-45deg) translate(-100px);
  transform: rotate(-45deg) translate(-100px);
}

.wifi-symbol .wifi-circle {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  /* font-size: 21.42857px; */
  font-size: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-color: #00A9C2;
  border-color: #26C281;
  /* border-color: #000000; */
  border-style: solid;
  border-width: 1em 1em 0 0;
  -webkit-border-radius: 0 100% 0 0;
  border-radius: 0 100% 0 0;
  opacity: 1;
  -o-animation: wifianimation 2s infinite;
  -moz-animation: wifianimation 2s infinite;
  -webkit-animation: wifianimation 2s infinite;
  animation: wifianimation 2s infinite;
}

.wifi-symbol.no-wifi .wifi-circle {
	border-color: #8F1D21;
	-o-animation:none;
  -moz-animation:none;
  -webkit-animation:none;
  animation: none;
}

.wifi-symbol .wifi-circle.first {
  -o-animation-delay: 800ms;
  -moz-animation-delay: 800ms;
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}

.wifi-symbol .wifi-circle.second {
  width: 5em;
  height: 5em;
  -o-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}

.wifi-symbol .wifi-circle.third {
  width: 3em;
  height: 3em;
}

.wifi-symbol .wifi-circle.fourth {
  width: 1em;
  height: 1em;
  opacity: 1;
	background-color: #00A9C2;
	background-color: #26C281;
  -o-animation: none;
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}

@keyframes wifianimation
{
  0% {
    opacity: 0.4;
  }
  5% {
    opactiy: 1;
  }
  6% {
    opactiy: 0.1;
  }
  100% {
    opactiy: 0.1;
  }
}

/* consignment */
.bws .csm .page-title{
	font-size: 1.5em;
	background-color: #EEE;
	padding: 3px 0 1px 0;
	border:1px solid #999
}

@media (min-width: 320px){
	.bws .csm .form-inline .form-group {
			display: inline-block;
			margin-bottom: 0;
			vertical-align: middle;
	}
	.bws .csm .form-inline .form-control {
    display: inline-block;
    width: auto;
		vertical-align: middle;
	}
}

.bws .csm.sign-in .form-group label{
	width:70px
}
.bws .csm.sign-in .form-group input[type=text],
.bws .csm.sign-in .form-group input[type=password],
.bws .csm.sign-in .form-group select{
	width:200px;
}
/* .bws .csm.sign-in .form-group input[type=text],
.bws .csm.sign-in .form-group input[type=password]{
	border:none;
	border-bottom: 1px solid black;
	border-radius: 0;
} */
.bws .csm.sign-in .app-name{
	font-size: 1.5em;
	text-align: center
}

.bws table .blue-bkgd{
  background-color: #337ab7;
  color: #EEE;
  border-right:1px solid #DDD;
  border-left:1px solid #DDD;
}
.bws table .yellow-bkgd{
  background-color: #777;
  color: #FFF;
  border-right:1px solid #DDD;
  border-left:1px solid #DDD;
}

.bws .form-radio
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #f1f1f1;
     color: #666;
     top: 1px;
     height: 25px;
     width: 25px;
     border: 0;
     /* border-radius: 50px; */
     cursor: pointer;     
     /* margin-right: 7px; */
     outline: none;
     padding:0;
}
.form-radio:checked::before
{
     position: absolute;
     font: 13px/1 'Open Sans', sans-serif;
     font-weight: bold;
     left: 9px;
     top: 5px;
     content: '\02143';
     transform: rotate(40deg);
}
.form-radio:hover
{
     background-color: #f7f7f7;
}
.form-radio:checked
{
     background-color: #f0ad4e;
     color: #FFF;
}
.bws  .sled-open{
  background-color: #d9edf7;
  border:1px solid #efefef;
  font-weight: bold
}
.bws  .sled-3mth, .bws .use-me-first-sticker{
  background-color: orange;
  border:1px solid #efefef;
  font-weight: bold
}
.bws  .sled-6mth, .bws .to-monitor{
  background-color: yellow;
  border:1px solid #efefef;
  font-weight: bold
}
.bws  .sled-1mth, .bws .return-needed{
  background-color: red;
  border:1px solid #efefef;
  font-weight: bold
}
.bws .sled-expired-color{color:rgb(210, 10, 17)}
.bws .sled-6mth-color{color:yellow;}
.bws .sled-open-color{color:#d9edf7;}

.bws .table>tbody>tr>td, 
.bws .table>tbody>tr>th, 
.bws .table>tfoot>tr>td, 
.bws .table>tfoot>tr>th, 
.bws .table>thead>tr>td, 
.bws .table>thead>tr>th {
    padding: 8px 0;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

    /* pre */
    .bws pre {
      white-space: pre-wrap;       /* css-3 */
        background-color: ghostwhite;
        font-size: 16px;
        border: 1px solid silver;
        padding: 10px 20px;
        margin: 20px; 
        }
      pre .string { color: green; }
      pre .number { color: darkorange; }
      pre .boolean { color: blue; }
      pre .null { color: magenta; }
      pre .key { color: red; }


      .bws .my-drop-zone { border: dotted 3px lightgray; }
.bws .nv-file-over { border: dotted 3px red; } /* Default class applied to drop zones on over */
.bws .btn-file {
	position: relative;
	overflow: hidden;
	vertical-align: middle;
  }
 .bws .btn-file > input {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	font-size: 23px;
	cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0;
	direction: ltr;
  }

  .bws .mcs-multi-select .multiselect-parent{
    width: 100%;
    text-align: left;
  }
  .bws .mcs-multi-select .multiselect-parent .dropdown-toggle{
    width: 100%;
    text-align: left;
  }
  .bws .mcs-multi-select .multiselect-parent .dropdown-menu{
    width: 100%;
  }
  .bws .rule-highlight{
    font-weight: bold;
    background-color: #5cb85c;
  }
  .bws .rule-dimlight{
    font-weight: normal;
    color:#aaa;
  }
  .bws .rule-normal{
    font-weight: normal;
    color:#333;
  }