body {
padding-top:34px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:medium;
padding-left: 20px;
}
.btn-group-xs > .btn, .btn-xs {
font-weight: bold;
padding: .25rem .4rem;
font-size: .875rem;
line-height: .5;
border-radius: .2rem;
}
.dl-horizontal dt {
float:left;
white-space: normal;
width: 140px; 
clear:left;
}
.dl-horizontal dd {
margin-left:160px;
}
input,
select,
textarea {
max-width: 280px;
}
.table-striped tbody tr:nth-child(odd) td {
background-color: #FFFFE0;
}
.table-striped tbody tr.focus td {
background-color: #e0f6ff;
}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover {
background-color: #E0FFFF;
cursor: pointer;
}
.table-striped>tbody>tr:first-child>th {
background-color: #E5E4E2;
}
div.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
text-align: center;
border-radius: 10px;
padding: 15px; 
}
.div_top {
background-color: white;
text-align: center; 
}
br.padding {
content: " ";
display:block;
margin: 3px 0;
line-height:3px;
}
br.paddingsix {
content: " ";
display:block;
margin: 6px 0;
line-height:6px;
}
img.center {
display: block;
margin: 0 auto;
}
.blkicon {
    color: black;
}
.blueColor {
color: blue;
}
.navbarinline
{ 
display:inline;
margin:0;
padding:0;
}
th
{
text-align: center;
}
td.ctr {
text-align: center;
}
.cardspace {
margin-bottom: 25px;
margin-left: 1px;  
margin-right: 50px;
}
.cardspaceMobile {
margin-bottom: 18px;
margin-left: 10px;  
margin-right: 10px;
}
.orange-background {
background-color: #F28C28;
}
.orange-background:hover {
background-color: hsl(24, 100%, 48%);
}
.orange-background2 {
background-color: hsl(24, 100%, 48%);
}
.orange-background3 {
background-color: #d93e00;
}
.orange-background3:hover {
background-color: orangered;
}
.orange-background2:hover {
background-color: orangered;
}
.blueprimary-background {
background-color: hsl(207, 100%, 47%)
}
.blueprimary-background:hover {
background-color: hsl(207, 100%, 42.3%);
}
.blueprimary-background2 {
background-color: #337AB7;
}
.blueprimary-background2:hover {
background-color: #286090;
}
#mytable td
{
border:1px solid lightgray;
}
.caps {
display:block;
margin: 0 auto;
}
.imgContainer{
display:inline-block;
margin: 15px;
}
a.anchor {
display: block;
position: relative;
top: -60px;
visibility: hidden;
}
@media (min-width: 1500px) {
.container{
width: 1500px;
}
}
.table-fixed thead th {
position: sticky;
position: -webkit-sticky;
top: 50px;
z-index: 999;
background-color: #E5E4E2;
color: #000000;
padding: 2px 2px 2px 2px;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
height: 100px;
width: 100px;
outline: black;
background-size: 100%, 100%;
border-radius: 50%;
background-image: none;
}
.carousel-control-next-icon:after {
content: '>';
font-size: 25px;
color: #337AB7;
}
.carousel-control-prev-icon:after {
content: '<';
font-size: 25px;
color: #337AB7;
}
a {
color: hsl(210, 70%, 50%);
text-decoration: none;
}
a:hover {
color: hsl(210, 70%, 30%);
}
.bluelink {
color: #0042a9;
text-decoration: none;
}
.bluelink:hover {
color: hsl(220, 70%, 50%);
}
.custom-margin {
margin-top: -6px;
margin-bottom: -6px;
}
.custom-alert:hover {
border-color: hsl(210, 70%, 50%);
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.98)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
select {
-webkit-appearance: listbox !important;
}
.bold-label {
font-weight: bold;
}
.larger-checkbox {
width: 2em;
height: 2em;
border: 1px solid #337AB7;
}
.blue-border {
border: 1px solid #337AB7;
}
.pagination > li {
margin-right: 5px;
}
.bluecolor {
color: hsl(210, 70%, 50%);
}
.bluecolor:hover {
color: hsl(210, 70%, 50%);
}
@media (min-width: 1000px) {
.custom-container {
margin-left: 20px;
}
}
.titletxt {
font-weight: bold;
font-size: larger;
}
.carouselimg {
margin: 0 auto;
border: 3px solid;
border-color: #428bca;
width: 100%;
height: 100%;
}
.logo {
font-weight: bold;
font-size: larger;
color: #286090;
font-family: Arial Black, Helvetica, Arial, sans-serif;
font-weight: bold;
margin-left: 5px;
margin-top: 2px;
margin-bottom: 0px;
}
.fixed-width-btn {
min-width: 250px;
text-align: left;
white-space: normal;
}
.fixed-width-btn2 {
min-width: 300px;
text-align: left;
white-space: normal;
}
.btn-tall {
font-size: 1.1rem;
}
.btn-outer-padding {
margin-top: 3px !important;
margin-bottom: 3px !important;
}
.btn-wide {
min-width: 450px;
}