﻿body, html
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	margin: 0;
	padding: 0;
	height: 100%;
}

.testis
{
	font-size: 0.8em;
	text-decoration: none;
}

h1, h2, h3, h4, h5
{
	margin: 0 0 4px 0;
	padding: 0;
	color: #000000; /* 03628e */
}

.move-doc-margin {
    margin-left: 40px;
}

img
{
	border: none;
	vertical-align: bottom;
}

a
{
	color: #e9831c; /* 03628e */
	text-decoration: none;
}

a:hover
{
	color: #ff6600; /* 03628e */
	text-decoration: underline;
}

p
{
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 0.9em;
}

.header
{
	font-size: 1.1em;
	font-weight: bold;
	border: none;
	color: #ffffff;
	text-align: center;
	background-color: #03628e;
	width: 152px;
}

.headerHelp
{
	font-size: 0.8em;
	font-weight: normal;
	color: #000000;
}

.versionTag
{
	font-weight: normal;
	font-size: 0.3em;
}
.hidden
{
	visibility: hidden;
    display: none;
}

.infoDiv
{   
    font-size: 0.8em;
    margin: 5px 0 5px 0;
    padding: 5px;
    width: 500px;
    border: dashed 1px #000000;
    background-color: #FFFFE0;
}

.infoDiv ul
{
    margin: 2px;
    padding: 0;
    list-style: none;
}

ul.brokerWatchCompletionList 
{
    margin-top: 0;
    background-color: white;
    border: 1px solid silver;
    list-style: none outside none;
    padding-left: 3px;
}

/******************* Input *******************/
/*input
{
    border: solid 1px #03628e;
}*/

.inputError
{
	background-color: #eececc;
}

.labelError
{
	color: Red;
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 0.7em;
}

.label
{
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 0.9em;
}

.radioButton input, .radioButton
{
	border: none;
	font-size: 0.8em;
}

.checkbox input
{
	border: none;
}



/****************** Wrapper ******************/
.wrapper
{
    position: absolute;
    width: 99%;
   /* max-width: 1280px;*/
    min-width: 1024px;
}

/****************** Top ******************/
.topDiv
{
	/* margin: 0 5px 10px 2px; Replaced with padding since this selector makes the margin "collapse in Opera 9.6" */
	/*border-bottom: dashed 1px #d1d1d1;  #03628e */
	padding: 5px 0 10px 0;
	/*vertical-align: bottom;*/
	max-width: 1440px;
}

.divTop
{
	/* margin: 0 5px 10px 2px; Replaced with padding since this selector makes the margin "collapse in Opera 9.6" 
	border-bottom: dashed 1px #d1d1d1;*/
	padding: 5px 0 10px 0;
	/*vertical-align: bottom;*/
	max-width: 1440px;
}

.topLeft
{
	float: left;
	padding: 0 0 0 5px;
	/*margin: 15px 0px 0px 50px;*/
}

.topRight {
    padding: 0 10px 0 0;
    right: 10px;
    text-align: right;
}

.topClear
{
	clear: both;
}

/****************** Content ******************/
.content {
    display: table-cell;
    padding: 20px;
    max-width: 1440px;
}

.mainContent {
    display: table-cell;
    padding: 20px;
    max-width: 1440px;
}
    
/****************** Left Menu ******************/
.leftMenu
{
	width: 152px;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	float: left;
}

.leftMenu .menuHeader
{
	font-size: 1.1em;
	font-weight: bold;
	border: none;
	color: #ffffff;
	text-align: center;
	background-color: #e9831c; /* 03628e */
	width: 152px;
}

.leftMenu ul
{
	list-style: none;
	display: block;
	margin: 2px 0 0 5px;
	padding: 0;
}

.leftMenu li
{
	padding: 5px 0 0 0;
	border-bottom: solid 1px #d1d1d1; /* 03628e */
}

.leftMenu a
{
	color: #000000;
	display: block;
	width: 100%;
	padding: 2px 0 2px 5px;
}

