h2{
	font-size:1.4rem;
}

.bg-inverse {
	background: rgb(255,170,0);
	background: linear-gradient(0deg, rgba(255,170,0,1) 0%, rgba(238,153,0,1) 53%);
    border-bottom:1px solid #6080A0;
    min-height:60px;
}
.dropdown-menu{
	background:#f80;
}
.dropdown-item{
	background:#f80;
	color:#fff;
}
.dropdown-item:hover{
	background:#fa0;
}

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

#start-container{padding-top:60px;}
/* FORMS */
form{margin:10px 0 10px 0;}
.formlbl{
	color:#777;
	font-weight:600;
	font-size:1.1rem;
	letter-spacing:1.1px;
	margin:0 0 5px 0;
}
label{
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:#888;
	font-size:0.9rem;
	line-height:0.9rem;
}
.input{
	padding:0 3px 0 3px;
	height:28px;
	width:100%;
	max-width:500px;
	border:1px solid #ccc;
	color:#667799;
	letter-spacing:1.1px;
}
.submit{
	margin:20px 0 0 0 ;
	width:100px;
}

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

.textarea {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 1px solid #ccc;
    font: medium -moz-fixed;
    font: -webkit-small-control;
    height: 200px;
    overflow: auto;
    padding: 2px;
    resize: none;
    width: 100%;
}
.textarea.readonly{
    border: none;
    overflow: auto;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;    	
}

.demand{
	display:inline-block;
	background:#79b;
	width:10px;
	height:10px;
	border-radius:6px;
	vertical-align: top;
	margin-top:8px;
	cursor:pointer;
}	
.buildanswer{
	display:inline-block;
	vertical-align: top;
	margin-top:6px !important;
}




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

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

