.clr {
	clear:both;
}

.panel.danger {
	background-color:#f2dede;
}

.panel.active {
	background-color:#f5f5f5;
}

.panel.info {
	background-color:#d9edf7;
}

.panel.warning {
	background-color:#fcf8e3;
}

.panel.success {
	background-color:#d0e9c6;
}

.panel.todo {
	background-color:#ffdda7;	
}

.panel.completed {
	background-color:#e4d8f0;	
}

.panel.revision1 {
	background-color:#ffccff;	
}

.panel.revision2 {
	background-color:#ffccff;	
}

.panel.revision3 {
	background-color:#ffccff;	
}

.form-group .multiplestatus {
	height:200px;
}

.table > thead > tr > td.todo,
.table > tbody > tr > td.todo,
.table > tfoot > tr > td.todo,
.table > thead > tr > th.todo,
.table > tbody > tr > th.todo,
.table > tfoot > tr > th.todo,
.table > thead > tr.todo > td,
.table > tbody > tr.todo > td,
.table > tfoot > tr.todo > td,
.table > thead > tr.todo > th,
.table > tbody > tr.todo > th,
.table > tfoot > tr.todo > th {
  background-color: #ffdda7;
}

/***todo***/
.panel-todo {
  border-color: #ffac2a;
}

.panel-todo > .panel-heading {
  color: #d38100;
  background-color: #ffdda7;
  border-color: #ffac2a;
}

.panel-todo > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ffac2a;
}

.panel-todo > .panel-heading > .dropdown .caret {
  border-color: #ffac2a transparent;
}

.panel-todo > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ffac2a;
}
/**TODO SLUT**/

.table > thead > tr > td.completed,
.table > tbody > tr > td.completed,
.table > tfoot > tr > td.completed,
.table > thead > tr > th.completed,
.table > tbody > tr > th.completed,
.table > tfoot > tr > th.completed,
.table > thead > tr.completed > td,
.table > tbody > tr.completed > td,
.table > tfoot > tr.completed > td,
.table > thead > tr.completed > th,
.table > tbody > tr.completed > th,
.table > tfoot > tr.completed > th {
  background-color: #e4d8f0;
}

/***todo***/
.panel-completed {
  border-color: #cd86ff;
}

.panel-completed > .panel-heading {
  color: #814688;
  background-color: #e4d8f0;
  border-color: #ead5ee;
}

.panel-completed > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ead5ee;
}

.panel-completed > .panel-heading > .dropdown .caret {
  border-color: #ead5ee transparent;
}

.panel-completed > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ead5ee;
}
/**TODO SLUT**/

/***revision1***/
.panel-revision1 {
  border-color: #cccccc;
}

.panel-revision1 > .panel-heading {
  color: #cccccc;
  background-color: #666666;
  border-color: #cccccc;
}

.panel-revision1 > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #cccccc;
}

.panel-revision1 > .panel-heading > .dropdown .caret {
  border-color: #cccccc transparent;
}

.panel-revision1 > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #cccccc;
}

.table > thead > tr > td.revision1,
.table > tbody > tr > td.revision1,
.table > tfoot > tr > td.revision1,
.table > thead > tr > th.revision1,
.table > tbody > tr > th.revision1,
.table > tfoot > tr > th.revision1,
.table > thead > tr.revision1 > td,
.table > tbody > tr.revision1 > td,
.table > tfoot > tr.revision1 > td,
.table > thead > tr.revision1 > th,
.table > tbody > tr.revision1 > th,
.table > tfoot > tr.revision1 > th {
  background-color: #666666;
  color:#ccc;
}
/**revision SLUT**/

/***revision2***/
.panel-revision2 {
  border-color: #66cc66;
}

.panel-revision2 > .panel-heading {
  color: #66cc66;
  background-color: #336633;
  border-color: #66cc66;
}

.panel-revision2 > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #66cc66;
}