.leftMenu a:hover
{
	display: block;
	width: inherit;
	padding: 2px 0 2px 2px;
	border-left: solid 3px #e9831c; /* 03628e */
	text-decoration: none;
}

.leftMenu .searchBox
{
	padding-right: 6px;
	text-align: right;
}

.leftMenu .searchBox
{
	margin-top: 5px;
}

/*.searchButton
{
	margin-top: 5px;	
	background-color:  #03628e;
	border-right: solid 1px #000050;
	border-bottom: solid 1px #000050;
	border-top: solid 1px #5992ce;
	border-left: solid 1px #5992ce;
	color: White;
}*/

/****************** Tables ******************/
table
{
	border-collapse: collapse;
	color: #000000;
	font-size: 0.9em;
}

.tableHeader
{
	background-color: #f1f1f1;
	font-size: 0.8em;
}

th
{
	text-align: left;
}

/****************** UserTable ****************/

.UserTable table
{
	background-color: white;
	padding: 5px 3px 2px 12px;
}

.UserTable TR
{
	border: solid 0px black;
}

.UserTable TH
{
	/* background-color: #f1f1f1; */
	padding: 5px 3px 2px 12px;
	font-weight: normal;
	border: solid 0px red;
	border-bottom: solid 1px #03628e;
	text-align: left;
	font-style: italic;
}

.UserTable TD
{
	padding: 5px 3px 2px 12px;
	border: solid 0px #03628e;
	border-left: none;
	border-right: none;
}

.UserTable .alignRight
{
	text-align: right;
}

.UserTableRow
{
	background-color: white;
	color: #505050;
}

.UserTableAlternatingRow
{
	background-color: #f1f1f1;
	color: Black;
}

/********** Search ******/
.searchResultRow, .searchResultAlternateRow
{
	font-family: Verdana;
	font-size: 12px;
}

.searchResultAlternateRow
{
	background-color: #f1f1f1;
}

/****************** AdminNewUser ****************/

.adminNewUserDiv
{
	float: left;
	border-right: dashed 1px #000000;
	padding: 0 10px 0 0;
    width: 305px;
}

.adminNewUserInfo
{
	margin: 0 0 0 319px;
	padding: 0px 0px 0px 10px;
}

/****************** News ****************/

.newsContent {
	margin: 20px 0 0 0; /*margin-top: 20px;*/
	padding: 0 15px 0 15px; /*padding-left: 15px;*/
	width: 650px; /*border-bottom: dashed 1px #03628e;*/
}

.newsContentAlternatingRow {
    background-color: #f1f1f1;
    margin: 20px 0 0 0; /*margin-top: 20px;*/
    padding: 0 15px 15px 15px; /*padding-left: 15px;*/
    width: 650px; /*border-bottom: dashed 1px #03628e;*/
}

.MsoNormal {
    margin-bottom: 0 !important;
    font-size: 14px !important;
    font-family: arial, helvetica, sans-serif !important;
}

.newsContent p {
    margin-top: 7px;
}

.newsContentAlternatingRow p {
    margin-top: 7px;
}

.newsContent h3 {
    margin: 0;
    padding: 0;
}

.newsByLine
{
	font-style: italic;
	font-size: 12px;
	text-align: right;
}

.newsByLine span {
    font-size: 12px;
}

.news-content {
    margin-left: 30px;
    font-size: 14px !important;
    font-family: arial, helvetica, sans-serif !important;
}

.news-content div, .news-content p span {
    font-size: 14px !important;
    font-family: arial, helvetica, sans-serif !important;
}

.newsDate {
    margin-left: 30px;
    margin-bottom: 20px;
    margin-top: 0 !important;
    padding: 0;
    font-size: 10px !important;
}

/*.backgroundTest
{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='Image/transparent_bg.png');
}

.backgroundTest[class]
{
    background-image: url('../Images/transparent_bg.png');
}*/
#errorDivWrapper {
    width: 454px;
    margin: 50px auto 0 auto;
}

#errorDivTop
{
	height: 35px;
	background: #ffffff url( '../Images/error_fmk_top.gif' ) no-repeat;
	padding: 35px 0 0 15px;
}

