﻿
.removepadding {
    padding: 0px !important;
}

.removeleftpadding {
    padding-left: 0px !important;
}
.removemargin {
    margin: 0px !important;
}
.removeleftmargin {
    margin-left: 0px !important;
}

.margin_5 {
    margin: 5px;
}
.margintop5 {
    margin-top: 5px;   
}
.margintop10 {
    margin-top: 10px;   
}
.margintop15 {
    margin-top: 15px;   
}
.margintop25 {
    margin-top: 25px;   
}
.margintop30 {
    margin-top: 30px;   
}
.marginbottom15 {
    margin-bottom: 15px;   
}
.margin_bottom_10 {
    margin-bottom: 10px !important;
}
.marginleft25 {
    margin-left: 25px;
}

.margin_left_15 {
    margin-left: 15px;
}
.marginleft30 {
    margin-left: 30px;
}

.margin_left_1 {
    margin-left: 1px;
}

.normalcontainer
{
    padding: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.padding15 {
    padding: 15px;
}

.padding10 {
    padding: 10px;
}

.padding_left_30 {
    padding-left: 30px;
}

.padding_right_30 {
    padding-right: 30px;
}

.padding_left_15 {
    padding-left: 15px;
}

.text-align-left {
    text-align: left !important;
}

.box-border-radious
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.margin_top_50 {
    margin-top: 50px;
}
.margin_bottom_50 {
    margin-bottom: 50px;
}

.gray-info {
	color: #888;
}

.gray-info-link {
	text-decoration: underline;
	color: #888;
}
.gray-info-link:hover,
.gray-info-link:focus {
	text-decoration: underline;
	color: #666;
}

.fullwidth {
    width: 100%;
}
.brands
{
    color: #313437;
    background-color: #fff;
}
.brands a {
    text-align: center;
    display: inline-block;
    margin: 10px 20px;
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 20px;
    vertical-align: middle;
}
.panel-primary > .panel-heading
{
    color: #fff;
    background-color: #59B2E0;
    border-color: #59B2E0;
}

.redstar {
    color: red;
}

.container-fluid
{
    padding-right: 10px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
}


.pagesubheading
{
    padding: 5px;
    font-weight: 700;
    height: 30;
    color: #fff;
    background-color: #59B2E0;
    border-color: #59B2E0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-top: 10px;
}

/* grid style*/
#onestopgrid th {
    /*background-color: #999999 !important;
    color: white  !important;
    font-weight: normal  !important;*/

     background-color: #999999 !important;
    color: #2751a4  !important;
    font-weight: normal  !important;
}

#onestopgrid td{
    
}

#onestopgrid td a{
    
}

/* tabs style */
#onestoptabs .tab-content
{
    padding: 5px 15px;
    -moz-border-radius: 0 3px 3px 3px;
    -webkit-border-radius: 0 3px 3px 3px;
    border-radius: 0 3px 3px 3px;
    border: 1px solid #E6E6E6;
}

#onestoptabs .nav-pills > li
{
    background-color: #F2F2F2;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

#onestoptabs .nav-pills > li > a
{
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

#onestoptabs .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    background-color: #999999;
}


/* onestop pager */
#onestoppager span {
    border: 0;
    font-weight: bold;
}

#onestoppager input[type="text"]
{
    width: 40px;
    text-align: center;
    -moz-border-radius: 20%;
    -webkit-border-radius: 20%;
    border-radius: 20%;
}

button , input[type="button"], input[type="submit"] { 
   border-radius:3px !important;
   background-color: #2751a4 !important;
   color:white;
}


#onestoppager  input[type="submit"] {
    background-color: #212944 !important;
    color: white !important;
}

/* override */

#myNavbar {
background-color :#2751a4 !important;
}


.panel-primary .panel-heading {
   background-color:#D3D3D3 !important;
   border-color:darkgrey !important;
}

.navbar-brand {
color:white !important;
}

table th {
    background-color:#2751a4 !important;    
    color:white !important;
}

#onestopgrid th {
    background-color:#2751a4 !important;    
    color:white !important;    
}

#onestopgrid table {
    font-size:14px !important;
    font-weight:normal !important;
    color: #000 !important;
}

.panel-primary {
border-color:darkgrey !important;
}

#bs-example-navbar-collapse-1 ul > li > a{
    color:white !important;
    font-size:14px !important;  
    font-weight:bold !important;
}



@font-face {
    font-family: 'proxima_nova_ltsemibold';
    src: url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.eot');
    src: url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.woff2') format('woff2'),
         url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.woff') format('woff'),
         url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.ttf') format('truetype'),
         url('../fonts/Mark Simonson - Proxima Nova Semibold-webfont.svg#proxima_nova_ltsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.eot');
    src: url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.eot?#iefix') format('embedded-opentype'),         
         url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.woff') format('woff'),
         url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.ttf') format('truetype'),
         url('../fonts/Mark Simonson - Proxima Nova Alt Regular-webfont.svg#proxima_nova_altregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    font-family:'Proxima Nova', Arial !important;   
    font-style: normal !important;
    font-size: 14px !important;
    color: #000 !important;
    font-weight:normal !important;
}

h1, h2, h3, h4, h5 {
    font-family:'proxima_nova_ltsemibold', Arial !important; 
    color:#000 !important;
    font-weight:bold !important;
    font-size: 22px !important;      
}

#bs-example-navbar-collapse-1 .dropdown-menu li > a {
color:#2751a4 !important;
font-weight:bold !important;
}


#bs-example-navbar-collapse-1 ul > li > a:hover, #bs-example-navbar-collapse-1 ul > li > a:focus{
    color:#2E9EDB !important;
    font-size:14px !important;  
    background-color:white !important;
}

.dropdown-menu > li > a:focus {
background-color:white !important;
color:#2E9EDB !important;
 }

#bs-example-navbar-collapse-1 .dropdown-menu > li > a:hover {
background-color:#2751a4 !important;
color:white !important;
 }

#onestoplogo {
    display: inline-block !important;
    vertical-align: middle !important;
    width: 80px !important;
    height: 80px !important;

}

/* styles added from the Web app to support same look and feel for the Web Admin. errror page */
.error-page {
    font: 12px 'Trebuchet MS', Arial, sans-serif;
    color: #333;
    margin: auto;
    width: 50%;
}

.error-page .heading1_black {
    font-size: 24px;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-weight: bold;
    margin: 6px 0 6px 0;
}




