@charset "UTF-8";
/* CSS Document  */
.menuItem {
    background-color: #dd2a0a;
    border-left: 1px solid #e73e1f;
    border-right: 1px solid #b21700;
    height:60px;
    display:inline-block;
    text-align:center;
    color:#ffffff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
    font-size:10px;
    line-height:12px;
    vertical-align: top;
    cursor:pointer;
}
.menuItem:hover {
    background-color:#b42209;
    border-left: 1px solid #b21700;
}

.menuItemSelected {
    background-color:#b42209;
    border-left: 1px solid #b21700;
    border-right: 1px solid #b21700;
    height:60px;
    display:inline-block;
    text-align:center;
    color:#ffffff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
    font-size:10px;
    line-height:12px;
    vertical-align: top;
}

.roundMessagesNR {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:700;
    font-size:12px;
    line-height:12px;
    color: #dd2a0a;
    padding: 4px 7px 4px 7px;
    display:inline-table;
    background-color:#ffffff;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}

.companyName {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:700;
    font-size:18px;
    line-height:20px;
    color:#ffffff;
}

.robotoCond10Grey {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:10px;
    line-height:12px;
    color:#666666;
}

.robotoCond10White {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:10px;
    line-height:12px;
    color:#ffffff;
}

.robotoCond12White {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
    font-size:12px;
    line-height:14px;
    color:#ffffff;
}

.robotoCond12Grey {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
    font-size:12px;
    line-height:14px;
    color:#666666;
}

.robotoCond12Grey300 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:12px;
    line-height:14px;
    color:#666666;
}

.robotoCond12Red {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:12px;
    line-height:14px;
    color:#dd2a0a;
}

.robotoCond12Green {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:12px;
    line-height:14px;
    color:#27ae60;
}

.robotoCond14White {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
    font-size:14px;
    line-height:16px;
    color:#ffffff;
}

.robotoCond14Grey300 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:14px;
    line-height:16px;
    color:#666666;
}

.robotoCond14Green300 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:14px;
    line-height:16px;
    color:#27ae60;
}

.robotoCond14Red300 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:14px;
    line-height:16px;
    color:#dd2a0a;
}

.robotoCond16Red {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:700;
    font-size:16px;
    line-height:18px;
    color:#dd2a0a;
}

.robotoCond16Black {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:700;
    font-size:16px;
    line-height:18px;
    color:#000000;
}

.openSans16Red {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:700;
    font-size:16px;
    line-height:18px;
    color: #dd2a0a;
}

.wmText0 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:20px;
    color: #f39c12;
}

.wmText1 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:20px;
    color: #dd2a0a;
}

.dataLogin {
    border: 1px solid #dd2a0a;
    padding: 5px;
    background-color:#ffffff;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px; 
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:14px;
    line-height:24px;
    color: #333333;
    outline:none;
}

.dataText {
    border: 1px solid #e7e7e7;
    padding: 5px;
    background-color:#ffffff;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px; 
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:12px;
    line-height:14px;
    color: #dd2a0a;
    outline:none;
}

.dataPoly {
    border: 1px solid #e7e7e7;
    padding: 5px;
    background-color:#ffffff;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px; 
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:12px;
    line-height:14px;
    color: #dd2a0a;
    outline:none;
    margin-top: 0px;
}

.truck0 {
    height:50px;
    margin-top: 5px;
    border-top:1px solid #e7e7e7;
    border-bottom:1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
    border-left:5px solid #d7d7d7;
    width:235px;
    margin-left:4px;
    background-color:#ffffff;
    cursor: pointer;
}
.truck0:hover {
    border-left:5px solid #dd2a0a;
}

.truck1 {
    height:50px;
    margin-top: 5px;
    border-top:1px solid #e7e7e7;
    border-bottom:1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
    border-left:5px solid #27ae60;
    width:235px;
    margin-left:4px;
    background-color:#ffffff;
    cursor: pointer;
}
.truck1:hover {
    border-left:5px solid #dd2a0a;
}

.truckSelected {
    height:50px;
    margin-top: 5px;
    border-top:1px solid #e7e7e7;
    border-bottom:1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
    border-left:5px solid #b42209;
    width:235px;
    margin-left:4px;
    background-color:#ffffff;
    cursor:pointer;
}

.dataInactive {
    background-color:#6d6d6d; 
    -webkit-border-radius: 5px 5px 0px 0px;
       -moz-border-radius: 5px 5px 0px 0px;
            border-radius: 5px 5px 0px 0px; 
    border-top:1px solid #444444;
    border-left:1px solid #444444;
    border-right:1px solid #444444;
    border-bottom:1px solid #444444;
    height:25px;
    text-align:center;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:14px;
    line-height:16px;
    padding-top:7px;
    color:#f5f5f5;
}