#errorDivMiddle
{
	background: #ffffff url( '../Images/error_fmk_middle.gif' ) repeat-y;
	padding: 0 11px 0 15px;
}

#errorDivMiddle p
{
	margin: 0;
	padding: 0 0 10px 0;
}

#errorDivBottom
{
	height: 13px;
	background: #ffffff url( '../Images/error_fmk_bottom.gif' ) no-repeat;
}
/********* Statistik för admin & nordea ***********/
.statistics td ul
{
	display: block;
	float: left;
	list-style-type: none;
	margin: 5px;
}

.statistics td a
{
	font-weight: bold;
	margin-right: 5px;
}

.statistics td .headercell
{
	border-bottom: 1px solid #9CF;
	border-top: 0px;
	border-left: 1px solid #9CF;
	border-right: 0px;
	text-align: left;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 13px;
	color: #404040;
	background-color: #fafafa;
	margin: 5px;
	padding: 10px;
}

.statistics td .helpBod
{
	border: 1px solid #9CF;
	border-top: 0px;
	border-left: 1px solid #9CF;
	border-right: 0px;
	text-align: left;
	vertical-align: top;
	text-indent: 10px;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 13px;
	color: #404040;
	background-color: #fafafa;
	padding: 0px 5px 0px 5px;
}

.statistics td .helpBodRequest
{
	border: 1px solid #9CF;
	border-top: 1px solid #9CF;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	text-align: left;
	vertical-align: top;
	text-indent: 10px;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 13px;
	color: #404040;
	background-color: #fafafa;
	padding: 0px 5px 0px 5px;
}

.statistics td .helpBodDay
{
	border: 1px solid #9CF;
	border-top: 0px;
	border-left: 1px solid #9CF;
	border-right: 0px;
	text-align: left;
	vertical-align: top;
	text-indent: 10px;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 13px;
	color: #404040;
	background-color: #fafafa;
	padding: 0px 5px 0px 5px;
}

.statistics td .helpBod span
{
	display: block;
	float: left;
	width: 200px;
}

.statistics td .helpBodRequest span
{
	display: block;
	float: left;
	width: 320px;
}

.statistics td .helpBodDay span
{
	display: block;
	float: left;
	width: 90px;
}
.statistics table .sofT
{
	text-align: center;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	background-color: #fafafa;
	border: 1px solid #9CF;
	border-collapse: collapse;
	border-spacing: 0px;
}

.watermarked
{
	background-color: #f8f8f8;
	border: 1px solid #BEBEBE;
}

/************ Special **************/
.hiddenOutOfFlow
{
    position: absolute;
    visibility: hidden;
}

.warrantTypeSearch
{
    display: none;
}

/************ Paging **************/
.pagingStyle
{
    padding:0px;
    font-size:0.9em;
}

.pagingStyle td
{
    padding:8px 6px 0px 0;
}
/************* Feedback *********/
.feedbackcontainer {
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  font-size: 12px;
  margin: 1em 0;
  -moz-border-radius: 4px 4px 4px 4px; /*opacity: 0.7;*/
  padding: 0.5em;
  z-index: 10;
}
.center {
  /* We need an explicit width to be able to center messages on screen */
  width : 400px;
}
.error, .error a {
  background-color: #fdc;
  border-color: #dd0000;
  color: #550000;
}
.warning {
  background-color: #fc0;
  border-color: #f93;
  color: #550000;
}

.info {
  background-color: #ddffdd;
  border-color: #00cc00;
  color: #005500;
}
pre {
  white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
  white-space: -pre-wrap; /* Opera */
  white-space: -o-pre-wrap; /* Opera */
  white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
  word-wrap: break-word; /* IE 5.5+ */
}
a {
  cursor: pointer;
}
.close {
   cursor: pointer;
  display: inline;
  float: right;
  font-size: 0.8em;
  margin-left: 5px;
}
.feedbackList {
  list-style:none;
  padding: 0 0 0 5px;
  margin: 0 0 0 0;
}
/************* Feedback slut *********/

