/* Style sheet basic */

@import url('/assets/fonts/Source_Sans_Pro/stylesheet.css');

body {
    color: #303030;
    background-color: white;
    /*font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;*/
    font-family: 'Source Sans Pro', sans-serif;
    font-weight : 400;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: inherit;
    font-weight: 500;
    line-height: 1.1;
    font-family: 'Source Sans Pro', sans-serif;
    color: #10428e;
}

div#vehicle {
  background-image: url(/images/vehicle_flash.jpg);
  background-repeat: no-repeat;
  background-position:top left;
  background-size: 100% 100%;
  width:100%;
}
div#logo {
  display:block;
  width:210px;
  height: 70px;
  padding: 0;
  margin-left:15px;
  margin-top:15px;  
}
hr {
	margin-top:2px;
	margin-bottom:0px;
	border-color:#CFCFCF;	
}
.breadcrumb {
    color: #10428e;
    background-color: white;
	border-radius: 0px;
	margin-bottom: 5px;
}
.nav {
/*	border: solid 1px #CFCFCF;*/
}
li {
	border-bottom: solid 1px #CFCFCF;
}
.navbar-collapse {
	border: none;
}
.breadcrumb>li+li:before {
	padding: 0 5px;
	color: #303030;
	content: "/\00a0";
}
#content {
	padding: 0px;
	min-height: 600px;
}
.container-fluid{
    width: 100%;
}
.navbar-inverse {
	border: none;
	background-color: white;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/*border-color: #CC0001;*/
	border-color: #ec6825;
	border-style: solid;
	border-width: 4px 0 0;
	margin-bottom: 2px;
	border-radius: 0px;	
}
legend {
	margin-bottom:5px;
	border: 0px;
}
.table {
	margin-bottom:5px;
}
.navbar-inverse .navbar-nav > li.active > a {

}
.navbar-inverse .dropdown-menu {
}
.navbar-inverse .dropdown-menu li > a:hover {

}
.navbar-inverse .dropdown-menu li > a {

}
.dropdown-menu {

}
.dropdown-menu li > a:hover {

}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {

background-color: #EC6825;
}
a {
	color: #EC6825;
	text-decoration: none;
}
a .glyphicon-trash {
	color: #d62424;
}
table#shipmentsTable td {
	vertical-align: middle;
	text-align: center;
}


#content {
    padding: 0 15px;
}
#sidebar {
    background-color: #white;
	margin-right:15px; 	
}
#sidebar a:link, #sidebar a:visited {
    color: #10428e;
    font-size: 1.1em;
}#sidebar a i {
margin-right: 5px;
}
#sidebar  a:hover {
background-color: white;
color: #EC6825;
}
#sidebar a i {
	font-size: 1.3em;
	min-width: 20px;
	text-align: center;
}#sidebar li.active a {
	color: #EC6825;
}
#sidebar li.active a:hover {

}
#sidebar li.active {

}
#sidebar li.nav-header {
color: #EC6825;
font-size: 18px;
text-align: center;

}
.main-container {
    margin-right: 0;
}
.main-container .col-md-10 {
    padding-right: 0;
    padding-left: 0;
    background-color: #FFF;
    min-height: 400px;
}
.main-container .col-md-2 {
    padding-right: 0;
	padding-left: 0;
}
footer {
    color: #FFF;
    font-size: 11px;
}

#viewdossier-tabs .nav {
	border:0px 0px 1px 0px;
	margin:0px;
}

#sidebar .glyphicon {
    top: 5px;
}
.row {
    margin-left: -5px;
    margin-right: -15px;
}

hr { 
    margin:25px 0 25px 0;
border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(207,207,207,0), rgba(207,207,207,1), rgba(207,207,207,0)); 
    background-image:    -moz-linear-gradient(left, rgba(207,207,207,0), rgba(207,207,207,1), rgba(207,207,207,0)); 
    background-image:     -ms-linear-gradient(left, rgba(207,207,207,0), rgba(207,207,207,1), rgba(207,207,207,0)); 
    background-image:      -o-linear-gradient(left, rgba(207,207,207,0), rgba(207,207,207,1), rgba(207,207,207,0)); 
 }

blockquote {
border-left: 5px solid #EEEEEE;
margin: 5px 0px 0px 20px;
padding: 5px 10px;
}

.panel:hover, .panel:hover dl,.panel:hover div[class*='col-'] {
	background-color: #EEEEEE;
	 cursor: pointer; 
}

.panel h1, .panel h3 {
	color: #EC6825;
}

[id*="accordion"] .panel:hover, .panel:hover dl,.panel:hover div[class*='col-'] {
	background-color: transparent;
} 

dd {
	font-weight: 300;
	font-size: 17px;
	color: #10428e;
}

.table tbody tr:hover td, .table tbody tr:hover th {
    background-color: #ecc3ae;
}

[id*="accordion"] .table tbody tr:hover td, .table tbody tr:hover th {
    background-color: transparent;
}




#viewdossier-tabs .nav {
	margin-top : 20px;
}

.tab-pane {
padding: 20px;
}

#viewdossier-tabs .nav li {
	border-bottom:0px;
}

#ShowFilter .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
border-top: 0px;
border-bottom : 1px solid #DDDDDD;
padding:20px 0px;
}

#ShowFilter .table tbody tr:hover td, .table tbody tr:hover th {
    background-color: transparent;
}

