body, select, input, .btn {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6em;
    /* color: #656565; */
}
.nav-tabs > li > a {
    margin-right: -1px;
    outline: 0;
    font-size: 18px;
    font-weight: 600;
}

a, a:hover, a:focus, a:active, footer a.text-link:hover, strike, .post-meta span a:hover, footer a.text-link, ul.meta-post li a:hover, ul.cat li a:hover, ul.recent li h6 a:hover, ul.portfolio-categ li.active a, ul.portfolio-categ li.active a:hover, ul.portfolio-categ li a:hover, ul.related-post li h4 a:hover, span.highlight, article .post-heading h3 a:hover, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > li > a:hover, .navbar .nav > li > a:focus, .navbar .nav > .active > a:focus, .validation {
    color: #68A4C4;
    font-weight: 800;
}

label {
    font-size: 15px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 800;
    color: #000000;
}

footer {
    background: #8dc63f;
    --body-gradient: linear-gradient(to right, #8dc63f);
    --body-background: #8dc63f;
}

.navbar .nav > li > a {
    color: #262262;
    text-shadow: none;
}

.bootstrap-datetimepicker-widget table td span:hover, .bootstrap-datetimepicker-widget table td i:hover {
    background: #cecece
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #cecece
}
.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: #cecece;
    cursor: pointer
}

.custom-carousel-nav.right:hover, .custom-carousel-nav.left:hover,
.dropdown-menu li:hover,
.dropdown-menu li a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.pagination ul > .active > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span,
.flex-control-nav li a:hover,
.flex-control-nav li a.active {
    background-color: transparent;
}