.panel-revision2 > .panel-heading > .dropdown .caret {
  border-color: #66cc66 transparent;
}

.panel-revision2 > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #66cc66;
}

.table > thead > tr > td.revision2,
.table > tbody > tr > td.revision2,
.table > tfoot > tr > td.revision2,
.table > thead > tr > th.revision2,
.table > tbody > tr > th.revision2,
.table > tfoot > tr > th.revision2,
.table > thead > tr.revision2 > td,
.table > tbody > tr.revision2 > td,
.table > tfoot > tr.revision2 > td,
.table > thead > tr.revision2 > th,
.table > tbody > tr.revision2 > th,
.table > tfoot > tr.revision2 > th {
  background-color: #336633;
  color:#66cc66;
}
/**revision SLUT**/

/***revision3***/
.panel-revision3 {
  border-color: #ffccff;
}

.panel-revision3 > .panel-heading {
  color: #ffccff;
  background-color: #996699;
  border-color: #ffccff;
}

.panel-revision3 > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ffccff;
}

.panel-revision3 > .panel-heading > .dropdown .caret {
  border-color: #ffccff transparent;
}

.panel-revision3 > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ffccff;
}

.table > thead > tr > td.revision3,
.table > tbody > tr > td.revision3,
.table > tfoot > tr > td.revision3,
.table > thead > tr > th.revision3,
.table > tbody > tr > th.revision3,
.table > tfoot > tr > th.revision3,
.table > thead > tr.revision3 > td,
.table > tbody > tr.revision3 > td,
.table > tfoot > tr.revision3 > td,
.table > thead > tr.revision3 > th,
.table > tbody > tr.revision3 > th,
.table > tfoot > tr.revision3 > th {
  background-color: #996699;
  color:#ffccff;
}
/**revision SLUT**/

/* Sortable ******************/
#sortable { 
	list-style: none; 
	text-align: left; 
	padding:0;
	margin:0;
}

#sortable li { 
	margin: 0 0 10px 0;
	height: 75px; 
	border: 1px solid #dddddd;
	border-radius: 5px;
	color: #333333;
}

#sortable li span {
	background-color: #dbd9d9;
	background-image: url('../images/drag.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 30px;
	height: 73px; 
	display: inline-block;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	float: left;
	cursor: move;
}

#sortable li img {
	height: 65px;
	border: 5px solid #cccccc;
	display: inline-block;
	float: left;
}
#sortable li div {
	font-size:12px;
	padding:10px 0 0 40px;
}
#sortable li h2 {    
	font-size: 14px;
    line-height: 20px;
	margin:0;
}


/* Trafikljuscirklar */

.gradientGreen { 
	background:linear-gradient(to bottom, #00ff5a, #028f34);
}

.gradientYellow {
	background:linear-gradient(to bottom, #f8fb00, #9a9c02);		
}

.gradientGrey { 
	background:linear-gradient(to bottom, #dfdfdf, #a4a4a4);
}

.gradientBlack { 
	background:linear-gradient(to bottom, #6c6c6c, #000000);
}

.gradientRed { 
	background:linear-gradient(to bottom, #F00000, #9c0000);
}

.gradientCommon {
	float:left;
	text-align: center;
	color:#FFF;
	font-size:11px;
	padding-top:2px;	
	width:20px;
	height:20px;
	border-radius:50px;
	margin-right:4px;
}

.gradientCommon2 {
	float:left;
	text-align: center;
	color:#FFF;
	font-size:11px;
	padding-top:3px;	
	width:30px;
	height:30px;
	border-radius:50px;
	margin-right:10px;
}

.gradientName {
	float:left;	
	width:100px;
}

.gradientComment {
	float:left;
}

.gradientRow {
	margin:5px 0 5px 0;	
}

.optionGrey {background-color:#dfdfdf; }
.optionYellow {background-color:#f8fb00; }
.optionGreen {background-color:#00ff5a; }

h3.pointcursor { cursor:pointer; }