html {
    position: relative;
    min-height: 100%;
    height: 100%;
}

body {
	/* margin: 0 0 20px; */
	/* bottom = footer height */
	padding: 0px 25px 25px 25px;
	min-height:100%;
	font-family: Arial, Helvetica, sans-serif;
}


/********************************* from bootstrap.css *********************************/
@media screen {
	.print_only {
		display:none;
	}
}
@media print {
	#item_scroller {
	overflow:visible !important;
	}
	.print_only {
		display:block !important;
	}
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  div {
  	font-size:10.5px;
  	overflow: visible !important;
  }
  td, th {
    background-color: #fff !important;
    padding:2px !important;
    font-size:8pt !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
    padding:2px;
    height:auto;
    font-size:9pt;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
  
  .hide_print {
  	display:none;
  }
  
  #img_search {
 	cursor:pointer;
  }
  
  #item_scroller {
  	margin-top:-40px;
  }
  
  .table100 {
  	background-color:transparent !important;
  	padding-top:0px;
  	margin-top:0px;
  }

	div.divHeader { /*print header on every page*/
	  position: fixed;
	  top: 0;
	}
	
	div.divFooter { /*print footer on every page*/
	  padding-top:20px;
	  position: fixed;
	  bottom: 0;
	  font-size:8pt;
	}

  .subcontent {
  	font-size:6pt !important;
  	color:darkgray !important;
  	padding-left:8px !important; 
  }
}

h1 {
	font-size:18pt;
	line-height:35px;
}

table {
  border-collapse: collapse;
}
th {
  text-align: left;
}

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

