html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  position: relative;
  margin: 0;
  min-height: 100%;
  background-color: #ffffff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#site-header {
  background-color: #333333;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
  transition: all .3s ease;
}

header {
  color: #ffffff;
  min-height: 70px;
}

#nav {
  background-color: #111111;
}

#searchbox {
  margin-top: 8px;
  margin-bottom: -7px;
}

#main {
  min-height: 100%;
  background-color: #ffffff;
  padding-top: 70px;
  padding-bottom: 175px;
}

#footer {
  background: #6d7075 url(/LBCCFrameworkV3/images/bg_footer.jpg) no-repeat top center;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

footer {
  color: #ffffff;
  min-height: 175px;
}


/* custom date and time picker */
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #a11d21;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    box-shadow: 0 2px 8px rgb(0 0 0 / 30%);
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #a11d21;
  color: #fff;
}

.bootstrap-datetimepicker-widget table td.day {
    height: 30px;
    line-height: 30px;
    width: 30px;
}

.bootstrap-datetimepicker-widget table th {
    height: 30px;
    line-height: 30px;
    width: 30px;
}

/* Custom navbar */
.navbar-custom {
  background-color: #a11d21;
  font-weight: bold;
  color: #ffffff;
  border-radius: 5px 5px 0 0;
  margin-bottom: 0;
  /* display: none; /* Comment out to enable navbar, then do not forget to change the body margin-top value */
}

.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
}

.navbar-custom .navbar-nav > .active > a {
  color: #ffffff;
  background-color: #ff6666;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus,
.navbar-custom .navbar-nav > .open >a {
  text-decoration: none;
  background-color: #ff6666;
}

.navbar-custom .navbar-brand {
  color: #eeeeee;
}
.navbar-custom .navbar-toggle {
  background-color: #eeeeee;
}
.navbar-custom .icon-bar {
  background-color: #a11d21;
}
/* End of custom navbar */

.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
}

.btn-light {  
  border-color: #ccc;
} 

/* Custom button */
.btn-custom { 
  color: #ffffff !important; 
  background-color: #da291c; 
  border-color: #a11d21;
} 
 
.btn-custom:hover, 
.btn-custom:focus, 
.btn-custom:active, 
.btn-custom.active, 
.open .dropdown-toggle.btn-custom { 
  color: #ffffff; 
  background-color: #a11d21; 
  border-color: #a11d21; 
  outline: none !important;
} 
 
.btn-custom.active.focus,
.btn-custom.active:focus,
.btn-custom.active:hover,
.btn-custom:active.focus,
.btn-custom:active:focus,
.btn-custom:active:hover,
.open .dropdown-toggle.btn-custom.focus,
.open .dropdown-toggle.btn-custom:focus,
.open .dropdown-toggle.btn-custom:hover {
  color: #fff;
  background-color: #a11d21; 
  border-color: #a11d21;
}

.btn-custom.disabled, 
.btn-custom[disabled], 
fieldset[disabled] .btn-custom, 
.btn-custom.disabled:hover, 
.btn-custom[disabled]:hover, 
fieldset[disabled] .btn-custom:hover, 
.btn-custom.disabled:focus, 
.btn-custom[disabled]:focus, 
fieldset[disabled] .btn-custom:focus, 
.btn-custom.disabled:active, 
.btn-custom[disabled]:active, 
fieldset[disabled] .btn-custom:active, 
.btn-custom.disabled.active, 
.btn-custom[disabled].active, 
fieldset[disabled] .btn-custom.active { 
  background-color: #ff6666; 
  border-color: #ff6666; 
}
/* End of custom button */

/* Datatable stylesheet */
.table-striped tbody tr:nth-child(odd) td {
  background-color: #ffffff;
}

.table-striped tbody tr:nth-child(even) td {
  background-color: #f9f9f9;
}

.table-striped tbody tr:hover td {
  background-color: #eeeeee;
}

.table-head-col {
  background-color: #da291c !important;
  color: #fff !important;
}

.table {
  border: 1px solid #ccc;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
   border: 1px solid #ccc;
}

table.table-bordered.dataTable {
  border-collapse: collapse !important;
}

table.dataTable thead th {
  position: relative;
  background-image: none !important;
}

table.dataTable thead th.sorting:after {
  color: #fff;
}

.table-responsive {
   overflow-x: inherit;
}

.dataTables_paginate .active a {
  background-color: #da291c !important;
  color: white !important;
  border-color: #ddd;
}

.dataTables_paginate .active a:hover {
  border-color: #ddd;
}

.dataTables_paginate a {
  color: #da291c !important;
}

.page-item.active .page-link { 
  border-color: #a11d21;
}

.page-link:focus {
  box-shadow: none;
}

