﻿/*************************** Bootstrap Overrides ***************************/


.btn {
	background-image: none;
	border-radius:0;	
	box-shadow: none;
	/*color: inherit;*/
	filter: none;	
	text-shadow: none;	
    -webkit-transition: background-color .4s;
    -moz-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s;}
    @media (max-width: 767px) {
        .btn {white-space: normal;}
    }
.btn-link {color: #cc0000;}
.btn-link:hover, 
.btn-link:focus {
  color: #cc0000;
  text-decoration: underline;
  background-color: transparent;
} 
.btn-group > .btn:last-child,
.btn-group > .btn:first-child {
	border-radius: 0;
}
@media (max-width: 767px) {
    .btn-lg, .btn-group-lg > .btn {
        padding: 7px 12px;
        font-size: 15px;
        line-height: 1.33;}
}
a.btn,
a.btn:hover,
a.l-header__link:hover,
button.btn,
button.btn:hover {
	text-decoration: none;
}
.btn.btn-primary,
.btn.btn-primary:hover {

    background-repeat: no-repeat;
    background-image: none;
    border-color: #cc0000;
    color: #ffffff;
    filter: none;
    text-shadow: none;
    background-color: #cc0000;
    display: inline-block;
    font-family: "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif;
    
    font-size: 0.8888888889em;
    padding: 0.5em 2.2222222222em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background .2s ease-in 0s;
    transition: background .2s ease-in 0s;
    cursor: pointer;
}
    .btn.btn-primary:hover {
        background: #ad0000;
        border-color: #ad0000;
    }
.btn.btn-default,
.btn.btn-default:hover {
    background: #eeeeee;
    background-repeat: no-repeat;
    background-image: none;
    border-color: #eee;
    border-width: 1px;
    filter: none;
    text-shadow: none;
    display: inline-block;
    font-family: "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif;
    font-size: 0.8888888889em;
    padding: 0.5em 2.2222222222em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background .2s ease-in 0s;
    transition: background .2s ease-in 0s;
    cursor: pointer;
}
.btn.btn-default:hover {
	background:#dddddd;
	border-color: #cccccc;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #cc0000;
    border-color: #cc0000;
}
.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #cc0000;
    border-color: #cc0000;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: thin dotted;
    /*outline: 2px auto #cc0000;*/
    outline-offset: -2px;
}
.input-group-addon {
    border-radius: 0;
}
.form-control {
    border-radius: 0;
}
.form-control:focus {
    border-color: #66afe9;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);    
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.radio.radio-other input[type='radio'] {
    top:0;
}
.form-horizontal .radio.radio-other input[type='radio'] {
    top:7px;
}
.color-primary,
.bg-primary {
    background: #cc0000;
}
a.color-primary:hover,
a.bg-primary:hover {
    background-color: #cc0000;
    color: #ffffff;
    opacity: .9;
}

.well, 
.well-lg, 
.well-sm {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
	border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.alert {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-shadow: none;
}

.nav-tabs > li > a {
    border-radius: 0;
}

.nav-pills > li > a {
    border-radius: 0;
}

/*******************  Navigation styles   *****************/



.container > .navbar-header, 
.container > .navbar-collapse {
    margin-left: -15px;
    margin-right: -15px;
}

.navbar {
    border-radius: 0;
    font-size:16px;
}
.navbar-collapse {
	padding-left:0;}
    @media (max-width: 767px) {
    .navbar-collapse {
        padding-left: 15px;
        padding-right: 15px;}
    }
.dropdown-menu {
	padding: 10px 0;	
}
.dropdown-menu > li > a {
	padding: 5px 20px;
}

/*navbar-default styles*/

.navbar-default {
    background-color: #eeeeee;
    border: none;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #CCCCCC;
    color: #555555;
}

/*navbar-inverse styles*/

.navbar-inverse {
	border: none;
}
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:focus, 
.navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: transparent;
    text-decoration:underline;
}
.navbar-inverse .dropdown-menu {
    background-color: #070707;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.navbar-inverse .dropdown-menu .divider {
    background-color: #222222;
}
.navbar-inverse .dropdown-menu > li > a {
    color: #ffffff;
}
.navbar-inverse .dropdown-menu > li > a:hover, 
.navbar-inverse .dropdown-menu > li > a:focus {
    background-color: #3a3a3a;
    color: #ffffff;
}
.navbar-inverse .dropdown-menu > .active > a, 
.navbar-inverse .dropdown-menu > .active > a:hover, 
.navbar-inverse .dropdown-menu > .active > a:focus {
    background-color: #3a3a3a;
    color: #FFFFFF;
}

 
/****************  custom panel modules based on boostrap **************/

/****************  icon panel Styles **************/

.panel {
	box-shadow: none;
}
.panel.panel-default {
	border-radius: 0;
	border:none;
	margin-bottom:2px;
}
.panel-heading {
   padding: 0;
   border-radius:0;
}
.panel.panel-default .panel-heading:hover {
	background: #ccc;
}
.panel-default .panel-heading a {
	color: #505050;
	text-decoration: none;
    padding: 10px 15px;
    display: block;	
	}
.panel-default > .panel-heading.panel-open {
   background-color: #dddddd;
        }	
.panel-default > .panel-heading.panel-open a,
.panel-default > .panel-heading.panel-open a:hover,
.panel-default > .panel-heading.panel-open i {
   color:#505050;
        }  
        
/************  panel-icons styles  ****************/           
        
.panel-icons .panel-heading i:last-child {
	margin-top: -5px;
	opacity: 0.25;
	position: absolute;
	right: 15px;
	text-align: right;
	top: 50%;	
}
.panel-icons .panel-heading {
	/*background: #ebebeb;*/
	min-height: 44px;
	padding:0;
	position: relative;
	border-radius: 0;	
}
.panel-icons .panel-heading i:first-child {
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top:-14px;	
	opacity: 1;	
}
.panel-icons .panel-heading a {
	padding: 12px 15px 12px 40px;
}
.panel-icons .panel-body {
	min-height: 80px;
	border:1px solid #eeeeee;
}
.panel-edit .panel-icons .panel-body {
	padding-right:80px;
}
.panel.panel-default.panel-icons.active .panel-heading {
	background-color: #ebebeb;
	min-height: 44px;
}
.panel-icons .panel-heading-title {
	display: inline-block;
	width: 88%;
}
.panel-icons .panel-heading .panel-toggle {
    display: block;
}

/**************************  pagination styles  ******************************/

.pagination .pagination-rows {
    margin-bottom: 0;
    padding-top: 5px;
    vertical-align: top;
    width: 70px;
}
.pagination ul > li > a, 
.pagination ul > li > span {
	border: 1px solid #bbbbbb;
	border-radius: 4px;
	margin:0 3px;
	padding: 4px 7px;
}
.pagination ul > .active > a, 
.pagination ul > .active > span {
    color: #ffffff;
    cursor: default;
}
.pagination ul > li > a:hover, 
.pagination ul > li > a:focus, 
.pagination ul > .active > a, 
.pagination ul > .active > span {
    background-color: #333333;
    border-color:#333333;
    color: #ffffff;
}

.pagination .pagination-noborder {
	border: none;
}
.pagination ul {
	box-shadow: none;
}
.pagination a,
.pagination a:hover,
.pagination a:active {
	color: #444444;
}
.pagination ul > .disabled > span, 
.pagination ul > .disabled > a, 
.pagination ul > .disabled > a:hover, 
.pagination ul > .disabled > a:focus {
    border-color: #E1E1E1;
    color: #ABABAB;
}
/*************   Pagination styles   *************/

.pagination {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
}
.pagination .display-date {
  background-color: #cc0000;
  border-color: #cdcdcd;
  color: white;
}
.pagination .display-date:hover {
  background-color: #cc0000;
  color: white;
  opacity: .9;
}
.pagination a.display-date {
  width: auto;
  text-align: center;
}
.pagination .hour-width {
  min-width: 230px;
}
.pagination .minute-width {
  min-width: 300px;
}
.pagination > li > a {
  background-color: white;
  border-color: #cdcdcd;
  border-radius: 0;
}


.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #cc0000;
  border-color: #cc0000;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #0078b2;
  border-color: #cccccc; 
  cursor: pointer;
}
.pagination > li > a,
.pagination > li > span {
  color: #cc0000;
}

.pagination>.disabled>span, 
.pagination>.disabled>span:hover, 
.pagination>.disabled>span:focus, 
.pagination>.disabled>a, 
.pagination>.disabled>a:hover, 
.pagination>.disabled>a:focus {
color: #777;
background-color: #fff;
border-color: #cccccc;
cursor: not-allowed;
}
.pagination-rows {margin-bottom:5px;}
.pagination-rows p,
.pagination-rows select {display:inline-block;}

.pagination-rows select{
    width: auto;
}
        .pagination > li > input,
        .pagination > li > button {
            position: relative;
            float: left;
            padding: 6px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #cc0000;
            background-color: white;
            border-color: #cdcdcd;
            border-radius: 0;
            border: 1px solid #ddd;
            margin-left: -1px;
        }

        .pagination > .active > input,
        .pagination > .active > button {
            z-index: 2;
            color: #fff;
            background-color: #cc0000;
            border-color: #cc0000;
            cursor: default;
        }

        .pagination > .disabled > input, 
        .pagination > .disabled > button {
            color: #777;
            background-color: #fff;
            border-color: #cccccc;
            cursor: not-allowed;
        }