/******************************************************************************
 *  Jaguar Theming
 *
 *	Overrides/extends: foundation-overrides.css
 *
 ******************************************************************************/


/* Global Reset & Standards -------------------------------------------- */
body { background-color: #f5f5f5 }

/* Base Type Styles -------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { font-size: 12px; }
p { font-size: 12px; line-height: 1.5; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; font-weight: 400;}
h1, h2 { color: #474747; font-family: "jaguarregular", Arial, Helvetica, sans-serif; font-weight: normal;text-transform: uppercase; }
.panel h2, h3, h4, h5, h6 { color: #474747; font-family: "Proxima Nova", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: 600; letter-spacing: 1px; }

h1 { font-size: 23px; line-height: 22px; font-weight: bold; color: #474747; }
h2 { font-size: 19px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { text-transform: uppercase; }
h5.small{ font-size: 11px; }

/* Links -------------------------------------------- */

a { color: #232323;}
a:hover, a:focus { color: #CCCED0; }


/* Standard Forms -------------------------------------------- */

label { color: #474747; font-size: 13px; font-family: "Proxima Nova", Arial, Helvetica, sans-serif;font-weight: bold; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
    color: #474747;
    height: 40px;
    font-family: "Proxima Nova", Arial, Helvetica, sans-serif;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus { background: #fff; }

.error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {
    outline-color: #f5797c;
}


/* Normal Buttons -------------------------------------------- */

.button {
    background: #9e1b32;
    color: #ffffff;
    font-family: "Proxima Nova", "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    padding: 10px 20px;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    -webkit-transition: none;
       -moz-transition: none;
         -o-transition: none;
            transition: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
            border-radius: 0;
    border: none;

}
.button:hover,
.button.next:hover,
.button.prev:hover,
.button:focus { background-color: #352c2c; }
.button.disabled,
.button.disabled:hover,
.button[disabled],
.button[disabled]:hover { background-color: #d5dae1; color: #555555; }

.button.small { font-size: 12px; padding: 14px 20px; }
/* Correct FF button padding */
@-moz-document url-prefix() {
	input[type="submit"].button.small { padding: 14px 20px }
	input[type="submit"].button.tiny { padding: 14px 20px }
}


/* Nav bar -------------------------------------------- */
.nav-bar > li { background-color: #d6d6d6; line-height: 38px;}
.nav-bar > li.active { background-color: #9e1b32; }
.nav-bar > li.active > a,
.nav-bar > li > a {
    color: #000;
    font-family: "Proxima Nova", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: 500; font-size: 12px; text-transform: uppercase; letter-spacing: 1px
}
.nav-bar > li.active > a,
.nav-bar > li:hover a { color: #fff }
.nav-bar > li.active:hover { background: #352c2c;}
.nav-bar > li:hover { background: #9e1b32; }
.nav-bar.vertical > li { line-height: 45px; }


/* Alerts -------------------------------------------- */
div.alert-box {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
div.alert-box.alert { background-color: #fff; border: 1px solid #e90129; }
div.alert-box.secondary { background-color: #fff; border: 1px solid #6d9ad5; }
div.alert-box.success { background-color: #fff; border: 1px solid #6d9ad5; }


/* Panels -------------------------------------------- */
.panel { background: #fff; border: solid 1px #d2d2d2; padding: 20px; }
.panel.data-box h3 { font-weight: 500; }

/* Accordion -------------------------------------------- */

ul.accordion > li.active { border-top: 1px solid #e9e9e9; }
ul.accordion > li > div.title:after { color: #9e1b32; }


/* Tables -------------------------------------------- */
table thead tr th, table tbody tr td { color: #352c2c; font-size: 12px; }

/* datepicker */
.icon-chevron-left { background: url('../../jaguar/images/datepicker-arrows.png') -18px -18px no-repeat; }
.icon-chevron-right { background: url('../../jaguar/images/datepicker-arrows.png') -18px -2px no-repeat; }

.datepicker td.active.day, .datepicker th.active.day, .datepicker td span.active, .datepicker th span.active {
    border-color: #9e1b32;
}

/* <nav> -------------------------------------------- */
.top-bar {
    background-color: #171717;
    border-top: 1px solid #2c2d2d;
    margin: 0;
}
.top-bar ul,
.top-bar ul.left {
    margin: 0;
}
.top-bar ul > li a:not(.button) {
    color: #fff;
    font-size: 11px;
    letter-spacing: 2px;
    font-family: "Proxima Nova", "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}
.top-bar ul.left > li a { color: #fff; }
.top-bar ul > li:not(.name):hover a,
.top-bar ul > li:not(.name):focus a { background-color: #303030; color: #fff; }
.top-bar ul > li:not(.name).active,
.top-bar ul > li.active,
.top-bar ul > li:not(.name).active a,
.top-bar ul > li:not(.name).active:hover a { background:#303030; color: #fff; }
.top-bar ul > li.has-dropdown > a:after { border-color: transparent transparent transparent transparent; }
.top-bar ul > li.has-dropdown .dropdown { background: #fff; border: 1px solid #c3c3c3; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; box-shadow: 0 0 7px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 7px rgba(0,0,0,.3); -moz-box-shadow: 0 0 7px rgba(0,0,0,.3); }
.top-bar ul > li.has-dropdown .dropdown li { background: #fff; }
.top-bar ul > li.has-dropdown .dropdown li.active a,
.top-bar ul > li.has-dropdown .dropdown li.active a:hover { background: #e5e5e5; color: #000; }
.top-bar ul > li.has-dropdown .dropdown li a { background: #fff; color: #333; border-radius: 0 !important; }
.top-bar ul > li.has-dropdown .dropdown li a:hover { background: #bcbec0; color: #333; }
/* Icons next to dropdown menu items*/
.top-bar ul > li.has-dropdown .dropdown li a:after { color: #9e1b32; }
/* IE8 Fixes */
.lt-ie9 .top-bar section ul > li a { color:#333;font-size: 11px;font-family: sans-serif;text-transform: uppercase;}
.lt-ie9 .top-bar section ul > li.active { background:#6d9ad5; color: #fff;}
.lt-ie9 .top-bar section ul > li.active a, .lt-ie9 .top-bar section ul > li.active a:hover { color: #fff;}
.lt-ie9 .top-bar section > ul > li a:hover,
.lt-ie9 .top-bar section > ul > li a:focus,
.lt-ie9 .top-bar section ul li a:hover { color: #6d9ad5; } /* For right side menu */

.top-bar ul > li.current-vehicle { font-weight: 500; font-family: "Proxima Nova", "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: 1px; }



/* --------------------------------------------------- *
 *  Tablet styling
 * --------------------------------------------------- */
@media only screen and/*!*/(max-width:1002px) {
	/* Nav bar -------------------------------------------- */

	.nav-bar.vertical li.active:after { font-family: 'FontAwesome', sans-serif; content: "\f0c9"; text-indent: 0; color: #fff; text-align: center; line-height: 24px; font-size: 14px; }

	/* Normal Buttons -------------------------------------------- */

	.button.small, input[type="submit"].button.small { padding-left: 14px; padding-right: 14px; }
	/* Correct FF button padding */
	@-moz-document url-prefix() {
		input[type="submit"].button.small {	padding-left: 14px; padding-right: 14px; }
	}
}


/* --------------------------------------------------- *
 *  Smartphone styling
 * --------------------------------------------------- */

@media only screen and/*!*/(max-width:767px) {

    /* Base Type Styles -------------------------------------------- */
    h1 { font-size: 24px; line-height: 24px; }
    h2 { font-size: 16px; }
    h5.small{ font-size: 10px; }

	/* Normal Buttons -------------------------------------------- */

	.button.small, input[type="submit"].button.small { padding-left: 14px; padding-right: 14px; }
	/* Correct FF button padding */
	@-moz-document url-prefix() {
		input[type="submit"].button.small {	padding-left: 14px; padding-right: 14px; }
	}
}

/* --------------------------------------------------- *
 *  Small Smartphone styling
 * --------------------------------------------------- */

@media only screen and/*!*/(max-width:480px) {

    /* Base Type Styles -------------------------------------------- */
    h1 { font-size: 24px; line-height: 24px; }
    h2 { font-size: 16px; }
    h5.small{ font-size: 10px; }

    /* Normal Buttons -------------------------------------------- */

    .button.small, input[type="submit"].button.small { padding-left: 14px; padding-right: 14px; width:100%; }
    /* Correct FF button padding */
    @-moz-document url-prefix() {
        input[type="submit"].button.small {	padding-left: 14px; padding-right: 14px; width:100%; }
    }
}

/* --------------------------------------------------- *
 *  Print styling
 * --------------------------------------------------- */

@media print {
	h1, h2, h3 { font-family: Arial, sans-serif; }
}

.select2-container {
    font-size: 14px !important;
}