/* contains things that overide bootastrap */
body { font-family: 'Lato', sans-serif; padding-top:70px;background:#fff;}
h1, h2, h3, h4, h5, h6 {font-family: 'Lato', sans-serif;}
.top-logo {margin:10px;max-height:50px; width:auto;}
.margin-top-30 {margin-top:30px !important;}
.margin-top-0 {margin-top:0px !important;}
.sub-header { padding-bottom: 10px; border-bottom: 1px solid #eee;}
.navbar-fixed-top {  border: 0;}
.sidebar {  display: none;}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}
/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}

.main {
  padding: 20px;
}
.form-horizontal .radio, .form-horizontal .checkbox {min-height: 21px;}
@media (min-width: 768px) {
  .main {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.main .page-header {
  margin-top: 0;
}
.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}
.footer {  
  background-color: #101010;
  color:#fff;
  text-align:right;
  padding:20px 0;
}
.footer p {margin:0;}
.tab-content {padding-top:20px;}
.red-font {color:#d01426;}
.yellow-font {color:#fdca00;}
.green-font {color:#8ae384;}
.nav-sidebar > li > a {text-transform:uppercase;color:#101010;}
.nav-tabs > li > a {color:#808080;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background:#eee;}

table.dataTable thead .sorting:after { 
    font-family: 'FontAwesome'; 
    content: "\f0dc";  
    float: left;  
    margin-right:5px;  
    font-size:18px;
    font-weight:normal !important;   
}
table.dataTable thead .sorting_asc:after { 
    font-family: 'FontAwesome'; 
    content: "\f0de"; 
    float: left;  
    margin-right:5px; 
    font-size:18px;
    font-weight:normal !important;   
}
table.dataTable thead .sorting_desc:after { 
    font-family: 'FontAwesome';
    content: "\f0dd"; 
    float: left;  
    margin-right:5px; 
    font-size:18px;
    font-weight:normal;    
}
.dataTable.table > tbody > tr > td, .dataTable.table > thead > tr > th {vertical-align:middle;}
.file-path {color:#808080; font-size:11px;}
.racing-theme a {color:#d01426} 
.racing-theme a.btn {color: #fff}
.racing-theme .nav-sidebar > .active > a, .racing-theme .nav-sidebar > .active > a:hover, .racing-theme .nav-sidebar > .active > a:focus{background-color:#d01426;}
.racing-theme .btn-primary {background:#d01426; border-color:#b51020}
.racing-theme .btn-primary:hover, .racing-theme .btn-primary:active, .racing-theme .btn-primary:focus {background:#b51020;border-color:#b51020;}
.pagination > .active > a, .pagination > .active > a:hover,.pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color: #d01426;border-color: #b51020}
.breadcrumbs_item {
    background: #d01426;
    color: #fff;
    position: relative;
    display: inline-block;
    height: 4em;
    margin: 0 1em;
    font-size: 17px;
}

.breadcrumbs_item:first-child .breadcrumbs_link::before {
    border: none;
}

.breadcrumbs_item:last-child .breadcrumbs_link::after {
    border: none;
}

.breadcrumbs_link {
    line-height:4em;
    display: inline-block;
    width: 100%;
    padding: 0 8em;
    box-sizing: border-box;
    font-weight:bold;
    position: relative;
    transition: all 0.2s ease-in-out;
}
.inactive.breadcrumbs_link {
    background-color: #eee;
    color: #101010;
}
.breadcrumbs_link::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border: 2em solid transparent;
    border-top-color: #d01426;
    border-bottom-color: #d01426;
    top: 0;
    left: -2em;
}
.inactive.breadcrumbs_link::before {
    border-top-color: #eee;
    border-bottom-color: #eee;
}
.breadcrumbs_link::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: -4em;
    border: 2em solid transparent;
    border-left-color: #d01426;
}
.inactive.breadcrumbs_link::after {
    border-left-color: #eee;
}
.importPages {
    margin: 20px;
    width: 1040px;
}
/********************** RESPONSIVE *****************************/

@media only screen and (max-width: 849px) {
    
}
@media only screen and (min-width: 850px)  and (max-width:1023px){
    
}
@media only screen and (min-width: 1024px)  and (max-width:1200px){	
    
}

@media (min-width: 1201px) {
  
}
@media only screen and (max-width: 1024px) {
    .container {width: 100%;margin-top:0px;}
}

.importHistory {font-size:12px !important; padding:0px 0px 0px 0px !important;}

.percentageValue {background-color:antiquewhite;padding:4px !important;position:relative;}
.percentageHeader{background-color:#ddd;padding:4px !important;}
.percentageInput{min-width:30px;font-size:12px;}
.addPercentageTable td, th{font-size:12px;}
.help-block {color:red; font-size:12px;}

.percentageSign{position:absolute; right:7px;top:12px;}

.full button span {
        background-color: limegreen;
        border-radius: 32px;
        color: black;
    }
revenueDatetimepicker .btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
 .popover{max-width:320px;}