.label-success {
	background-color: #5cb85c;
}

.badge {
	background-color:transparent;
	/*border:1px solid #CCCCCC;*/
	margin-right: 10px;
}

#connected-people .list-group-item {
	border:0px;
}

#connected-people li {
	border-bottom:0px;
}

#connected-people .list-group-item:first-child {
	padding-top:0px;
}

#messages .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {

padding:5px 5px;

}

.user-popover {
	font-weight:bold;
	font-size:14px;
	margin-left:10px;
}

.user-details-popover {
	margin-left:10px;
}

[id*="accordion"] i.glyphicon {
	color:grey;
}

.flag {
	cursor: pointer;
}

.btn-success {
    background-color: #EC6825;
    border-color: #CFCFCF;
    color: #FFFFFF;
    margin-right:15px;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-color: #EC6825;
    border-color: #000000;
    color: #FFFFFF;
}
.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-image: none;
}
.form-group.required .control-label:after, th.required:after, span.required:after, h4.required:after {
  	content:"*";
	color:red;
}

.nav-tabs>li>a {
	border: 1px solid #ddd;
	border-radius: 4px 4px 0 0;
	color:black;
}

.nav-tabs>li:hover>a {
	border: 1px solid #ddd;
	border-radius: 4px 4px 0 0;
	background-color : #EEE;
	color:black;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color: #EC6825;
}

.panel-default>.panel-heading {
	background-color: #EEE;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	color:black !important;
}

.panel-heading:hover {
	background-color: none !important;
} 

.panel-body:hover {
  background-color: #ffffff !important;
}

#newAddress .modal-lg{
    width: 1050px;
    height: 750px;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
color: black !important;
background: #ecc3ae !important;
}

/* no map available image */
img#noMapImg {
    width: 100%;
}
img#noMapImgMon {
    width: 100%;
	height: 250px;
	object-fit: fill;
}
#img_header_logo {
    width: 350px;
}

/* retry upela button from viewdossier */
#retryUpelaContainer {
    display: flex;
    flex-flow: column;
}
#retryUpelaDiv {
    display: flex;
    align-items: center;
}

/* viewdossier extend - reduce time buttons */
.extend-reduce-time,
.button-container {
	display: flex;
	align-content:center;
	justify-content: center;
}
.extend-reduce-time {
	width: 100%;
	margin-top: 2rem;
}
.button-container b {
	align-self: center;
    margin-right: 1rem;
}
.button-container,
.button-container .date {
	width: 40%;
    margin-right: 1rem;
}

/* adminCarriers */
.admin-carrier-content {
	width: 80%;
	margin: auto;
	align-items: center;
}
.carriers-container i, #carrierForm i {
	cursor: pointer;
	color: #000;
	margin: 0 0.5rem;
}
.admin-carrier-content > * {
	margin: 2rem 0;
}
/* admin carrier container titles */
.carrier-container-title {
	display: flex;
    cursor: pointer;
	align-items: center;
}
.carrier-container-title h2 {
	margin: 0;
}
.carrier-container-title i {
    font-size: 1.5rem;
	margin-right: 1rem;
}
/* admin carrier inv rules */
.carrier-invrules {
	display: grid;
	grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 0.5fr;
}
/* admin carrier form */
#mockCarrier {
	display: none;
}
#carrierForm label {
	width: 30%;
	margin: 0;
	padding: 1rem;
}
#carrierForm p {
	margin: 0;
	padding: 1rem;
}
#carrierForm label b {
	color: red;
}
#carrierForm input[type='text'], #carrierForm input[type='email'], #carrierForm select, #carrierForm textarea {
	width: 65%;
}
#carrierForm input[type="submit"] {
	width: 100%;
}

/* add and delete button */
.level_zero {
    margin-left : 27px;
}

.add_level, .delete_level, .delete_email, .add_email {
    background-color: white;
    float: left;
    border-radius: 4px;
}

/*Brose popup*/
.brose_popup {
    background-color: #fff;
}

.brose_view {
    background-color: #ce4b4b;
}

.brose_info {
    font-weight: 600;
    text-align: center;
    background-color: #c9c9c9;
    font-size: 17px;
}

.brose_explanation {
    font-size: 14px;
    text-align: center;
    vertical-align: top;
    background-color: #f0f0f0;
}

.service_level {
    font-size: 13px;
}

.brose_service_0 {
    color: #19af54;
    font-size: 26px;
    position: absolute;
    top: 196px;
    left: 25px;
}

.brose_service_1 {
    color: #fc0d1b;
    font-size: 26px;
    position: absolute;
    top: 310px;
    left: 25px;
}

.brose_service_2 {
    color: #ff7b00;
    font-size: 26px;
    position: absolute;
    top: 421px;
    left: 25px;
}

.brose_service_3 {
    color: #fffd38;
    font-size: 26px;
    position: absolute;
    top: 481px;
    left: 25px;
}

.brose_service_4 {
    color: #19af54;
    font-size: 26px;
    position: absolute;
    top: 550px;
    left: 25px;
}

.brose_request_info {
    background-color: #eeb0b0;
    font-size: 15px;
}

#modalPartnerInfo td {
    border: solid 2px #fff;
}
/* Brose popup end */
.parcel_warning {
	margin-left: 10px;
	padding: 15px;
	border-radius: 4px;
	background-color: #eeeeee;
	color: #ec6825;
}