/************ Hantera texter *********/
#recipients td, #recipients th {
    padding: 1px 5px 1px 5px;
}
#handleRecipient {
    font-size: small;
}
.accordionHeader {
    color: white;
    background-color: #719DDB;
    font-weight: bold;
    cursor: pointer;
    padding: 4px;
    margin-top: 3px;
}
.accordionContent {
    background-color: #DCE4F9;
    border: 1px gray;               
    padding: 4px;
    padding-top: 7px;
}
.overloadedtext {
    margin-left: 10px;
}
.toolbar {
    text-align: right;
}
.toolbar input {
    vertical-align: bottom;
}
.toolbar img {
    display: block;
    margin: 0 auto;
}
.toolbar a {
    display: inline-block;
    font-size: 11px;
    padding: 3px;
    text-decoration: none;
}
.toolbar a:hover {
    box-shadow: 0 0 2px silver;
    border-radius: 2px;
    text-decoration: none;
}
.toolbar table {
    text-align: left;
}
.ajaxtooltip {
    box-shadow: 0 0 2px silver;
    border-radius: 5px;
    background-color: White;
	border: 1px solid silver;
    padding: 5px;
}
.fullwidth {
    width: 100%;
}
.textcategories {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
}

.textcategories ul {
    height: 25px;
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px;
}

.responseInfoTop {
    width: 1000px; 
    text-align: right; 
    margin-left: 280px;
}

.responseInfoTop {
    width: 1000px; 
    text-align: right; 
    margin-left: 280px;
}

.responseInfoBody {
    background-color: #f0f0f0;
    border-left: 1px solid #e1e1e1;
    clear: both;
    /* width: 100%;*/
}

.textcategories li {
    float: left;
}

.textcategories a {
    display: block;
    font-weight: bold;
    height: 25px;
    margin-right: 10px;
    padding: 0 10px;
}

.textcategories .active {
    background-color: #eee;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-radius: 3px 3px 0 0;
}

/********** Mina inställningar *********/
.chooseSuperVisor {
    cursor: pointer;
}

/****** Bedömning ******/

#review {
  margin: 0 0 0 5px;
}

#review h3 {
  margin: 0 0 0 5px;
}

#review h4 {
  font-size: 0.9em;
}

#review p {
  margin: 0;
  padding: 0;
}

#review ul {
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
}

#review li {
  margin: 0;
  padding: 0;
}

#review ul li ul {
  margin: 0 0 0 15px;
  padding: 0;
}

#review #buttonContainer {
  padding: 5px;
  text-align: right;
}

#review .noBorder input {
  border: none;
}

#review .resMissing {
  margin: 5px 0;
}
.completed {
    background-color: #CCFF99;
    border: 1px solid #009933;
}
.textpopup {
  position: fixed;
  z-index: 10000;
  background-color: white;
  border: 1px solid black;
  padding: 10px;
  top: 50px;
  right: 100px;
}
.textpopup iframe, .textpopup img {
  height: 600px;
  width: 500px;
}
.emailPopupDiv {
    width: 29%;
}
.emailPopupRight {
    width: 74%;
	float: right;
	display:block;
}

.letterErrandName
{
    -o-text-overflow: ellipsis;   /* Opera */
    text-overflow:    ellipsis;   /* IE, Safari (WebKit) */
    overflow:hidden;              /* don't show excess chars */
    white-space:nowrap;
    max-width: 195px;
    display: inline-block;  
    vertical-align: middle;
}
.emailPopupLeft {
    width: 25%;
	float: left;
}

.errorLabelErrands {
    color: red;
}

#emailPopupBottom {
  clear: both;
  font-size: 2px;
}
.imgBtnSamsynDocument {
    margin-top: 10px
}

.nowrap {
    white-space: nowrap;
}

.btnEditWarrant {
    padding-right: 15px;
}

.btnCancelWarrant {
    cursor: pointer;
    padding-right: 35px;
}

.loginInfo {
    font-size: 9px;
    font-weight: bold;
}

.loginInfoLabel {
    font-size: 10px;
    font-weight: normal;
}