/* INS LIST */
.filebox{
	position:relative;
	background:#efe9e6;
	margin:0 0 2px 0px;
	border:1px solid #ccc;
	border-radius:6px;
	height:30px;
	background: linear-gradient(0deg, #ece6e3, #efe9e6);
}
.filebox:hover{background:#dfd9d6;}
.filebox.closed{
	background:#fff;
}
.filebox.active{
	margin-top:10px;
}
.filebox.remove{
	border:1px solid #F00;
}

.insbox{
	margin-bottom:32px;
	margin-top:5px;
	border-radius:6px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	min-height:30px;
}

.insCalBox{
	position:absolute;
	top:0px;
	left:10px;
	width:95%;
	height:100%;
	border-left:1px solid #777;
	border-right:1px solid #777;
	background: rgb(136,170,204);
	background: linear-gradient(90deg, rgba(136,170,204,0.11248249299719892) 0%, rgba(136,170,204,0.31976540616246496) 50%, rgba(136,170,204,1) 100%);
}
.insCalBox.reached{
	background:#6C2;
	padding:2px 0 0 5px;
	color:#fff;
}

.insCalBoxBar{
	border-left:3px solid #6C2;
	width:10px;
	font-size:0.8rem;
	height:100%;
	padding:4px 0 0 5px;
}
.info{
	padding-top:3px;
	position:relative;
	display:inline-block;
	white-space: nowrap;
	overflow:hidden;
	max-width:300px;
	overflow:hidden !important;
    text-overflow: ellipsis;
    margin:0 0 0 10px;
    color:#6f6966;
	height:100%;
}

.info.date_event{
	position:relative;
	width:200px;
}
.info.id{
	margin-left:0;
	position:relative;
	letter-spacing:-0.05rem;
	width:35px;
}
.info.id_fas{
	position:relative;
	color:#5080B0;
	font-weight:600;
	width:90px;
}
.info.category{
	position:relative;
	color:#5080B0;
	width:180px;
	margin-left:0;
}

.info.name{
	position:relative;
	width:180px;
	overflow:hidden;
}

/* INSURANCE CALENDER-SHOW-BAR */
.calBox{
	position:relative;
	margin:5px 0 20px 0;
	font-size:0.9rem;
}
.calList{
	position:relative;
	background:#efe9e6;
	color:#666;
	margin:0px 0 2px 0;
	padding:0 5px 0 5px;
	border:1px solid #ccc;
	border-radius:6px;
	cursor: pointer;	
}
.calList.review{
	background: rgb(255,119,119);
	background: linear-gradient(90deg, rgba(255,119,119,1) 0%, rgba(239,233,230,1) 47%);
}

.calList.closed{
	background:#fafafa;
	color:#bbb;
}
.calList.sum{
	background:#fff;
}

.calList.reached{
	background:#6C2;
	color:#fff;
}
.insCalBox.overdue{
	background:#e66;
}
.calList.overdue{
	background:#e66;
}
.calList.ongoing{
	color:#666;
	background: rgb(255,204,85);	
	background: linear-gradient(90deg, rgba(255,204,85,1) 0%, rgba(239,233,230,1) 57%);
}
.calworkbox{
	padding:3px 0 10px 4px;
	background:#fff;
}
.calInfo{
	display:inline-block;
	padding:0 0 0 0;
	margin:0 8px 0 0;
	white-space: nowrap;
	overflow:hidden !important;
    text-overflow: ellipsis;
}
.calInfo.calnote{
	width:150px;
}
.calInfo.subtype{
	width:120px;
	white-space: nowrap;
}
.calList.headline{
	margin-top:30px;
	border:none;
	background:none;
	font-size:1.4rem;
	font-weight:600;
}
.insCalListRow{
	position:absolute;
	top:0px;
	left:0px;
	border:1px solid #444;
	width:14px;
	height:14px;
	border-radius: 6px;
}


.calStatusBox{
	margin:0;
	width:100%;
	text-align:center;
}
.calStatusBtn{
	cursor:pointer;
	margin-bottom:10px;
	padding-top:24px;
	width:100%;
	height:80px;
	display:inline-block;
	border:1px solid #999;
	border-radius:10px;
	vertical-align: middle;
	text-align: center;
	background:#DEF;
}
.calStatusBtn.current{
	font-weight:600;
	background:#7090B0;
	color:#fff;
	font-size:1.2rem;
}
.btn-inline{
	display:inline-block !important;
}
/* INSURANCE CALENDER-SHOW-BAR */
.objBox{
	position:relative;
	margin:5px 0 20px 0;
	font-size:0.9rem;
}
.objList{
	position:relative;
	background:#efe9e6;
	color:#666;
	margin:0px 0 2px 0;
	padding:0 5px 0 5px;
	border:1px solid #ccc;
	border-radius:6px;
	cursor: pointer;
}
.objInfo{
	display:inline-block;
	padding:0 0 0 0;
	margin:0 8px 0 0;
}

.propbox{
	margin-bottom:20px;
}
.propList{
	position:relative;
	background:#fff;
	color:#666;
	margin:0px 0 2px 10px;
	padding:0 5px 0 5px;
	border:1px solid #ccc;
	border-radius:6px;
	cursor: pointer;
}
.qList{
	position:relative;
	background:#fff;
	color:#47b;
	margin:0px 0 2px 20px;
	padding:0 5px 0 5px;
	border:1px solid #ccc;
	border-radius:6px;
}
.qbox{
	display: inline-block;
	width:100%;
	padding:0px 0px 0px 20px;
}
.question{
	display:inline-block;
	color:#68a;
	margin-right:5px;
	clear:both;
	cursor: pointer;
}
.answerbox{
	float:right;
	display:inline-block;
	margin-bottom:2px;
}
.qanswer{
	font-size:10px;
	letter-spacing:-0.2px;
	display:inline-block;
	padding:0px 5px 0 3px;
	color:#555;
	background:#fff;
	border:1px solid #888;
	border-radius:6px;
	margin-right:5px;
}
.preanswerbox{
	clear:both;
	float:right;
	margin:0 20px 20px 0;
	display:none;
}
.qanswer.pre{
	color:#777;
	background:none;
	border:1px solid #aaa;
}
.qanswer.latestanswer{
	background:#9bd;
	color:#fff;
}
.preanswer{
	font-size:12px;
	display:inline-block;
	margin-right:5px;
	color:#999;
}
.qtoolbox{
	position:relative;
	text-align:right;
	width:100%;
}
.qtool{
	margin:0 5px;
	display:inline-block;
	padding:5px 20px;
	text-align:center;
	background:#eee;
	color:#777;
	border:1px solid #777;
	border-radius:6px;
	font-size:1.1rem;
	cursor: pointer;
}
.qtool:hover{
	background:#fff;
}
.qnote{
	border:1px solid #CCC;
	display:none;
	background:none;
	font-size:1.1rem;
	padding:0 5px;
	font-weight:200;
	color:#8ac;
	margin-top:5px;
}


/* DATA INFO */
.datainfoBox{
	position:relative;
	margin:5px 0 10px 0;
	font-size:0.9rem;
	display:none;
}
.dataList{
	position:relative;
	background:#fff;
	color:#666;
	margin:0px 0 2px 0;
	padding:0 5px 0 5px;
	border:1px solid #ccc;
	border-radius:6px;
}
.dim .dataList{
	background:none;
	border:none;
	border-bottom:1px solid #ddd;
	
}
.dataInfo{
	display:inline-block;
	padding:0 0 0 0;
	margin:0 8px 0 0;
}
.lbl{color:#79B;}
/* ============================================ */
.fas.baricon{
	color:#888;
}
.toolbox{
	float:right;
	margin:5px 0 0 0;
}

.note{
	color:#8ac;
	line-height:0.95rem;
	font-size:0.9rem
}




/* 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;
}
@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
	);	
}


/* 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, .fas, .far{
	color:#888888;
	font-size:0.8rem;
	margin:3px 3px 0 3px;
	cursor:pointer;
}
a.nav-link .fa{
	color:rgba(255,255,255,0.5);
	font-size:0.8rem;
}

.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;
}

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;
}
.loading.onside{
	position:absolute;
	width:14px;
	height:14px;
	margin:7px 0 0 -32px;
}

.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:#abc; color:#fff;}
.yl{background-color:#efe996; color:#888;}
.or{background-color:#F95; color:#eee;}
.wh{background-color:#FFF; color:#888;}
.tr{background-color: rgba(0,0,0,0); color:#888;}

.gy.selected{background-color:#eee; color:#777;}
.dg.selected{background-color:#aaa; color:#666; border:1px solid #888;}
.bk.selected{background-color:#888; color:#ccc; border:1px solid #444;}
.rd.selected{background-color:#f66; color:#eee;}
.gr.selected{background-color:#6a6; color:#eee; border:1px solid #484;}
.bl.selected{background-color:#abc; color:#fff;}
.yl.selected{background-color:#efe996; color:#888;}
.or.selected{background-color:#F95; color:#eee;}
.wh.selected{background-color:#FFF; 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{
    border-color: #aaa;
    font-size:12px;
    padding:4px 8px 3px 8px;
    margin:0 5px 0 0;	
	line-height: 1;
}
.btn-works:hover{-webkit-filter: brightness(110%);}

.btn-works-date{
    border-color: #aaa;
    color:#aaa;
    font-size:0.8em !important;
    padding:3px 4px 2px 4px;
    margin:0 1px 0 0;	
	line-height: 1;
    -webkit-transition: background-color 200ms linear;
}
.btn-works-date:hover{-webkit-filter: brightness(110%);}

.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-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;
}
.right{float:right;}
.w80{width:80px;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}

.caldotbox{
	position:relative;
	border:1px solid #ccc;
	width:100%;
	height:80px;
	border-radius:6px;
}
.caldot{
	position:absolute;
	background:#79b;
	width:10px;
	height:10px;
	top:20px;
	left:0px;
	margin-left:-5px;
	border-radius:6px;
}
.calyear{
	position:absolute;
	border-left:1px solid #ccc;
	width:1px;
	height:100%;
	top:0px;
	left:0px;
	padding-left:12px;
	color:#eee;
	font-size:2rem;
}
.calyear:first-child{border:none;}
.dotclr301{background:#fa0;}
.dotclr302{background:#3c3}
.dotclr303{background:#6f6}
.dotclr304{background:#f5f}
.dotclr305{background:#68f}
.dotclr306{background:#f56}

.reviewdot{
	position:absolute;
	border:1px solid #ccc;
	border-right:none;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
	width:7px;
	height:19px;
	background:#f88;
	top:4px;
	left:-7px;
}

.statusdot{
	position:absolute;
	border:1px solid #ccc;
	border-right:none;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
	width:7px;
	height:19px;
	background:#fc5;
	top:4px;
	left:-8px;
}

.logList{
	text-align:left;
	margin:5px 0 5px 0;
	color:#999;
	line-height:14px;
}
.logList .logHead{
	color:#68A;
}
.logList td{padding-right:15px}