/* Primary color #ed6e1a */
/* Secondary color #757575 */
/* light background #e6e6e6 */
/* dark background #474747 */
/* subtle text #bbbbbb */


.header > .container {
	position:relative;
}
.header > .container, .main > .container {
	background-color:white;
}
.footer {
	color:#7f7f7f;
	background-color:#474747;
	font-size:12px;
	min-height: 150px;
}
.main {
	margin-bottom:5em;
}
.main .container {
	padding-top:15px;
}
.footer-content {
	padding:4em;
}
a.logo img {
	vertical-align: top;
	padding-left: 15px;
	float:left;
}
.logo.logo_veltion img {
	height:80px;
}
body {
	padding: 0;
	font-family: Arial,Verdana,sans-serif;
	font-size: 13px;
	background-color:#e6e6e6;
}

h1, h2, h3, h4, h5 {
	color: #474747;
}
a img, img {
    border: none;
}

.monthly-listing {
	display:block;
    background: #f8f8f8;
    height: 6.7em;
    border: 1px solid #e1e1e1;
    cursor: pointer;
    overflow:hidden;
    padding:1em 0;
    white-space:nowrap;
}
.monthly-listing:hover, .monthly-listing:focus {
	background-color:#f8f4e8;
	border-color:#fff #ccc #ccc #fff;
}
.current {
	background:#eee78f;
	border-color:#fff #aaa #aaa #fff;
	border-style:solid;
	border-width:1px;
}
h4.date {
	color:#444;
}
h4.month {
	margin: 2px;
	font-weight:bold;
}
h4 .year {
	font-weight:normal;
}
.summary {color:#777;}
.summary span {float:right;}/* dubious */

.checknote {
	background:url(../../resources/veltion/images/checknote.png) -41px 50% no-repeat;
	width:41px;
	height:38px;
}
.checknote.processed {
	background-position:0 50%;
}

/* Calendar styling */
	#calendar {
		margin-bottom:1em;
	}
	.fc td, .fc th {
		border-color:#bbb;
	}
	.fc-sat,
	.fc-sun {
		background-color: #FFEBDA;
	    color: #ed6e1a;
	}
	.fc-other-month {
		background: #EEE;
	}
	.fc-event{
	    	text-align: center;
	}
	.fc-title {
		white-space: normal;
	}
	.fc-state-default {
		background-image:none;
	}
	.fc button {
		height: 2.8em;
	    	padding: 0.5em 1.5em;
	}

	.col-sm-right {
		float: left;
	}

@media (min-width: 768px) {
	.col-sm-right { float: right; }
	.navibar {width:490px;}
}

@media (min-width: 992px) {
	.col-sm-right { float: right; }
	.navibar {width:710px;}
}

@media (min-width: 1200px) {
	.col-sm-right { float: right; }
	.navibar {width:910px;}
}