textarea {
	padding:2px 6px;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: -1;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

select {
  padding:5px;
}
form { margin:0; padding: 0; }

.auto_field_label {
	font-weight:bold;
	width:20%;
	padding-top:6px;
	color:gray;
}
.auto_field_input_container {
	min-width:30%;
}
.field_label {
	font-weight:bold;
	width:20%;
	color:gray;
}

.dialog-no-close .ui-dialog-titlebar-close {display: none }

/********************************* from bootstrap.css *********************************/

.subnav {
  float: left;
  overflow: hidden;
}

.subnav .subnavbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 15px 16px 13px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.subnav-content {
  display: none;
  position: absolute;
  left: 0;
  background-color: #333;
  width: 100%;
  z-index: 1;
}

.subnav-content a {
  float: left;
  color: white;
  text-decoration: none;
}

.subnav-content a:hover {
   background-color: #eee;
   color: goldenrod;
}

.subnav:hover .subnav-content {
  display: block;
}

/* Navbar container */
.navbar {
  overflow: hidden;
  background-color: dimgray; /*#F26F21*/; /* #EC1B24;*/ /*#333;*/
  font-family: Arial;
  max-height: 48px;
  height: 48px;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 15px 16px;
  text-decoration: none;
}

.navbar a:hover, .subnav:hover .subnavbtn {
  background-color: #333;
}

/* The dropdown container */
.nav_dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.nav_dropdown .dropbtn {
  font-size: 16px; 
  border: none;
  outline: none;
  padding: 1px 0px 5px 0px;
  height: 48px;
  color: inherit;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .nav_dropdown:hover .dropbtn {
   /*background-color: red; */
 }

/* Dropdown content (hidden by default) */
.nav_dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.nav_dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.nav_dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
.nav_dropdown:hover .nav_dropdown-content {
  display: block;
}

.fa-caret-down:before{content:"▾";}
.fa-sort-caret-up:before{content:"▲"; cursor:pointer;}
.fa-sort-caret-down:before{content:"▼"; cursor:pointer;margin-left:-4px;}

.fa-sort-caret-up_active:before{content:"△"; cursor:pointer;}
.fa-sort-caret-down_active:before{content:"▽"; cursor:pointer;margin-left:-4px;}


.myButton {
/* 	background-color:#4CAF50; */
	background-color:LimeGreen;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:4px;
	border:1px solid green;
	display:inline-block;
	cursor:pointer;
	color:white;
	font-family:Calibri,Tahoma;
	font-size:16px;
	font-weight:bold;
	padding:7px 20px;
	text-align:center;
	text-decoration:none;
	/*text-shadow:0px 1px 0px #2f6627;*/
}
.myButton:hover {
	background-color:lime;
/* 	background-color:#45a049 */
	/*border:1px solid #25A4DE;
	color:#25A4DE;*/
}
.myButton:active {
	position:relative;
	top:1px;
}
.myButton2 {
/* 	background-color:#800000; */
	background-color:Tomato;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:4px;
	border:1px solid red;
	display:inline-block;
	cursor:pointer;
	color:white;
	font-family:Calibri,Tahoma;
	font-size:16px;
	font-weight:bold;
	padding:7px 20px;
	text-align:center;
	text-decoration:none;
	/*text-shadow:0px 1px 0px #2f6627;*/
}
.myButton2:hover {
	background-color:red;
}
.myButton2:active {
	position:relative;
	top:1px;
}
.myButton3 {
/* 	background-color:#800000; */
	background-color:hotpink;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:4px;
	border:1px solid crimson;
	display:inline-block;
	cursor:pointer;
	color:white;
	font-family:Calibri,Tahoma;
	font-size:16px;
	font-weight:bold;
	padding:7px 20px;
	text-align:center;
	text-decoration:none;
	/*text-shadow:0px 1px 0px #2f6627;*/
}
.myButton3:hover {
	background-color:deeppink;
}
.myButton3:active {
	position:relative;
	top:1px;
}
.myButton4 {
/* 	background-color:#800000; */
	background-color:firebrick;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:4px;
	border:1px solid brown;
	display:inline-block;
	cursor:pointer;
	color:white;
	font-family:Calibri,Tahoma;
	font-size:16px;
	font-weight:bold;
	padding:7px 20px;
	text-align:center;
	text-decoration:none;
	/*text-shadow:0px 1px 0px #2f6627;*/
}
.myButton4:hover {
	background-color:darkred;
}
.myButton4:active {
	position:relative;
	top:1px;
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/Images/updated.gif') 
                50% 50% 
                no-repeat;
    text-align:center;
}

input {
    padding: 5px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    font-size:11pt;
}


footer {
    background-color: silver;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30px;
    width: 100%;
    overflow: hidden;
    font-size: .8em;
    color:white;
}

.blink_me {
  animation: blinker 2s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

textarea, input { 
    text-transform: uppercase;
}
::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}
::placeholder { /* Recent browsers */
    text-transform: none;
}
#txt_username {
    text-transform: none;
}







.switch {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 34px;
  overflow:hidden;
  border-radius:3px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.switch-label-off, .switch-label-on {
  position: absolute;
  cursor: pointer;
  width:100px;
  height:34px;
  border-radius:3px;
  font-size:9pt;
  color:white;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch-label-off {
  float:left;
  text-align:right;
  padding:11px 17px 0px 0px;
  background-color: #e74a3b;
}
.switch-label-on {
  float:left;
  text-align:left;
  padding:11px 0px 0px 20px;
  left:88px;
  background-color: #1cc88a;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:after {
  position: absolute;
  content: "";
  height: 34px;
  width: 12px;
  right: 0px;
  bottom: 0px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border:1px solid silver;
  border-radius:3px;
}

input:checked + .slider .switch-label-off {
  -webkit-transform: translateX(-88px);
  -ms-transform: translateX(-88px);
  transform: translateX(-88px);
}
input:checked + .slider .switch-label-on {
  -webkit-transform: translateX(-88px);
  -ms-transform: translateX(-88px);
  transform: translateX(-88px);
}

/*
input:checked + .slider {
  background-color: #1cc88a;
}
input:focus + .slider {
  box-shadow: 0 0 1px #1cc88a;
}
*/


input:checked + .slider:after {
  -webkit-transform: translateX(-88px);
  -ms-transform: translateX(-88px);
  transform: translateX(-88px);
}