/* General */
body {
	overflow: hidden;
}

/* Bootstrap "Extensions" */

@media screen and (min-width: 992px) {
	.col-md-auto {
		width: auto !important;
	}	
}

.d-block {
	display: block;
}

.text-red {
	color: #ff0000;
}

/* User Menu */
.user-menu .user-header{
	height: auto !important;
}
.user-menu h1, .user-menu h3{
	color: #fff;
}

/* Alerts */
#alert-wrapper{
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 99;
	pointer-events: none;
}
#alert-wrapper .alert{
	pointer-events: auto;
	margin-bottom: 15px;
}

/* Modal */
.ttqSecondaryDialog .modal-dialog{
	margin-top: 60px;
}

/* Preloader */
#preloader {
    position:fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:9999; /* makes sure it stays on top */
}

#status {
    width:300px;
    height:300px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(ping-loader.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-150px 0 0 -150px; /* is width and height divided by two */
}

/* Table */
tr.group{
	background: #ddd !important;
}
.ttqSearchBottom label{
	margin: 5px 0 0 0;
}

/* Counter */
#ttqCurrentTask {
	float: right;
	padding: 8px 15px;
	max-width: 425px;
}
#ttqTimer {
	background-color: #ecf0f5;
	cursor: pointer;
}
#ttqTimer:hover {
	background-color: #f5f1ec;
}
#ttqTimerTask {
	background-color: #dbe3ec;
}

/* Dashboard */
.ttqDashTime {
    transition: background-color 350ms linear;	
}

/* User */
.user-header {
	background: #307095; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #307095 0%, #3c8dbc 50%, #367fa9 51%, #4c99c6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #307095 0%,#3c8dbc 50%,#367fa9 51%,#4c99c6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #307095 0%,#3c8dbc 50%,#367fa9 51%,#4c99c6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#307095', endColorstr='#4c99c6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.user-body table {
	margin-bottom: 0px;
}

/* Buttons */
#ttqRefresh{
	color: #fff;
    float: left;
    background-color: transparent;
    background-image: none;
    padding: 15px 15px;
    font-family: fontAwesome;	
}
#ttqRefresh:hover {
	background-color:#367fa9;
}

#ttqDashboardRefresh {
    margin: 0 0 20px;
}

/* Backgrounds */
.bg-carnation {
	background-color: #fd5753 !important;
	color: white;
}

.bg-tangerine {
	background-color: #fea17a !important;
	color: white;
}

.bg-goldenrod {
	background-color: #fecb73 !important;
	color: white;
}

.bg-boston {
	background-color: #2ebfb3 !important;
	color: white;
}

.bg-seagull {
	background-color: #7fcee8 !important;
	color: white;
}

.ttqPageActions {
	position: absolute;
	top: 15px;
	right: 10px;
}

/*.ttq_chart {
	min-height: 400px;
}*/

input[type=number] {
	-webkit-appearance: textfield !important;
	-moz-appearance: textfield !important;
	appearance: textfield !important;
}

.modal-backdrop + .modal {
	padding-top: 50px;
}

#ttqTabelTaskuriSesizari table td:nth-child(3) {
	/*white-space: pre;*/
}

#ttqSarcinaDash .typeahead .dropdown-menu {
    max-height: 215px; 
    overflow: auto; 
}