﻿@charset "utf-8";
/* CSS Document */


a {
	color: #bbb634;
}

h2 {
	color: #bbb634;
}
h6 {
    color: #bbb634;
}
#mainNavContainer {
	background-color:#bbb634;
}
#mainNavContainer2 {
	background-color:#bbb634;
}

.slide h1, .slide p {
	background: rgb(187, 187, 52); 
	background: rgba(187, 187, 52, .75);
}
.slide-menu {
  background: #bbb634;
}

#footer_bar {
	background-color: #bbb634;
}

.tooltip-menu {
    background: #bbb634;
}
.tooltip-submenu > li > a {
    color: #bbb634;
}


.icon-badge {
    background-image: url(../img/icon_badge_ctc.png);
}
.icon-badge {
    background-image: url(../img/icon_barrier_ctc.png);
}
.icon-chainlink {
    background-image: url(../img/icon_chainlink_ctc.png);
}
.icon-clipboard {
    background-image: url(../img/icon_clipboard_ctc.png);
}
.icon-hazard-1 {
    background-image: url(../img/icon_hazard_1_ctc.png);
}
.icon-hazard-2 {
    background-image: url(../img/icon_hazard_2_ctc.png);
}
.icon-headset {
    background-image: url(../img/icon_headset_ctc.png);
}
.icon-key {
    background-image: url(../img/icon_key_ctc.png);
}
.icon-lock {
    background-image: url(../img/icon_lock_ctc.png);
}
.icon-pallet {
    background-image: url(../img/icon_pallet_ctc.png);
}
.icon-pen {
    background-image: url(../img/icon_pen_ctc.png);
}
.icon-person {
    background-image: url(../img/icon_person_ctc.png);
}
.icon-phone {
    background-image: url(../img/icon_phone_ctc.png);
}
.icon-pylon {
    background-image: url(../img/icon_pylon_ctc.png);
}
.icon-satellite {
    background-image: url(../img/icon_satellite_ctc.png);
}
.icon-steering-wheel {
    background-image: url(../img/icon_steering_wheel_ctc.png);
}
.icon-stoplight {
    background-image: url(../img/icon_stoplight_ctc.png);
}
.icon-truck {
    background-image: url(../img/icon_truck_ctc.png);
}
.icon-leaf {
    background-image: url(../img/icon_leaf_ctc.png);
}
.icon-fuel {
    background-image: url(../img/icon_fuel_ctc.png);
}



/* Fluid rows */
/* No overrides here
.row-style-white  h1, .row-style-white h2, .row-style-white h3, .row-style-white h4, .row-style-white h5, .row-style-white h6 {color: #568644;}
.row-style-light  h1, .row-style-light h2, .row-style-light h3, .row-style-light h4, .row-style-light h5, .row-style-light h6 {color: #7ABC60;}
.row-style-medium  h1, .row-style-medium h2, .row-style-medium h3, .row-style-medium h4, .row-style-medium h5, .row-style-medium h6 {color: #568644;}
.row-style-dark h1, .row-style-dark h2, .row-style-dark h3, .row-style-dark h4, .row-style-dark h5, .row-style-dark h6 {color: #fff;}
.row-style-dark a {color: #7ABC60;}
*/


/* This is the main menu button styles */

.main > section button {
	background: #E5E96D;
	color: #6E6C5D;
}

.main > section button:hover {
	background: #E5E96D;
}

.main > section button.active {
	background: #E5E96D;
}

.tooltip-menu {
	background: #bbb634;
}

li.tooltip-show > a,
.no-touch .tooltip-menu > li > a:hover,
.no-touch .tooltip-menu > li > a:active {
	background: #E5E96D;
}
.tooltip-submenu > li > a {
	color: #bbb634;
	border-color: #F5F5F5;
	background: #F5F5F5;
}


.no-touch .tooltip-submenu > li > a:hover,
.no-touch .tooltip-submenu > li > a:active {
	color: #666;
	background: #CCC;

}

li.tooltip-show > a,
.no-touch .tooltip-menu > li > a:hover,
.no-touch .tooltip-menu > li > a:active {
	background: #E5E96D	;
}
.flex-control-paging li a.flex-active {
    background: #bbb634;
    background: rgba(255, 102, 0, .75);
}

#ripForgotPasswordWizard ol li {
    color:#bbb634;
}
#ripForgotPasswordWizard ol li.active {
    border:solid 1px #bbb634;
	background-color:#bbb634;
    color:#fff;
}

/*--------------------------------Menu Text Hover Color-------------------------------- */

.no-touch .tooltip-menu > li > a:hover,
.no-touch .tooltip-menu > li > a:active {
	color: #6E6C5D;
}

/* -------------------- the icons (main level menu icon and sublevel icons) */
.tooltip-submenu li a:before,
.tooltip-menu > li > a:before {
	color:#B93234;
}




/* grid highlights */
table.activeTracGrid tbody tr:hover 
{
	background: #FFBB8E;   
}
table.activeTracGrid thead
{
	background-color: #bbb634;
}
.fa {
color:#FFBB8E;
}

#shipmentlookupButton {
background-color:#bbb634;
}

#shipmentlookupButton:hover {
  background-color:#E5E96D;
}

