.uploader-error {
	color: red;
}
.add-button-top {
	margin-bottom: 10px !important;
}
.navbar-default .navbar-brand {
    color: #FFFFFF;
}
body .navbar.navbar-default {
    background-color: #000000 !important;
    border-bottom: medium none;
}
.navbar .navbar-brand {
    padding: 5px 10px;
}
.navbar-nav {
    margin-bottom: 0;
    margin-top: 0;
}
.navbar .navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {
    color: #FFFFFF !important;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a:hover {
    color: #FFA500 !important;
}
.navbar-default .navbar-nav > .active > a {
    background-color: #333333 !important;
}
.navbar-default .navbar-nav > .active > a:hover {
    background-color: #444444;
    color: #FFA500;
}
.navbar-default .navbar-nav > li > a .fa, .dropdown-menu .fa {
    margin-right: 10px;
}
.navbar-default .navbar-toggle {
   padding: 4px 10px;
   color: #fff;
   margin-right: 10px;
}
.navbar-default .navbar-toggle:focus {
   background-color: #333;
}
.container {
    padding: 0;
}
.btn-primary {
    background-color: #000000 !important;
    border-color: #333333 !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Titillium Web',sans-serif;
}
h2, .h2 {
    font-size: 2rem !important;
}
.text-left {
    text-align: left !important;
}
.text-center {
    text-align: center !important;
}
.text-right {
    text-align: right !important;
}
.text-justify {
    text-align: justify !important;
}
.text-grey {
    color: #AAAAAA;
}
.text-green {
    color: #39A000;
}
.text-orange {
    color: #FF9C00;
}
.text-red {
    color: #FF0000;
}
input:invalid {
    border: 2px solid #FF0000;
}
p {
    margin: 10px 0;
}

.ui-spinner{
	width:100%;
		
}
.ui-widget input {
	font-family:'Titillium Web',sans-serif;
	font-size: 14px;
}
.ui-spinner-input{
	margin:0px;
	padding:10px;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
   	padding-right: 15px !important;
    padding-left: 15px !important;
}
@media screen and (orientation: portrait) {
.tile
{
	width: 50%; height: 33.3333333333%; }
}
@media screen and (max-width: 767px){
	
	body {
		padding-top: 50px;
	} 
	.tile {
	    height: auto;
	    min-height: 60px;
	    padding: 0;
	    width: 100%;
	}
	.detail .head .home .btn-label, .detail .head .prev .btn-label, .detail .head .next .btn-label {
	    display: none;
	}
}
@media screen and (min-width: 768px) {
	.modal-dialog {
		width: 660px;
	}
}
@media screen and (min-width: 1199px) {
	.topnav{
		background-image: none!important;
	}
}
@media screen and (max-width: 1199px) {
	.topnav{
		background-position: center;
	}
	.topnav .titel,
	.topnav .fa{
		display: none;
	}
	.topnav {
		width: 13.9%
	}	
}

@media (max-width: 1490px) {
    .navbar-header {
        float: none !important;
    }
    .navbar-toggle {
        display: block !important;
    }
    .navbar-toggle#collapse-calclist {
        display: none !important;
    }
    .navbar-collapse {
        /* border-top: 1px solid transparent; */
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	    padding-right: 15px !important;
	    padding-left: 15px !important;
        
    }
    .navbar .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse#calclist {
        display: block !important;
    }
    
    .navbar .navbar-nav {
        float: none !important;
        margin: 7.5px -15px !important;
    }
    .navbar .navbar-nav>li {
        float: none;
    }
    .navbar .navbar-nav>li>a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}
@media screen and (max-width: 523px){
	#calclist {
	    top: 60px;
	    left: 0;
	    width: 100%;
	    background-color: #000;
	}
	.navbar-collapse.collapse#calclist {
        display: none!important;
    }
    .navbar-toggle#collapse-calclist {
        display: block;
    }
}
.form-control-feedback{
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 2;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
}
.bloat,
.bloat-h{
	width: 100%;
}
.tab-pane {
	padding: 50px 25px;
	background-color: #fff;
}

.tooltip {
	z-index:1111;
}
.tooltip .tooltip-inner {
    max-width: 350px;
    /* If max-width does not work, try using width instead */
    width: 350px;
    text-align: left;
}
.tooltip .tooltip-inner.tooltip-small {
    max-width: auto;
    /* If max-width does not work, try using width instead */
    width: auto;
    text-align: left;
}
.ui-datepicker {
	z-index: 3 !important;
}
tr:last-child td,
tr:last-child th {
    border-bottom: 1px solid #ddd;
}
table + table {
	margin-top: 25px;
}