﻿* {
    font: 15px / 1.466 "montserratregular", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html, form {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

body {
    height: 100%;
    width: 100%;
    font-size: 12px;
    margin: 0;
    padding: 0;
    color: #343434;
    overflow-y: scroll;
}

body { /* from cava-robotics */
	color: #38454a;
	background: #fff;
	font: 15px / 1.466 "montserratregular", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

div, table {
    margin: 0px;
    padding: 0px;
}

ul {
    padding-left: 25px;
    margin: 0px;
}

sup {
    font-size: 9px;
}

.bg-shadow {
    -webkit-box-shadow: 2px 2px 6px 1px rgba(158, 156, 158, 0.58);
    -moz-box-shadow: 2px 2px 6px 1px rgba(158, 156, 158, 0.58);
    box-shadow: 2px 2px 6px 1px rgba(158, 156, 158, 0.58);
}

.text-decoration-none {
    text-decoration: none !important;
}

/************************
    NAV
*/

#NavMenu li > a {
    padding: 8px 15px;
}

#NavbarMain {
    min-height: 30px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0;
}

.navbar.navbar-cava {
    background-color: #123d0b;
    border-color: #062f05;
    border:0 none;
}

.navbar-cava-tools {
    background-color: #5FA054;
}

.navbar-cava-ask {
    background-color: #5FA054;
}

.navbar.navbar-cava .navbar-nav>li>a,
.navbar.navbar-cava-site .navbar-nav>li>a {
    color:#e6fee3;
    border:0 none;
    padding-left:10px;
    padding-right:10px;
}

.navbar.navbar-cava .navbar-nav>.active>a, 
.navbar.navbar-cava .navbar-nav>.active>a:focus, 
.navbar.navbar-cava .navbar-nav>.active>a:hover {
    color: #062f05;
    background-color: #DAF2C5;
}

.navbar.navbar-cava .navbar-nav>.open>a, 
.navbar.navbar-cava .navbar-nav>.open>a:focus, 
.navbar.navbar-cava .navbar-nav>.open>a:hover {
    color: #062f05;
    background-color: #DAF2C5;
}

/**********************

    SITE HEADER
*/

.site-header {
    width: 100%;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.2);
    border: 1px solid #ffffff;

    /* below from cava-robotics.com */
    background: white;
    background: -webkit-linear-gradient(left, white 0%, #f0f4f6 100%);
    background: linear-gradient(to right, white 0%, #f0f4f6 100%);
}

    .site-header .sub-header {
        float: left;
        padding: 8px;
        color: #3d474f;
        text-shadow: 0 0 14px rgba(255,255,255,0.7);
    }
.copyright {
    color: #fff;
    font-size: 12px;
}

/* new as of 11/4/2014 - added for multi-model link container */

.model-link-container {
    white-space:nowrap;
}

/************* SPECIFIC ELEMENTS ******************/

#ulLanguageContainer {
    min-width:71px;
}

/*****************************

    COIN SLIDER
*/

/* coin slider custom styles */

.cs-buttons a {
    border-radius: 50%;
    background: #CCC;
    background: -webkit-linear-gradient(top,  #CCCCCC, #F3F3F3); /* webkit browsers */
    background:    -moz-linear-gradient(top,  #CCCCCC, #F3F3F3); /* firefox 3.6+ */
    background:      -o-linear-gradient(top,  #CCCCCC, #F3F3F3); /* opera */
    background:     -ms-linear-gradient(top,  #CCCCCC, #F3F3F3); /* IE10 */
    background:         linear-gradient(top,  #CCCCCC, #F3F3F3); /* css3 */      
}
a.cs-active {
    background: #599BDC;
    background: -webkit-linear-gradient(top,  #599BDC, #3072B3); /* webkit browsers */
    background:    -moz-linear-gradient(top,  #599BDC, #3072B3); /* firefox 3.6+ */
    background:      -o-linear-gradient(top,  #599BDC, #3072B3); /* opera */
    background:     -ms-linear-gradient(top,  #599BDC, #3072B3); /* IE10 */
    background:         linear-gradient(top,  #599BDC, #3072B3); /* css3 */  
    border-radius: 50%;    
    box-shadow: 0 0 3px #518CC6;   
    border: 1px solid #3072B3 !important;     
}

span.bullet:before { content: '\2022'; }

/*******************************
    DEFAULT TOP LEVEL ELEMENTS
*/

.header-default {
    padding: 0 0 16px 0;
    background: rgba(255, 255, 255, .8);
    width: 100%;
}

/** headers ***/

h1, .h1, h2, .h2, h3, .h3 {

    font-family: "fjalla_oneregular", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: bold;
    margin: 0 0 .5em;
    color: inherit;
    line-height: 1;
}

h4, .h4 {
	font: 16px / 1.5 "montserratregular", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: bold;
	margin-top: 20px;
}

/*********** MISC STYLES *****************/

.pad-lr-md {
    padding-left:10px;
    padding-right:10px;
}

.pad-xs {
    padding: 3px !important;
}

.pad-sm {
    padding: 5px !important;
}

.pad-md {
    padding:10px !important;
}

.pad-lg {
    padding:20px !important;
}

.margin-l-sm {
    margin-left:3px;
}

.margin-l-lg {
    margin-left:20px;
}

.margin-b-sm {
    margin-bottom:3px;
}

.margin-b-md {
    margin-bottom:6px;
}

.margin-none {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}

.text-center {
    text-align:center;
}

table.table-input-adm {
    margin-left:auto;
    margin-right:auto;
}

table.table-input-adm td {
    padding:3px 15px;
}


.pad-none {
    padding:0 !important;
}

.table-hover tr {
    cursor:pointer;
}

/************************
    CALLOUT
*/

.bs-callout {
    padding: 10px;
    border-left: 1px solid #eee;
    border-left-width: 5px;
    border-bottom: 1px solid #eee;
    border-radius: 3px;
    margin-bottom:10px;
}

.bs-callout-info {
    border-left-color: #1b809e;
}

.bs-callout-info h4 {
    color: #1b809e;
}

.bs-callout-warning {
    border-left-color: #aa6708;
}

.bs-callout-warning h4 {
    color: #aa6708;
}

/****************** FONT SIZES **********************/

.font-md { 
    font-size: 13px !important;
}

/************************** FORM **********************/


#footer {
    background: #222 !important;
    color: #f0f6f9 !important;
}

    #footer a {
        color: white !important;
    }