/* Variables */
:root {
	--white-text: white;
	--textiles: #D50032;
}

html {
	height:100%;
}
body {
    background-color: #fff;
    font-family: 'Roboto Slab', sans-serif;
    font-size: 14px;
    line-height: 25px;
    color: #757575;
    font-weight: 300;
    height: 100%;
   overflow-x: hidden;
}

.padding-top {
	padding-top:100px;
}

.white-text {
	color: white;
}

.red-text {
	color: red;
}

.driver-name {
	font-size:20px;
}

.act-headers {
	font-size: 20px;
	font-weight: 700;
}

.act-weight {
	font-size: 18px;
	font-weight: 700;
}

.docket-table {
	background: #D50032;
	color: white;
}

.alert,
.alert2 {
    background: #000;
    margin-bottom: 0;
    border-radius: 0;
    text-align: left;
    color: #fff;
    padding: 0;
    font-size: 12px
}

.alert {
    margin-top: 63px
}


.salvatex {
	background: #1989c6!important;
	color: white!important;
}

.btn-black {
	background: black;
	color: white;

}

.btn-black:hover,
.btn-black:focus  {
	background: #282727;
	color: white;
}


/* USER PROFILE PAGE */
 .card {
    margin-top: 20px;
    padding: 30px;
    background-color: rgba(214, 224, 226, 0.2);
    -webkit-border-top-left-radius:5px;
    -moz-border-top-left-radius:5px;
    border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-top-right-radius:5px;
    border-top-right-radius:5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.card.hovercard {
    position: relative;
    padding-top: 0;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 1);
}
.card.hovercard .card-background {
    height: 130px;
}
.card-background img {
    margin-left: -100px;
    margin-top: -150px;
    min-width: 130%;
}
.card.hovercard .useravatar {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
}
.card.hovercard .useravatar img {
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.card.hovercard .card-info {
    position: absolute;
    bottom: 14px;
    left: 0;
    right: 0;
}
.card.hovercard .card-info .card-title {
    padding:0 5px;
    font-size: 20px;
    line-height: 1;
    color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.card.hovercard .card-info {
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    color: #737373;
    text-overflow: ellipsis;
}
.card.hovercard .bottom {
    padding: 0 20px;
    margin-bottom: 17px;
}
.btn-pref .btn {
    -webkit-border-radius:0 !important;
}

.well {
	background: #D50032!important;
	border: 1px solid #D50032!important;
	color: white!important;
}

.table > tbody > tr > td {
	border-top: none!important;
}

.textiles-btn {
	background: #D50032;
	color: white;
}

.full {
    background: url(../img/background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height:100%;
    width:100%;
    overflow: scroll;
}

.missed-collect {
	background: #ef4e32;
	color: white;
	font-size: 18px;
}

.arrived-collect {
	background: #22bfe2;
	color: white;
	font-size: 18px;
}

.collected-collect {
	background: #7fd35b;
	color: white;
	font-size: 18px;
}

.routed-collect {
	background:#ffcc00;
	color: black;
	font-size: 18px;
}

.brand-logo {
	width:150px;
	margin: 0px auto;
	padding-top: -15px;
}

.brand-logo2 {
	width:90px;
	margin: 0px auto;
	margin-top: -15px;
}

.brand-logo3 {
	width:120px;
	margin: 0px auto;
	padding-top: 15px;
}

.btn-size {
	font-size: 20px;
}

.input-group-addon {

    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: white;
    text-align: center;
    background: transparent;
    border: 1px solid #ccc;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: rgb(204, 204, 204);
    border-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        }

/* Navbar */
.navbar-default {
background-color: #D50032;
border-radius: 0;
margin-bottom: 0;
padding: 7px 0;
transition: all 0.4s ease-in-out 0s;
width: 100%;
border-color: #D50032;
}

.navbar-default .navbar-toggle {
	border-color: white;
}

.panel-heading{
	border-bottom: 1px solid white;
}
.form{
	background:#f8f8f8;
	border-radius:5px;
	margin-top:50px;
}
.jumbotron{
	color: white;
}
.jumbotron p,.jumbotron p{
	font-family: 'Open Sans Condensed', sans-serif;
}
#btn-login{
	border-left:1px solid #aaa;
}
#btn-login .btn{
	margin-left: 10px;
}
#loginform .input-group{
	margin-bottom: 25px;
}
#loginform .input-group[class*="col-"]{
	float:left;
}
.login-action{
	border-top:1px solid white;
	margin-bottom:0px;
}
.panel{
	margin-bottom:0;
	box-shadow:0px 0px 20px 1px black;
	border-radius:20px;
	background: #D50032 none repeat scroll 0 0;
}
.panel-body{
	padding-top:30px;
}
.panel-title{
	font-family: 'Open Sans Condensed', sans-serif;
	color: white;
}
.panel-title span{
	font-family: 'Roboto Slab', serif;
	color: white;
}
#loginbox{
	padding: 20px;
	margin-top:20px;
}
#registertext{
	padding: 20px;
}
.form-control:focus {
  border-color: #D50032;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}
.footer { 
	background-color: #D50032;
	color: white;
}
.form-label{
	display: block!important;
}

label.btn span {
  font-size: 1.5em ;
}

label input[type="radio"] ~ i.fa.fa-circle-o{
    color: #c8c8c8;    display: inline;
}
label input[type="radio"] ~ i.fa.fa-dot-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
    color: #7AA3CC;    display: inline;
}
label:hover input[type="radio"] ~ i.fa {
color: #7AA3CC;
}

