/*
	http://css-tricks.com/perfect-full-page-background-image/
	http://bcreativeweb.blogspot.ch/2012/10/creating-different-css3-box-shadows.html	
	
	http://bigspaceship.github.io/shine.js/
	http://www.noupe.com/development/better-than-pure-css3-realistic-and-complex-shadows-with-shine-js-83800.html
	
*/

html { 
	background-color: #EAEAEA;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    -webkit-transition: background 1s;
    transition: background 1s;
	-webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

body {
	background-color: transparent;
}

.row {
	margin-left: 0px;
	margin-right: 0px;
}

.btn-del {
    background: url("/img/varia/sprite.png") no-repeat scroll -389px -265px transparent;
    top: 2px;
    height: 20px;
    right: 0px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    width: 21px;
    z-index: 5;
    cursor: pointer;
}


.blockCentered {
	display: block;
	margin-left: auto; 
	margin-right: auto;
}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.myPanel .panel-heading {
	background-image: -webkit-linear-gradient(top,#0000ff 100%,#0000ff 100%);
	background-image: -o-linear-gradient(top,#0000ff 100%,#0000ff 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#0000ff),to(#0000ff));
	background-image: linear-gradient(to bottom,#0000ff 100%,#fef1a2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#0000ff', GradientType=0);
	background-repeat: repeat-x;
}

.myPanel .panel-heading .panel-title {
	color: white;
	font-weight: bold;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}



.btn-standard {
	background-color: #FAFAFA;
}

.btn-info, .btn-info:hover, .btn-info:focus {
	border-color: #b3000d;
	background-color: #b3000d;
	background-image: -webkit-linear-gradient(top,#b3000d 0,#b3000d 100%);
	background-image: -o-linear-gradient(top,#b3000d 0,#b3000d 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#b3000d),to(#b3000d));
	background-image: linear-gradient(to bottom,#b3000d 0,#b3000d 100%);
}


.box h3{
    text-align:center;
    position:relative;
	font-weight: bold;
	font-size: 15px;
    ttop:80px;
}

.box {
    width:100%; 
	hheight:200px;
    background:#FFF;
    margin:40px auto;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2 { position: relative; }
.effect2:before, .effect2:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px; top: 80%;
    left: 10px;
    width: 50%; max-width:300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;

    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.effect2:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px; left: auto;
}


effect7 {
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect7:before, .effect7:after {
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0; bottom:0;
    left:10px; right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

.effect7:after {
    right:10px; left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
    -o-transform:skew(8deg) rotate(3deg);
    transform:skew(8deg) rotate(3deg);
}

.row-top {
	background: url("/images/bg-1.jpg"); 
	color: white; 
	margin: 20px 0 0px 0;
	padding: 20px 0 20px 0;
}

.bg-autoprint {
	background-color: #fffa96;
	color: black;
}

a.function {
	text-decoration: none;
	hover: red;
	cursor: pointer;
}

.menuEntry {
	width: 12.5%;
}

.summary .row, .parcels .row, .stats .row, .dashboard .row {
	background: #fff; 
	margin: 10px 0 0px 0; 
	padding: 10px 0 10px 0;
}
.parcels .form-horizontal, .dashboard .form-horizontal {
	padding: 0 20px;
}
.parcels .form-controls, .dashboard .form-controls {
	margin-top: 10px;
	margin-bottom: 25px;
}
.parcels .form-controls button, .dashboard .form-controls button {
	margin-right: 10px;
}
.dashboard .editable {
	cursor: pointer;
}
.dashboard .accountReference.label {
	font-size: 65%;
}
.dashboard .productionDate {
	min-width: 116px;
}
.dashboard .productionDate .form-horizontal {
	padding: 0;
}
.dashboard .productionDate input {
	font-size: 75%;
	height: 22px;
	padding: 5px;
	width: 70px;
}
.dashboard .productionDate .input-group-btn {
	float: left;
}
.summary .input-group, .stats .input-group, .dashboard .searchControls .input-group {
	margin: 10px 0;
}
.col-radio {
	float: left;
	margin-right: 10px;
}
.summary .summarySearchResult tr, .parcelSearchResult tr {
	cursor: pointer;
}
.pagingControls {
	margin: 5px 0;
}
.pagingControls .paging .page {
	padding: 2px 5px;
	text-decoration: underline;
	cursor: pointer;
	margin: 2px;
	border: 1px solid #000;
}
.pagingControls .paging .current {
	text-decoration: none;
	cursor: default;
	font-weight: bold;
	background: #aaa;
}
.messages {
	margin-top: 10px;
}
.mscHeader {
	background: url('/images/bg-1.jpg');
	color: white;
	margin: 20px 0 0px 0;
	padding: 20px 0 20px 0;
}
.queueContent {
	background: #fff;
	padding: 0 10px 10px 10px;
	margin-bottom: 10px;
}
.queueContent .panel {
	margin-bottom: 0;
}
.queueContent .queueEntry {
	padding: 10px 0;
}
.modal-dialog {
	top: 30%;
}
.production-msc .paging, .production-msc .qr-code, .prepareParcelContent, .production-msc .address {
	background-color: #fff; 
	margin: 10px 0; 
	padding: 10px 0;
}
.production-reproduce-msc-parcel .productCol {
	opacity: 0.5;
}
.production-reproduce-msc-parcel .defect {
	opacity: 1;
	opacity: 1 !important;
}

.previewImage .modal-dialog {
	width: 50%;	
}

.taskHeader {
	background-color: white; 
	margin: 15px 0 0px 0; 
	padding: 5px 0 5px 0;
}

.taskContent {
	background-color: white; 
	margin: 0px 0 0px 0; 
	padding: 5px 0 20px 0;
}

.hasCoolpad {
	background-color: rgba(175, 222, 247, 0.7);
}