.dataSelected {
    background-color:#f2f2f2; 
    -webkit-border-radius: 5px 5px 0px 0px;
       -moz-border-radius: 5px 5px 0px 0px;
            border-radius: 5px 5px 0px 0px; 
    border-top:1px solid #444444;
    border-left:1px solid #444444;
    border-right:1px solid #444444;
    border-bottom:1px solid #f2f2f2;
    height:28px;
    text-align:center;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:14px;
    line-height:16px;
    padding-top:10px;
    color:#666666;
}

.dataNormal {
    background-color:#6d6d6d; 
    -webkit-border-radius: 5px 5px 0px 0px;
       -moz-border-radius: 5px 5px 0px 0px;
            border-radius: 5px 5px 0px 0px; 
    border-top:1px solid #444444;
    border-left:1px solid #444444;
    border-right:1px solid #444444;
    border-bottom:1px solid #444444;
    height:25px;
    text-align:center;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:14px;
    line-height:16px;
    padding-top:7px;
    color:#f5f5f5;
    cursor:pointer;
}
.dataNormal:hover {
    height:28px;
    padding-top:10px;
    background-color:#f2f2f2;
    color:#666666;
}

.dataWindow {
    background-color:#f2f2f2; 
    -webkit-border-radius: 0px 0px 5px 5px;
       -moz-border-radius: 0px 0px 5px 5px;
            border-radius: 0px 0px 5px 5px; 
    border-top:none;
    border-left:1px solid #444444;
    border-right:1px solid #444444;
    border-bottom:1px solid #444444;
}

.acriveImage {
    border: 2px solid #e7e7e7;
    padding: 5px;
}

.redButton {
    border: 1px solid #b42209;
    background-color: #dd2a0a;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px; 
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
    font-size:14px;
    line-height:36px;
    color: #ffffff;
    padding-left:20px;
    padding-right:20px;
    cursor:pointer;
    display:inline-block;
}
.redButton:hover {
    background-color: #b42209;
}

.greenButton {
    border: 1px solid #27ae60;
    background-color: #2ecc71;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px; 
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
    font-size:14px;
    line-height:36px;
    color: #ffffff;
    padding-left:20px;
    padding-right:20px;
    cursor:pointer;
    display:inline-block;
}
.greenButton:hover {
    background-color: #27ae60;
}

.greyButton {
    border: 1px solid #666666;
    background-color: #999999;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px; 
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
    font-size:14px;
    line-height:36px;
    color: #ffffff;
    padding-left:20px;
    padding-right:20px;
    cursor:pointer;
    display:inline-block;
}
.greyButton:hover {
    background-color: #666666;
}

.bottomBar {
	position: fixed;
	right: 0;
	bottom: 0;
	height: 30px;
	width: 100%;
	background-color: #3b3b3b;
    font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	line-height: 30px;
    font-weight:300;
	color: #f5f5f5;
	z-index: 99999999;
}

.errorMessage {
    font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	line-height: 24px;
    font-weight:400;
    color: #ffffff;
    display: inline-block;
    padding: 7px 15px 2px 15px;
    border: 1px solid #b42209;
    background-color: #dd2a0a;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px; 
}

.whiteButton {
    display:inline-block;
    padding-top: 4px;
    padding-left: 4px;
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px; 
}

.subHeader {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
    font-size:10px;
    line-height:12px;
    color:#ffffff;
    position:relative;
    margin-top:-102px;
    margin-left:10px;
    background-color:#6d6d6d;
    height:15px;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    display:inline-table;
    border: 1px solid #555555;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.vignette0 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
    font-size:10px;
    line-height:10px;
    color:#27ae60;
    width: 12px;
    text-align: center;
    display: inline-block;
    padding-top: 2px;
    padding-bottom:1px;
    border: 1px solid #27ae60;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.vignette1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
    font-size:10px;
    line-height:10px;
    color:#f39c12;
    width: 12px;
    text-align: center;
    display: inline-block;
    padding-top: 2px;
    padding-bottom:1px;
    border: 1px solid #f39c12;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.vignette2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
    font-size:10px;
    line-height:10px;
    color:#dd2a0a;
    width: 12px;
    text-align: center;
    display: inline-block;
    padding-top: 2px;
    padding-bottom:1px;
    border: 1px solid #dd2a0a;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.loginWindow {
	background-color: #ffffff;
	position: fixed;
    left: 50%;
    top: 40%;
    height: 290px;
    margin-top: -145px;
    width: 440px;
    margin-left: -220px;
    border: 1px solid #dd2a0a;
    
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
	
	-webkit-animation: cssAnimation 0.2s 1 ease;
	-moz-animation: cssAnimation 0.2s 1 ease;
	-o-animation: cssAnimation 0.2s 1 ease;
}