a.common:link {font-family: arial; font-size: 18px; color: #0000FF;}
a.common:visited {font-family: arial; font-size: 18px; color: #0000FF;}
a.common:hover {font-family: arial; font-size: 18px; color: #0000FF; text-decoration: none}

a.commonsmall:link {font-family: arial; font-size: 18px; color: #0000FF;}
a.commonsmall:visited {font-family: arial; font-size: 18px; color: #0000FF;}
a.commonsmall:hover {font-family: arial; font-size: 18px; color: #0000FF; text-decoration: none}

a.commonwhitesmall:link {font-family: arial; font-size: 18px; color: #ffffFF;}
a.commonwhitesmall:visited {font-family: arial; font-size: 18px; color: #ffffFF;}
a.commonwhitesmall:hover {font-family: arial; font-size: 18px; color: #ffffff; text-decoration: none}

a.commonblacksmall:link {font-family: arial; font-size: 18px; color: #000000;}
a.commonblacksmall:visited {font-family: arial; font-size: 18px; color: #000000;}
a.commonblacksmall:hover {font-family: arial; font-size: 18px; color: #000000; text-decoration: none}

.selected  {font-family: arial; font-size: 18px; font-weight: Normal; BACKGROUND: Green; CURSOR: hand; COLOR: WHITE}
.hover, font.hover {font-family: arial; font-size: 18px; font-weight: Normal; BACKGROUND: red; CURSOR: hand; COLOR: WHITE}
.nohover, font.nohover {font-family: arial; font-size: 18px; font-weight: Normal; BACKGROUND: white; CURSOR: hand; COLOR: BLACK}
.hoverhand, font.hoverhand {font-family: arial; font-size: 18px; font-weight: Normal; BACKGROUND: white; CURSOR: hand;  COLOR: BLACK}

font.common,SPAN.common, .common
{
	font-family: arial;
	font-size: 18px;
	font-weight: Normal;
	color: #000000;
}

font.commonsmall, select.commonsmall, .commonsmall
{
	font-family: arial;
	font-size: 18px;
	font-weight: Normal;
	color: #000000;
}

font.commonwhitesmall, .commonwhitesmall
{
	font-family: arial;
	font-size: 18px;
	font-weight: Normal;
	color: #ffffff;
}


font.commonwhite,t.commonwhite, .commonwhite
{
	font-family: arial;
	font-size: 18px;
	font-weight: Normal;
	color: #ffffff;
}

font.commonwhitebold
{
	font-family: arial;
	font-size: 18px;
	font-weight: Bold;
	color: #ffffff;
}


.navtitle  {font-weight: bold; color: #262262; }
a.active  {background: #262262; }
.headertitle  {font-weight: bold; color: white; }

.btn-primary {
    color: white;
    /*background-color: #262262;*/
    background-color: #262262;
    border-color: #000000;
}

.btn-primary:hover {
  color: #ffff00;
  background-color: #8DC63F;
  border-color: #000000;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #ffff00;
  background-color: #262262;                                                                                      
  border-color: #005cbf;
}

.dropdown-item.active, .dropdown-item:active {
  color: #262262;
  text-decoration: none;
  background-color: #cecece;
}

.bg-primary {
  color: white !important;
  background-color: #262262 !important;
}


a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: white !important;
}
#FilterTripsModal .modal-footer {  
  justify-content: space-between;  
}
#selectBatchUpdateFields .modal-footer {  
  justify-content: space-between;  
}
#EditTripModal .modal-footer {  
  justify-content: space-between;  
}
#EditReceiptModal .modal-footer {  
  justify-content: space-between;  
}
#EditEntryModal .modal-footer {  
  justify-content: space-between;  
}
#VehicleSafetyCheckListModal .modal-footer {  
  justify-content: space-between;  
}
#selectBatchUpdateFieldsTitle .modal-footer {  
  justify-content: space-between;  
}
#BatchUpdateListModal .modal-footer {  
  justify-content: space-between;  
}
#ExistingItemsModal .modal-footer {  
  justify-content: space-between;  
}
#EditListModal .modal-footer {
    justify-content: space-between;
}


.bd-footer{
    font-size:85%;
    text-align:center;
    background-color:#262262
}

.bd-footer a{
    font-weight:500;
    color:white;
}

.bd-footer a:focus,.bd-footer a:hover{
    color:white;
}

.bd-footer p{
    margin-bottom:0
}

@media (min-width:576px)
{
    .bd-footer{text-align:left}
}

.bd-footer-links{
    padding-left:0;
    margin-bottom:1rem
}

.bd-footer-links li{
    display:inline-block
}

.bd-footer-links li+li{
    margin-left:1rem
}

.text-footer {
  color: white !important;
}

.GridPager a,
.GridPager span {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.GridPager a {
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
}

.GridPager span {

    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
    border: 1px solid #3AC0F2;
}

.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
 
.pagination-ys table > tbody > tr > td {
    display: inline;
}
 
.pagination-ys table > tbody > tr > td > a,
.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #dd4814;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}
 
.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;    
    margin-left: -1px;
    z-index: 2;
    color: #aea79f;
    background-color: #f5f5f5;
    border-color: #dddddd;
    cursor: default;
}
 
.pagination-ys table > tbody > tr > td:first-child > a,
.pagination-ys table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
 
.pagination-ys table > tbody > tr > td:last-child > a,
.pagination-ys table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
 
.pagination-ys table > tbody > tr > td > a:hover,
.pagination-ys table > tbody > tr > td > span:hover,
.pagination-ys table > tbody > tr > td > a:focus,
.pagination-ys table > tbody > tr > td > span:focus {
    color: #97310e;
    background-color: #eeeeee;
    border-color: #dddddd;
}
#CostPerMileModal .modal-footer {
    justify-content: space-between;
}
#DateTimeFormatModal .modal-footer {
    justify-content: space-between;
}
#EnabledReportModal .modal-footer {
    justify-content: space-between;
}
#GroupByModal .modal-footer {
    justify-content: space-between;
}
#OdometerUnitModal .modal-footer {
    justify-content: space-between;
}
#RememberLastModal .modal-footer {
    justify-content: space-between;
}
#VehicleChecklistSetupModal .modal-footer {
    justify-content: space-between;
}
#ShowHideFieldsModal .modal-footer {
    justify-content: space-between;
}
#ExportOptionsModal .modal-footer {
    justify-content: space-between;
}
#MissingDataModal .modal-footer {
    justify-content: space-between;
}
#AssistantModal .modal-footer {
    justify-content: space-between;
}
#FilterPageModal .modal-footer {
    justify-content: space-between;
}
#EditListModal .modal-footer {
    justify-content: space-between;
}
#SelectedDriversModal .modal-footer {
    justify-content: space-between;
}
#DateFormatModal .modal-footer {
    justify-content: space-between;
}
#TimeFormatModal .modal-footer {
    justify-content: space-between;
}
#AccountSummaryModal .modal-footer {
    justify-content: space-between;
}
#TimeszonModal .modal-footer {
    justify-content: space-between;
}


@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        opacity: 1;
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        opacity: 1;
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}