.input-sm {
  font-size: 16px;
}
/* End of Datatable stylesheet */

header ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

header ul .header-logo {
  text-align: left;
  padding-top: 10px;
  float: left;
}

header ul .header-slogan {
  float: right;
}

header ul .header-logo .logo2 {
  display: none;
}

.footer-logo {
  text-align: left;
  padding-top: 10px;
}

address {
  text-align: right;
  padding-top: 10px;	
}

.app-name {
  text-align: right;
  text-transform: uppercase;
  font-weight: normal;
  margin-top: 18px;
  font-size: 200%;
}

h2, h3, h4 {
  text-transform: uppercase;
  margin-top: 10px;
  font-weight: bold;
}

.h4, h4 {
    font-size: 1.3rem;
}

.bootstrap-dialog-title {
  font-weight: bold !important;
  font-size: 20px !important;
}

.bootstrap-dialog .bootstrap-dialog-message {
    font-size: 16px !important;
}

.modal-title {
  font-weight: bold !important;
  font-size: 20px !important;
  color: #fff;
}

.modal-content {
  box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
}

.close {
  font-size: 32px;
  line-height: 0.8;
}

address ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

address ul li {
  padding: 4px 0;	
}

.modal.fade .modal-dialog {
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -ms-transform: scale(0.1);
  transform: scale(0.1);
  top: 300px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.modal.fade.show .modal-dialog {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform: translate3d(0, -300px, 0);
  transform: translate3d(0, -300px, 0);
  opacity: 1;
}

.modal-custom {
  max-width: 600px;
}

.modal.show .modal-dialog {
  max-width: 640px;
}

.modal-dialog.modal-lg {
  max-width: 840px !important;
}

.modal-dialog.modal-sm {
  max-width: 1200px !important;
}

/* Tablet/iPads (Portrait and Landscapte) media screen control */
@media only screen and (max-width: 768px) {

address {
  text-align: center;
}

header ul .header-logo .logo1 {
  display: none;
}

header ul .header-logo .logo2 {
  display: block;
}

.footer-logo {
  text-align: center;
  padding-top: 15px;
}

.app-name {
  font-size: 150%;
  margin-top: 22px;
}

#main {
  padding-top: 70px;
}

#searchbox {
  margin-top: 0;
}
	
}

/* Phone (Portrait and Landscapte) media screen control */
@media only screen and (max-width: 480px) {

.app-name {
  font-size: 100%;
  margin-top: 26px;
  font-weight: 500;
}

address ul li {
  padding: 2px 0 0 0; 
}

h2 {
  font-size: 160%;
}

h3 {
  font-size: 140%;	
}

h4 {
  font-size: 120%;	
}
	
}

/* Phone (Portrait and Landscapte) media screen control */
@media only screen and (max-width: 340px) {

.app-name {
  font-size: 80%;
  margin-top: 28px;
  font-weight: 500;
}

address ul li {
  padding: 5px 0 0 0;
  font-size: 12px;
}
	
}

/* Custom styles that override Bootstrap ones */ 
/* a {
  text-decoration: none;
  color: #da291c;
}

a:link {
  text-decoration: none;
  color: #da291c;
}

a:hover {
  text-decoration: none;
  color: #ff6666;
  }

a:active {
  text-decoration: none;
  color: #da291c;
}

a:visited {
  text-decoration: none;
  color: #ff6666;
} */

a {
    outline: none;
}

a:link,a:visited {
    color: #da291c;
	text-decoration: none;
}

a:hover,a:visited:hover,a:active,a.active {
    color: #a11d21;
	text-decoration: underline;
}

.form-control {
  border-color: #cccccc;
  font-weight: normal;
  box-shadow: none;
}

.form-control:hover, .form-control:focus {
  border-color: #a11d21;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-select:hover, .form-select:focus {
  border-color: #a11d21;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-check-input {
  border-color: #cccccc !important;
}

.form-check-input:checked {
    background-color: #da291c;
    border-color: #da291c;
}

.input-group-text {
	border-color: #cccccc !important;
}

/* Option selected highlight styling */
select:focus option {
    background-color: #f7f7f7; /* Highlight color */
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}

.navbar-custom .navbar-nav > li > a {
  font-size: 16px;
}

.line-divider {
  height: 1px;
  background-color: #ffffff;	
}

.ui-widget {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.0em;
}

.capitalize {
  text-transform: capitalize;
}

table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after {
  opacity: .3;
}

table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:after {
  opacity: .9
}

/*hr {
  border-top: 1px solid #999;
}*/

.tooltip-inner {
	text-align: left;
}

.modal-header .btn-close {
	margin: 0;
}
/* End of custom overridden styles */