$screen-xs-min: 480px;
$screen-xs-max: 479px;
$screen-sm-min: 768px;
$screen-sm-max: 767px;
$screen-md-min: 992px;
$screen-md-max: 991px;
$screen-lg-min: 1200px;
$screen-lg-max: 1199px;

$color-blue-wp:  #21759b;
$color-orange-wp:  #d54e21;
$color-grey-wp:  #464646;
$color-yellow: #ffff99;

$margin: 15px;



* {
	color: $color-grey-wp;
}

*:focus {outline:0;}

body.view-compact {
	.project_title,
	.row-worked {
		display: none;
	}
	.task-id {
		border: 1px solid transparent;
		border-radius: $margin*.66;
		background: white;
		height: 1.618em;
		overflow: hidden;

		&:hover {
			border-color: #CCC;
			height: auto;
			overflow: visible;
			z-index: 1;
		}
	}
}

.btn {
	.glyphicon {
		color: inherit;
	}
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

@import './scss/header';
@import './scss/footer';
@import './scss/row-statuses';
@import './scss/row-tasks';
@import './scss/board';



.modal {
	.panel-heading {
		display: block;
	}
	.btn-close {
		position: absolute;
		right: 0;
		top: 0;
	}
}

.bootstrap-growl {
	position: fixed !important;
}


.editable-input {
	cursor: pointer;
	border: 1px solid lighten($color-grey-wp, 45);
	box-shadow: none;
	font-size: inherit;
	height: auto;
	padding: $margin/5 $margin/5 0;
	width: 100%;

	&[readonly] {
		background: transparent;
		border: 1px solid transparent;
		&:hover {
			background: lighten($color-grey-wp, 65);
		}
	}

}