body {
    font-family: 'Roboto' !important;
    line-height: 18px;
    background-color: #ffffff;
    color: #333;
	font-size:14px;
}
body, p, label, h1, h2, h3, h4, h5, h6, legend, text, input, select, button, b, ul, li, ul li, ul ul, ul ul li, ol, ol li, ol ol, ol ol li, span, a{
font-family: 'Roboto' !important;	
}

a {
	text-decoration: none;
}

.main-header .navbar .navbar-nav>li>a, .skin-black .main-header .navbar-brand
	{
	border:0px !important;
	}

.main-header .logo1, .main-header .logo-mini1 {
    height: 125px;
	margin-left:15px;
	padding:0;
	background:none !important;
}
.content-header .logo1 {
    width: auto;
}
.content-header .logo > .logo-mini {
    display: block;
    margin-left: 15px;
    margin-right:0;
}
.main-header {
    position: relative;
    max-height: 250px;
    z-index: 1030;
	background-color:#fff;
}
.logo-container{
	float:left;
	width:68%;
	padding-left: 0px;
}
.main-header .navbar, .sidebar-mini.sidebar-collapse .main-header .navbar{
	margin-left: 15px;
}
.main-header .logo, .main-header .logo img, .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg, .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg img{
	max-height:150px;
	width:auto;
	height:auto;
	max-width:350px;
}
.main-header .logo img{
	padding:12px;
}
.sidebar-menu li a, .logoutlink {
	text-decoration: none;
}
.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a, .skin-black .main-header .navbar .navbar-right > li > a {
    border-left: 0px solid #eee;
    border-right-width: 0;
}
@media (max-width: 767px) {
.main-header .logo, .main-header .logo img, .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg, .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg img{
	max-height:70px;
	width:auto;
	height:auto;
	max-width:170px;
}
.logo-container{
	float:right;
	width:100%;
	padding-right:10px;
	padding-left:0px;
	
}
}
@media (min-width: 768px) {

}

.sidebar-mini.sidebar-collapse .main-header .logo{
	width:auto;
}
.sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg{
	display:block;
}
table, 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: 1px solid #f4f4f4 !important;
	    padding: 8px;
    border: 1px solid #f4f4f4 !important;

    line-height: 1.42857143;
    vertical-align: top;
}
table, table th, table td{
	text-align:center;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #fff;
}
table th{
 background-color: #f9f9f9;	
}
.form{
	margin:10px;
}
legend{
background-color: #1e282c;
padding: 10px 5px;
margin-bottom: 0px;
color:#fff;
}
.box{
padding: 15px;
display:inline-block;
padding-top:0px;
}
.box.box-info {
    border-top-color: #00a7d0;
   
}
.steps{
	float:right;
	width:100%;
}
.steps button{
	float:right;
}
.table, .table th, .table td{
		text-align:left;
}
.h3, h3 {
    font-size: 18px;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 8px;
    margin-bottom: 8px;
}
ul.shiftsplanning {
    padding:0;
    margin:0;
}
.shiftsplanning h3{
    clear:both;
    background-color:#F0F0F0;
    color:#000;
    padding:10px;
    margin:25px 0 5px 0;
    text-align:left;
    font-size:1.6em;
    font-weight:normal;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: capitalize;
}
.shiftsplanning h3:first-child{
    margin-top:0;
}
.shiftsplanning li {
    list-style-type:none;
    list-style-image:none;
    padding:0;
    margin:0;
}
.shiftsplanning li ul, #wrapper ul.shiftsplanning ul {
    padding:0;
    margin:0 auto 15px auto;
    width:95%;
    margin-bottom:20px;
}
.shiftsplanning li ul li{
    float:left;
    min-width:175px;
    height:125px;
    margin-bottom:10px;
    border:1px dotted #CCC;
    margin-right:10px;
    padding:10px;
}
.shiftsplanning li ul li .inputs {
    float:left;
    min-width:135px;
}
.shiftsplanning li ul li .submit {
    padding-top:20px;
    float:right;
}
.shiftsplanning li.messages li {
    width: 100%;
    border: none;
    height: auto;
    float: none;
}
.shiftsplanning li ul li.selected{
	background-color:#00a65a;color: #fff;
}
.error{
	color:#dd4b39;
}