.header_inner_right_bottom {
    bottom: 0;
    right:0;
    z-index: 10;
    width: 895px;
    height: 55px;
    position: absolute;
    background: #757575;
    color: white;
}
.yearselect				{text-align:center;}
.yearselect a			{font-size:2em; color:#fff; text-decoration:none; margin:0 4px;}
.yearselect a.j1		{font-size:1.5em; color:#ddd;}
.yearselect a.j2		{font-size:1em; color:#aaa;}
.yearselect a:hover		{text-decoration:underline;}

.navibar {
	height:50px;
	min-width:250px;
	background-color:#757575;
	position:absolute;
	bottom:0;
	right:0;
}
.extra-padding {
	padding:15px;
}
.text-notification {
	position:absolute;
	display:block;
	bottom:2px;
	right:2px;
	color:#d44;
}


/* Checkbox/switch styling */
.material-switch {
	float:right;
	margin-top:4px;
}
.material-switch > label {
	display:block;
}
.switch-label {
	margin-right:48px;
	display:block;
}
.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: 0;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    border:2px solid #fff;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: 0;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
    box-shadow: 0px 0px 5px rgba(0, 128, 0, 0.5);
}



@media (min-width: 768px) {
	.modal-lg {
	    width: 95%;
	}
}
@media (min-width: 992px) {
	.modal-lg {
	    width: 900px;
	}
}


/* Core Bootstrap styling override */
.form-veltion .form-control {
	border-radius: 0;
	padding-left:8px;
	padding-right:8px;
}
.form-veltion .modal-body {
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ebecf0 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ebecf0 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ebecf0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebecf0',GradientType=0 );
}
.form-veltion label {
	margin-bottom: 1px;
}
.form-veltion .form-group {
	margin-bottom: 10px;
}
.form-veltion .nav-tabs {
    border-bottom: 3px solid #000;
}
.form-veltion .nav-tabs>li.active>a,
.form-veltion .nav-tabs>li.active>a:focus,
.form-veltion .nav-tabs>li.active>a:hover {
	margin-bottom: 1px;
	font-weight:bold;
	color:#000;
}
.form-veltion .nav-tabs>li>a {
	color:#666;
}
.form-veltion .tab-pane {
	background-color:#fff;
	padding-top:1em;
	padding-bottom:1em;
	border-width:0 1px 1px 1px;
	border-style:solid;
	border-color:#ccc;
}
.form-veltion .tab-pane:after,
.form-veltion .tab-pane:before {
	clear:both;
    display: table;
    content: " ";
}
.nav-tabs {position: relative;}

#protoTypeHourLine {display:none;}

/* awesome styles */

/* old styles */
.close_month_button {
    position: absolute;
    margin: 3px;
    padding-left: 28px;
    background:url(../../resources/veltion/images/lock.png) 3px center no-repeat;
} 

span.closed_month_label {
    position: absolute;
    margin: 3px;
    padding-left: 28px;
    background:url(../../resources/veltion/images/locked.png) 3px center no-repeat;
}
 
.open_month_button {
    position: absolute;
    margin: 3px;
    padding-left: 28px;
    background:url(../../resources/veltion/images/unlock.png) 3px center no-repeat;
}


.warning {
    margin-top: 10px;
    color:yellow;
    display: block;
    border:5px solid #888;
    background: #AAA;
    padding: 10px;
    width: 80%;
    clear: both;
    padding-top:0px;
    text-align: left;
}
/* -------- */

/* admin */
#navbar {
	margin-left:-15px;
	margin-right:-15px;
}
.navbar {
	background:#757575;
	border:none;
}
.navbar-custom {
	background:#757575;
	max-height:3.85em;
	margin-top:1.25em;
}
@media (max-width: 768px) {
	.navbar-custom {
	    max-height:none;
	}
	.navbar-custom.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color:#fff;
	}
	.navbar-custom.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-custom.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
		background-color:rgba(255,255,255,0.1);
	}
}
#navbar.navbar-collapse::before {display:inline-block;}
.navbar-vts {
	background:transparent;
	color:#fff;
}
.navbar-inverse .navbar-nav > li > a,
.navbar-vts > li > a {
	color:#fff;
}
.navbar-vts .open > a,
.navbar-vts > li > a:hover,
.navbar-vts .open > a:focus,
.dropdown:hover {
	background-color:rgba(255,255,255,0.1);
}
.panel-vts-dash {
	color:#ddd;
    border-color: #ddd;
}
.panel-vts-dash > .panel-heading {
	background-color:#d4d4d4;
}
.panel-vts-dash > a {
	color:#888;
}
.panel-vts-dash .fa-5x {
	color:#fff;
	text-shadow:0 1px 1px rgba(0,0,0,0.3);
}
.panel-vts-dash .fa-plus-circle {
	color:#ed6e1a;
}
.panel-vts-dash .fa-plus-circle:hover {
	color:#f28f38;
}
.topspace {
	margin-top:4rem;
}
.nopadding {
	padding:0;
}
.padding-lr {
	padding-left:15px;
	padding-right:15px;
}
.page-nr-items {
	width:5em;
}

/* -------- */