label input[type="checkbox"] ~ i.fa.fa-square-o{
    color: #c8c8c8;    display: inline;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
    color: #D50032;    display: inline;
}

label input[type="checkbox"]:checked ~ i.fa.fa-window-close-o{
    color: #D50032;    display: inline;
}
label:hover input[type="checkbox"] ~ i.fa {
color: #D50032;
}

div[data-toggle="buttons"] label.active{
    color: #D50032;
}

div[data-toggle="buttons"] label {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 2em;
text-align: left;
white-space: nowrap;
vertical-align: top;
cursor: pointer;
background-color: none;
border: 0px solid 
#c8c8c8;
border-radius: 3px;
color: black;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

div[data-toggle="buttons"] label:hover {
color: #000;
}

div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
-webkit-box-shadow: none;
box-shadow: none;
}

/* Toggle Styles */

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden;
    padding-left: 250px;
}

#wrapper.toggled {
    padding-left: 250px;
    overflow: scroll;
    
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: black;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
    overflow-x: hidden;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
    color: white;
    overflow: hidden;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: white;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 250px;
    }
    .fixed-brand{
        width: 250px;
    }
    #wrapper.toggled {
        padding-left: 0;
    }
 
    #sidebar-wrapper {
        width: 250px;
    }
 
    #wrapper.toggled #sidebar-wrapper {
        width: 250px;
    }
    #wrapper.toggled-2 #sidebar-wrapper {
        width: 50px;
    }
    #wrapper.toggled-2 #sidebar-wrapper:hover {
        width: 250px;
    }
 
 
    #page-content-wrapper {
        padding: 20px;
        position: relative;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
 
    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
        padding-left: 250px;
    }
    #wrapper.toggled-2 #page-content-wrapper {
        position: relative;
        margin-right: 0;
        margin-left: -200px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: auto;
 
    }
}

@media only screen and (max-width: 1200px) {
	
	#wrapper {
		padding-left:0px!important;
		}
		
		#sidebar-wrapper {
			display:none!important;
		}
	}

.dropdown-menu li a,.navbar-default .navbar-nav>li>a{font-size:12px;font-weight:400;text-transform:uppercase}.dropdown-submenu{position:relative}.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px;-moz-border-radius:0 6px 6px;border-radius:0 6px 6px}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent transparent transparent #ccc;border-style:solid;border-width:5px 0 5px 5px;margin-top:5px;margin-right:-10px}.dropdown-submenu:hover>a:after{border-left-color:#fff}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}.navbar-default{background-color:#D50032;border-radius:0;margin-bottom:0;padding:7px 0;transition:all .4s ease-in-out 0s;width:100%;border-color:#D50032}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#fff!important;background-color:transparent}.navbar-brand{padding:5px}.navbar-brand img{width:100px;margin-top:-10px}.navbar-default .navbar-nav>li>a{color:#fff}.dropdown-menu li a,.navbar-default .navbar-nav>li>a:hover{color:#000!important}.dropdown-menu{background-color:#fff;border-radius:0;padding:0}.dropdown-menu li a{display:block;line-height:24px;padding:8px 20px;transition:all .3s ease 0s;white-space:nowrap}.dropdown-menu li a:hover,.navbar-default.menu-shrink .dropdown-menu li a:hover{color:#fff!important;background-color:#D50032!important}.navbar-default .navbar-toggle{background:#fff;border-color:#fff}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#fff}.navbar-default .navbar-toggle .icon-bar{background-color:#D50032}