.redAlert {
    color: red;
}

.disable {
    pointer-events: none;
    opacity: 0.2;
    cursor: not-allowed;
}

.statusButton
{
    float: right;
	margin-top: 1px;
	background-color:#CCCCCC;
	border-color:#666666;
	border-width:1px;
	font-size:12px;
}

.responseInfoTop {
    width: 1000px; 
    text-align: right; 
    margin-left: 280px;
}
.progress {
 border: 0;
 position: relative;
}

.bar {
    height: 2px;
    background-color: lightgreen;
}

.costCenterLabel {
    margin-right: 70px;
}

.stansInputError2 {
    border: 1px solid red;
}

.hiddencol {
    display: none;
}

.progress {
 border: 0;
 position: relative;
}

.bar {
    height: 2px;
    background-color: lightgreen;
}

.btnExcel 
{
    font-family: 'Raleway', sans-serif;
    font-size:14px;
    border:1px solid #BABABA; 
    padding:8px; 
    color:black;
    border-radius: 3px;
    margin-left:50px;
    margin-right:50px;
    margin-bottom:4px;
    width:200px;
    cursor:poiner;
}

.btnExcelActive 
{
    font-family: 'Raleway', sans-serif;
    font-size:14px;
    border:1px solid #BABABA; 
    padding:8px; 
    color:black;
    border-radius: 3px;
    margin-left:50px;
    margin-right:50px;
    margin-bottom:4px;
    width:200px;
    background-color: #cccccc;
    cursor:poiner;
}

.btnExcel:hover 
{
    background-color: #DEDEDE;
    cursor:poiner;
}

.intervalText 
{
    font-family: 'Raleway', Sans-Serif;
    font-size: 14px;
    color:Black;
    margin-left:30px;
    margin-bottom: 10px;  
}

.btnExcelerror
{
    color: Red;
    font-family: 'Raleway', Sans-Serif;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align:center; 
    width:150px;
}

.btnExceldisabled 
{
    background-color: #C8C8C8;
    cursor:not-allowed;
    font-family: 'Raleway', sans-serif;
    font-size:14px;
    border:1px solid #BABABA; 
    padding:8px; 
    color:black;
    border-radius: 3px;
    margin-left:50px;
    margin-right:50px;
    margin-bottom:4px;
    width:200px;
}

.badge1 {
   position:relative;
}
.badge1[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top: 4px;
   right: 0px;
   font-size:11px;
   background:grey;
   color:white;
   min-width:20px;
   height:20px;
   text-align:center;
   line-height:20px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
}

.uploadedFilesTable {
    margin: auto
}

    .uploadedFilesTable td, .uploadedFilesTable th {
        border-top: 1px solid #8daec9;
        border-bottom: 1px solid #8daec9;
        padding: 8px;
    }

    .uploadedFilesTable tr:nth-child(even) {
        background-color: #DDEEFC;
    }

    .uploadedFilesTable tr:hover, .errand-content-tr:hover, .nav > li > a:hover {
        background-color: #bcdaf2;
    }


.input-xs {
    line-height:25px;
    height:25px;
    font-size:10px;
    width: 200px
}


.item {
	border: 1px solid #ccc;
	margin: 10px 0;
	padding: 10px;
	text-align: left;
}

.item h5 {
	color: #000;
	font-size: 0.9em;
	font-weight: 600;
	margin-bottom: 10px;
}

.item p {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.item p > span {
	padding-right: 5px;
}

.item p > .badge {
	padding: 5px;
}

.risk-item-container {
	display: flex;
	flex-wrap: wrap;
}

.risk-item {
	display: flex;
	padding: 10px;
	flex: 0 0 50%;
	flex-direction: row;
	align-items: center;
}

.risk-item div {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.risk-item img {
	margin-right: 15px;
}

.risk-item p:first-of-type {
	font-size: 1.0em;
	color: #000;
}

.risk-item p:nth-of-type(2) {
	font-size: 0.8em;
	color: #555;
}

.risk-item p {
	padding: 0;
	margin: 0;
}