.loginWindowStatic {
	background-color: #ffffff;
	position: fixed;
    left: 50%;
    top: 40%;
    height: 290px;
    margin-top: -145px;
    width: 440px;
    margin-left: -220px;
    border: 1px solid #dd2a0a;
    
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}

@-webkit-keyframes cssAnimation {
	from { -webkit-transform: rotate(0deg) scale(0.1) skew(0deg) translate(0px); }
	to { -webkit-transform: rotate(0deg) scale(1.003) skew(0deg) translate(0px); }
}
@-moz-keyframes cssAnimation {
	from { -moz-transform: rotate(0deg) scale(0.1) skew(0deg) translate(0px); }
	to { -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}
@-o-keyframes cssAnimation {
	from { -o-transform: rotate(0deg) scale(0.1) skew(0deg) translate(0px); }
	to { -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}

.warningMessage0 {
    widht:auto;
    margin-left: 20px;
    margin-right: 20px;
    border: 1px solid #f39c12;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.warningMessage1 {
    widht:auto;
    margin-left: 20px;
    margin-right: 20px;
    border: 1px solid #dd2a0a;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.deleteWindow {
	position: fixed;
  	left: 50%;
  	top: 50%;
  	height: 220px;
  	margin-top: -110px;
  	width: 400px;
  	margin-left: -200px;
    
    background-color: #ffffff; 
    
    border: 2px solid #c0392b;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
            
    -webkit-box-shadow: 0px 0px 10px 0px rgba(192,58,43,.5);
       -moz-box-shadow: 0px 0px 10px 0px rgba(192,58,43,.5);
            box-shadow: 0px 0px 10px 0px rgba(192,58,43,.5);

	-webkit-animation: cssAnimation 0.3s 1 ease;
	-moz-animation: cssAnimation 0.3s 1 ease;
	-o-animation: cssAnimation 0.3s 1 ease;
}

.addNewButton {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:12px;
    line-height:14px;
    color:#5d5d5d;
    padding: 5px 15px 5px 15px;
    display:inline-block;
    cursor: pointer;
    background-color: #dddddd;
    border: 1px solid #5d5d5d;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.addNewButton:hover {
    background-color: #ffffff;
    color:#27ae60;
}

tr.transportLine0 td {
	background-color: #ffffff;
    border-bottom: 1px solid #9d9d9d;
	height: 30px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:12px;
    line-height:14px;
    color:#dd2a0a;
    cursor:default;
}
tr.transportLine0:hover td {
    background-color: #f5f5f5;
}

tr.transportLine1 td {
	background-color: #ffffff;
    border-bottom: 1px solid #9d9d9d;
	height: 30px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:12px;
    line-height:14px;
    color:#27ae60;
    cursor:default;
}
tr.transportLine1:hover td {
    background-color: #f5f5f5;
}

.oneRow {
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.totalBoxGrey {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:12px;
    line-height:14px;
    color:#ffffff;
    padding: 6px 3px 6px 3px;
    margin: 1px;
    background-color: #6d6d6d;
    border: 1px solid #444444;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.totalBoxGreen {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:12px;
    line-height:14px;
    color:#ffffff;
    padding: 6px 3px 6px 3px;
    margin: 1px;
    background-color: #27ae60;
    border: 1px solid #059F46;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.totalBoxRed {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;
    font-size:12px;
    line-height:14px;
    color:#ffffff;
    padding: 6px 3px 6px 3px;
    margin: 1px;
    background-color: #dd2a0a;
    border: 1px solid #b42209;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.paymentWindow {
	position: fixed;
  	left: 50%;
  	top: 50%;
  	height: 245px;
  	margin-top: -120px;
  	width: 400px;
  	margin-left: -200px;
    overflow:hidden;
    
    background-color: #ffffff; 
    
    border: 2px solid #333333;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
            
    -webkit-box-shadow: 0px 0px 10px 0px rgba(192,192,192,.5);
       -moz-box-shadow: 0px 0px 10px 0px rgba(192,192,192,.5);
            box-shadow: 0px 0px 10px 0px rgba(192,192,192,.5);

	-webkit-animation: cssAnimation 0.3s 1 ease;
	-moz-animation: cssAnimation 0.3s 1 ease;
	-o-animation: cssAnimation 0.3s 1 ease;
}

.leftMenu {
    background-color: #ededed;
    border-bottom: 1px solid #6d6d6d;
    cursor: pointer;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:18px;
    color:#444444;
}
.leftMenu:hover {
    background-color: #9d9d9d;
    color: #ffffff;
}

.leftMenuSelected {
    background-color: #9d9d9d;
    border-bottom: 1px solid #6d6d6d;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:18px;
    color:#ffffff;
}