.bg-inverse {
    background-color: #b7ada9!important;
    border-bottom:1px solid #b7ada9;
}

body{
    font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;	
}

textarea{width:100%;height:150px;}

.form-standard {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-standard input{
	margin-bottom:10px;
}

.messagebox{
	position:relative;
	padding:5px;
	width:100%;
	background:#292b2c;
}

/* FILE LIST */
.filebox{
	background:#efe9e6;
	margin:1px 0 1px 0px;
	border:1px solid #ccc;
	border-radius:6px;
	height:30px;
	background: linear-gradient(0deg, #ece6e3, #efe9e6);
}
.filebox.closed{
	background:#fff;
}
.filebox.active{
	margin-top:10px;
}
.filebox.remove{
	border:1px solid #F00;
}
.info{
	white-space: nowrap;
	display:inline-block;
	overflow:hidden;
	padding:0 5px 0 0;
	max-width:300px;
	overflow:hidden !important;
    text-overflow: ellipsis;
    margin:2px 0 0 10px;
    color:#6f6966;	
}
.infoimg{
	display:inline-block;
	height:34px;
	width:34px;	
	border:1px solid #888;
	margin:-3px 0 0 0;
	border-radius:16px;
	z-index:10;
	background-size: 44px;
    background-repeat: no-repeat;	
}
.closed .info{
	color:#9f9996;
}
.skadenr, .name{
	font-weight:600;
}

.info.id{
	color:#afa9a6;
	border-right:1px solid #cfc9c6;
	padding-right:10px;
}
.info.skapad{
	letter-spacing:-0.5px;
	width:126px;
}
.rubrik{
	color:#7f7976;
	border-left:1px solid #cfc9c6;
	padding-left:5px;
}
.work-text{
	font-size:10px;
	margin:4px 10px 0 0;
	color:#999;
	float:right;
}

/* FILE HEAD */
.f-headbox{
	border:0px solid #999;
	border-radius:.25rem;
	margin:5px 0;
	padding:5px 8px;
}
.f-headbox.fnew{
	background: linear-gradient(0deg, #d25508, #e26518);
	background:none;
	color:#FFF;
}
.f-headbox .f-name{
	font-size:1.2rem;
}
.f-tools{
	margin-top:10px;
}
.btn-file-remove{
	float:right;
}
.btn-file-print-ingress{
	float:right;
}
.btn-file-print-archive{
	float:right;
}
/* AGEDOT */
.infodot{
	z-index:1;
	width:18px;
	height:18px;
	line-height:16px;
	border-radius:10px;
	border:1px solid #d7cdc9;
	color:#afa9a6;
	background:#efe9e6;
	float:right;
	font-size:10px;
	text-align:center;
	margin-top:5px;
	padding:0 0 0 1px;
	margin-right:2px;
	cursor:pointer;
}
.omradedot{
	z-index:0;
	top:0px;
	left:10px;
	position:absolute;
	width:21px;
	height:29px;
	line-height:16px;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
	border-right:1px solid #d7cdc9;
	color:#afa9a6;
	background:#efe9e6;
	margin:0 0 0 -10px;
	padding:0 0 0 1px;
	margin-right:2px;
}
.omrade0{background:#99BBEE;}
.omrade1{background:#BB9966;}
.omrade2{background:#CCCCCC;}
/* Ftype icons */
.ftypedot{
	z-index:0;
	top:3px;
	left:-0px;
	position:relative;
	float:left;
	margin-left:-15px;
	width:20px;
	height:20px;
}
.ftypeinvert{filter: invert(100%);}
.ftype1002{background:url('../images/icons/email.png'); background-size: 70% 70%; background-repeat:no-repeat; background-position: center; }
.ftype1024{background:url('../images/icons/phone.png'); background-size: 70% 70%; background-repeat:no-repeat; background-position: center; }
.ftype1028{background:url('../images/icons/envelope.png'); background-size: 70% 70%; background-repeat:no-repeat; background-position: center; }
.ftype1003{background:url('../images/icons/meeting.png'); background-size: 70% 70%; background-repeat:no-repeat; background-position: center; }

.ftype1005{background:url('../images/icons/i_theft.png'); background-size: 80% 80%; background-repeat:no-repeat; background-position: center; }
.ftype1006{background:url('../images/icons/i_fire.png'); background-size: contain;}
.ftype1007{background:url('../images/icons/i_leaks.png'); background-size: 80% 80%; background-repeat:no-repeat; background-position: center; }
.ftype1008{background:url('../images/icons/i_glass.png'); background-size: contain;}
.ftype1009{background:url('../images/icons/i_fungus.png'); background-size: 90% 90%; background-repeat:no-repeat; background-position: center; }
.ftype1010{background:url('../images/icons/i_food.png'); background-size: 90% 90%; background-repeat:no-repeat; background-position: center;}
.ftype1011{background:url('../images/icons/i_risk.png'); background-size: 80% 80%; background-repeat:no-repeat; background-position: center; }
.ftype1241{background:url('../images/icons/i_flood.png'); background-size: 90% 90%; background-repeat:no-repeat; background-position: center;}
.ftype1242{background:url('../images/icons/i_wind.png'); background-size: 90% 90%; background-repeat:no-repeat; background-position: center; }
.ftype1243{background:url('../images/icons/i_thunder.png'); background-size: contain;}
.ftype1244{}
.ftype1245{background:url('../images/icons/i_boat.png'); background-size: 90% 90%; background-repeat:no-repeat; background-position: center; }
.ftype1247{background:url('../images/icons/i_fungus.png'); background-size: 90% 90%; background-repeat:no-repeat; background-position: center; }
.ftype1248{}
.ftype1250{background:url('../images/icons/i_build.png'); background-size: contain;}

.fasdot {
    position: relative;
    color:#9f9996;
    padding: 0px;
    overflow: hidden;
}
.uncleardot {
    position: relative;
    background: #0AE;
    float:left;
    color:#fff;
    padding: 0px;
    overflow: hidden;
    margin:5px 0 0 -28px;
}
.dostartdot {
    position: relative;
    background: #F8B;
    float:left;
    color:#fff;
    padding: 0px;
    overflow: hidden;
    margin:5px 0 0 -28px;
}
.dobekraftelsedot {
    position: relative;
    background: #F8B;
    float:left;
    color:#fff;
    padding: 0px;
    overflow: hidden;
    margin:5px 0 0 -28px;
}
.reminddot {
    position: relative;
    background: #FF0;
    float:left;
    color:#000;
    border:1px solid #000;
    padding: 0px;
    overflow: hidden;
    margin:5px 0 0 -28px;
}

.fasdot:before, .fasdot:after {
    position: absolute;
    content: '';
    margin:5px;
    background: #C00;
    opacity:0.4;
    display: block;
    width: 100%;
    height: 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.fasdot:after {
    -webkit-transform: rotate(45deg);  
    transform: rotate(45deg);
}

/* TOUCHBAR */
.touchbar-box{
	display:none;
	float:right;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	width:200px;
	height:100%;
	background:#efe9e6;
	-webkit-filter: brightness(104%);
	margin:0 0 0 3px;
	overflow:hidden;
	cursor:pointer;
}
.touchbar-bar{
	position:relative;
	border-right:1px solid #999;
	height:100%;
	background:#5A5;
	width:0%;
	min-width:2px;
	background: repeating-linear-gradient(
	  -45deg,
	  #fff9f6,
	  #efe9e6 10px,
	  #cfc9c6 10px,
	  #bfb9b6 20px
	);	
}
.touchbar-age{
	position:absolute;
	top:80%;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	height:20%;
	background:#fff;
	width:0%;
	min-width:2px;
}
@media (max-width: 992px) {
	.touchbar-box{width:100px;}
}
@media (max-width: 768px) {
	.touchbar-box{display:none !important;}
}

.bar-green{
	background: repeating-linear-gradient(
	  -45deg,
	  #5A5,
	  #9C9 10px,
	  #5A5 10px,
	  #393 20px
	 );
}
.bar-red{
	background: repeating-linear-gradient(
	  -45deg,
	  #F33,
	  #F44 10px,
	  #F77 10px,
	  #F66 20px
	);	
}
.bar-orange{
	background: repeating-linear-gradient(
	  -45deg,
	  #E72,
	  #FA5 10px,
	  #E72 10px,
	  #C50 20px
	);	
}
/* QUESTONS */
.q-box{
	border-bottom:1px solid #999;
	margin-bottom:10px;
	padding-bottom:30px;
	}
.q-box .q{margin-bottom:20px;}
.q-btn{
	border:1px solid #999;
	border-radius:.25rem;
	margin:5px 0;
	padding:2px 5px 0px 5px;
}
.q-head{
	background: linear-gradient(0deg, #0275d8, #1285e8);
	color:#FFF;
	margin:5px 0 5px 0;
	padding:2px 5px 3px 5px;
	font-size:0.8rem;
}
.q-hidelabel{
	background:none !important;
	color:#bbb !important;
	border:none;
}
.q-head-title{
	font-size:0.6rem;
	margin:-3px 0 1px 3px;
	color:#999;
	line-height:0.7rem;
	min-height:22px;
}
.q-option{
	float:left;
	color:#777;
	background-color:#fff;
	clear:both;
	cursor:pointer;
	-webkit-transition: background-color 100ms linear;
	font-size:0.8rem;
	padding:0px 5px 1px 5px;
}
.q-option:hover{
	background-color:#ccc;
	color:#000;
}
.q-option.selected{
	background: linear-gradient(0deg, #00A020, #00C030);
	color:#FFF;
}
textarea.q-input{
	height:150px;
	margin-bottom:10px;
}
input.q-input{
	margin-bottom:5px;
	width:100%;
	font-size:0.8rem;
}
.q-req{
	display:inline-block;
	margin-left:4px;
	font-size:0.8rem;
}
.q-req-mark{
	background: linear-gradient(0deg, #C04040, #F06060) !important;
}
.q-color-0 .q-head{
	background: linear-gradient(0deg, #858588, #A5A5A8);
    color: #FFF;}
.q-color-1 .q-head{
	background: linear-gradient(0deg, #d27598, #e385A8);
    color: #FFF;}
.q-color-2 .q-head{
	background: linear-gradient(0deg, #729588, #72a598);
    color: #FFF;}
.q-color-3 .q-head{
	background: linear-gradient(0deg, #a295e8, #b295f8);
    color: #FFF;}
.q-color-4 .q-head{
	background: linear-gradient(0deg, #4595D8, #65A5E8);
    color: #FFF;}
.q-color-5 .q-head{
	background: linear-gradient(0deg, #B490B4, #BB99BB);
    color: #FFF;}
.q-color-6 .q-head{
	background: linear-gradient(0deg, #DA4, #EB6);
    color: #FFF;}    

/* TABLES */
.mini{
	font-size:11px;
}
.mini thead td{
	font-size:9px;
}

table{
	width:100%;
}
td{
	padding:0 5px;
	vertical-align: top;
}
td.tool{
	width:20px;
	text-align: right;
}
thead td{
	text-transform: uppercase;
	font-size:0.8rem;
	color:#999;
	font-weight:200;
}

.direct_edit tbody td{
	border:1px solid #000;
	cursor:pointer;
}

tbody td.no-edit{
	background:#EEE;
	cursor:auto;
}
.infoval{
	padding-top:4px;
	padding-bottom:4px;
	line-height:1;
}
.waitfor{
	background:#fff;
	color:#E72;
	font-weight:600;
}

/* TIMELINE */
.timelinelist{margin-bottom:20px;}
.timelinelist .frame{
	background:#fff;
}
.timelinelist tbody tr{
	background:#fff;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #fafafa); /* Standard syntax */	
}
.timelinelist tr.weekrow{
	color:#FA5;
	height:12px;
	font-size:10px;
	line-height:10px;
	text-align:center;
	background:#fff;
}
.tl-date{font-size:0.7rem; width:70px;}
.tl-event{text-align:center;}

.frame{
	border:1px solid #ece6e3;
	padding:3px;
	border-radius:6px;
	margin-top:5px;
	background:#fffcfa;
}
.timelinelist tr{
	font-size:0.9rem;
	line-height:1.5;
	height:25px;
}
.timelinelist tr:not(:first-child){	border-top:1px solid #f5f5f5;}

.timeline-toolbox{
	display:none;
	z-index:9;
	position:absolute;
	top:0px;
	min-width:80px;
	right:0px;
	background:#eef;
	border:1px solid #999;
	border-radius:5px;
	padding:5px 15px 5px 5px;
	box-shadow: 5px 5px 5px #999;
}
.toolbox-icon{
	background-image: url(images/ui-icons_999999_256x240.png);
	width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-top: -.25em;
    float:left;
    display:inline;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor:pointer;
}
.worksbox .ui-icon{
	margin-top:3px;
}

/* PROG BOX */
.progbox{
	position:relative;
	font-size:10px;
	height:35px;
	margin:1px 0 0 0;
	border:1px solid #9f9996;
	border-radius:6px;
	background: #bfb9b6;
}
.prog{
	position:absolute;
	top:1px;
	left:0px;
	line-height:11px;
	color:#fff;
}
.progdot{
	position:absolute;
	top:10px;
	left:0px;
	margin-left:-10px;
}
.progline{
	height:1px;
	margin-top:20px;
	background:#Faa;
	border-bottom:1px solid #8f8986;
}
.date{
	height:100%;
	border-left:1px solid #8f8986;
	padding-left:3px;
}
.datestart{
	height:100%;
	padding-left:3px;
	text-align:right;
}
.dateend{
	width:60px;
	height:100%;
	padding-right:3px;
	text-align:right;
}


/* DIALOG */
.ui-dialog{
	box-shadow: 15px 15px 12px #555;
}
.ui-dialog-titlebar{
	display:none;
}
.ui-widget-overlay {
	opacity: .4;
}
.infolbl{
	font-size:12px;
	line-height:13px;
	margin:-5px 5px 0 0;
	color:#887975;
}
.infolbl-sm{
	font-size:10px;
	line-height:13px;
	margin:-5px 5px 0 0;
	color:#999;
	width:100%;
	text-align:right;
}

/* FONT AWESOME */
.fa{
	color:#999999;
	font-size:0.8rem;
	margin:3px 3px 0 3px;
	cursor:pointer;
}
.fa-circle{font-size:0.6rem !important; color:#8f8986;margin:7px 0 0 7px;z-index:-1}
.fa-star{font-size:1rem !important; color:#E72;z-index:10}
.fa-star.beslut{color:#596;;z-index:10}

.fa-home{font-size:1rem !important;}
.fa-paperclip{font-size:1.2rem !important;}
.fa-car{font-size:0.8rem !important;}
.fa-diamond{color:#3A3}
.fa-long-arrow-right{font-size:0.8rem !important;}
.fa-long-arrow-up{
	font-size:0.8rem !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);	
}


/* DIVERSE */
#showstartbar{
	margin-top:5px;
	font-size:12px;
	color:#999999;	
}

.dropdown-item{cursor:pointer;}

.warn{
	color:#C00;
	font-weight:600;
	font-size:0.8rem;
}
.notice{
	color:#0A0;
	font-weight:600;
	font-size:0.8rem;
}
.fileuploadbox{
	border:1px solid #999;
	padding:10px;
	background:#efe9e6
}
headlabel{
	color:#4BF;
	font-weight:600;
	font-size:1.2rem;
}

.dot{
	display:inline-block;
	margin:5px 0 0 3px;
	width:6px;
	height:6px;
	border-radius:3px;
	background:#999;
	vertical-align: top; 
}

.loading{
	display:inline-block;
	width:20px;
	height:20px;
}

.btn{cursor:pointer}
.btn-sm-works{
	font-size:10px !important;
	padding: 2px 4px 1px 4px !important;	
	background:#fff !important;
	color:#888 !important;
	border:1px solid #bbb !important;
}

.ui-icon{
	background-image: url('images/ui-icons_999999_256x240.png');
	cursor:pointer;
}

.infolist{
	margin-bottom:20px;
	}
.infolist tr{
	font-size:0.9rem;
	line-height:1.5;
	height:25px;
}
.infolist tr:not(:first-child){	border-top:1px solid #eee;}
.pres{
	display:inline-block;
}
.infolist .btn-savepresedit{margin-bottom:20px;}

.textdot{
	z-index:1;
	height:14px;
	line-height:9px;
	border-radius:10px;
	border:1px solid #d7cdc9;
	color:#afa9a6;
	background:#efe9e6;
	float:right;
	font-size:10px;
	text-align:center;
	margin-top:5px;
	padding:0px 3px 0 3px;
	margin-right:2px;
	cursor:pointer;	
}

.mark-0{}
.mark-1{background:#E72;color:#fff;}
.mark-2{color:#999;}
.mark-3{
	color:#fff;
	background: repeating-linear-gradient(
	  45deg,
	  #222,
	  #333 10px,
	  #444 10px,
	  #555 20px
	) !important;
}

.gy{background-color:#ddd; color:#888;}
.dg{background-color:#aaa; color:#666; border:1px solid #888;}
.bk{background-color:#888; color:#ccc; border:1px solid #444;}
.rd{background-color:#f66; color:#eee;}
.gr{background-color:#6a6; color:#eee; border:1px solid #484;}
.bl{background-color:#37e}
.yl{background-color:#efe996; color:#888;}
.or{background-color:#F95; color:#eee;}
.wh{background-color:#FFF; color:#888;}
.tr{background-color:none; color:#888;}

.logo{
	color:#fff;
	width:400px;
	text-align:right;
}

/* bootstrap */
.btn-primary{
	color: #fff;
    background-color: #C0C0C0;
    border-color: #ccc;
    margin:40px auto 0 auto;
}
.btn-group-sm>.btn, .btn-sm{
	padding:3px 3px 3px 3px;
	line-height: 1;
}
.btn-group-sm>.btn, .btn-sm-box{
	height:16px;
	height:16px;
	padding:0px 3px;
	line-height: 1;
	margin:0 2px 0 0;
	font-size:12px;
}

.btn-works{
    color: #fff;
    border-color: #777777;
    font-size:12px;
    padding:4px 8px 3px 8px;
    margin:0 5px 0 0;	
	line-height: 1;
    -webkit-transition: background-color 200ms linear;
}

.btn-br{background-color: #B95;}
.btn-gr{background-color: #596; color:#fff}
.btn-gy{background-color: #aaa; color:#fff}
.btn-pu{background-color: #968;}
.btn-bl1{background-color: #57C;}
.btn-bl2{background-color: #79D;}
.btn-bl3{background-color: #9BE;}
.btn-bk{background-color: #888; color:#fff;}

.btn-works:hover{
	-webkit-filter: brightness(130%);
}

.btn-active{
	border:1px solid #000000;
	color:#000000;
	background:none;
}

.msgbox{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1031;
    font-size:12px;
    background:#0000ff;
    color:#ffffff;
    text-align:center;
}