@font-face { font-family: 'sans_light'; src: url('https:../fonts/d49fc455f4a8951a-light.woff2') format('woff2'), url('https:../fonts/d49fc455f4a8951a-light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'sans_medium'; src: url('https:../fonts/d49fc455f4a8951a-medium.woff2') format('woff2'), url('https:../fonts/d49fc455f4a8951a-medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'sans_regular'; src: url('../fonts/d49fc455f4a8951a-regular.woff2') format('woff2'), url('../fonts/d49fc455f4a8951a-regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'sans_semibold'; src: url('../fonts/d49fc455f4a8951a-semibold.woff2') format('woff2'), url('../fonts/d49fc455f4a8951a-semibold.woff') format('woff'); font-weight: normal; font-style: normal; }

* { margin:0; padding:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position:relative}
html { --scrollbarBG: #f2f4f5; --thumbBG: #006db6; }
#vmbContent::-webkit-scrollbar, #vmbFolders::-webkit-scrollbar { width: 11px; border-radius:10px}
#vmbContent, #vmbFolders { scrollbar-width: thin; scrollbar-color: var(--thumbBG) var(--scrollbarBG); }
#vmbContent::-webkit-scrollbar-track, #vmbFolders::-webkit-scrollbar-track { background: var(--scrollbarBG); border-radius:10px}
#vmbContent::-webkit-scrollbar-thumb, #vmbFolders::-webkit-scrollbar-thumb { background-color: var(--thumbBG) ; border-radius: 6px; border: 3px solid var(--scrollbarBG); }

html { height:100%; font-size:18px; line-height:20px; }
body	{ font-family:'sans_regular', Arial, Helvetica, verdana, sans-serif; color:#00365a; height:100%; width:100% }

a		{ text-decoration:none; cursor:pointer; outline:none; color:#00365a}
a img	{ border:none }
input, textarea { outline:none}
ul, ol, li { list-style:none}
.showBullets ul, .showBullets ul, .showBullets ol, .showBullets li { list-style:disc; }
.boldFont, .boldFont *, b, strong { font-family:'sans_semibold'; font-weight:normal }
.serifFont, .serifFont * { font-family:Times, "Times New Roman", Georgia, serif }
.smallFont, .smallFont * { font-size:0.8rem; line-height:1rem; }
.redBorder { border-color:#ff0000 !important}
.redBackground { background-color:#ff0000 !important}
.lightgreyBackground { background:#f2f4f5; }
.blackColor {color: #00365a }
.redColor { color:red !important}
.greenColor { color:#2bb231 }
.yellowColor { color:#bb6e0c }
.greyColor { color:#006db6}
.lightgreyColor { color:#e1e4e8; }
.cyanColor, 
body#user #vmbFolders ul.folders li > .item.active .title,
body#user #vmbFolders ul.folders li > .item.active .rights { color:#00aeef}
.whiteColor { color:#fff}
.col5   { width:5% }
.col10  { width:10% }
.col12  { width:12.5% }
.col15  { width:15% }
.col20  { width:20% }
.col25  { width:25% }
.col30  { width:30% }
.col40  { width:40% }
.col50  { width:50% }
.col60  { width:60% }
.col66  { width:67% }
.col75  { width:75% }
.col90  { width:90% }
.col100 { width:100% }
.noMargin { margin:0 !important }
.nowrap { white-space:nowrap}
.flex { display:flex}
.flex.space { justify-content:space-between}
.flex.end { justify-content:flex-end}
.flex.column { flex-direction:column}
.flex.row { flex-direction:row}
.noDisplay { display:none}
.centerText { text-align:center; justify-content:center}
.frame { margin:0 auto; display:flex; justify-content:space-between}
ul.dropdown  { flex-direction:column; position:absolute; z-index:10; }
ul.dropdown li a { display:block !important; line-height:1em; padding:10px 25px !important; white-space:nowrap; width:100%  }

main { display:flex; flex-direction:column; min-height:100%; }

/* BANNER 
.banner { background:#006db6; border:none; display:inline-block; height:40px; line-height:40px; margin:50px 0; padding-left:20px; width:210px  }
.banner:before{ content:''; top:100%; left:0; border-width: 0 10px 7px 0;  position:absolute;border-style:solid; border-color: transparent #00365a transparent transparent; }
.banner:after{ content:''; position:absolute;border-style:solid;top:0;right:-20px; border-width: 20px 1em 20px 3em; border-color: #006db6 transparent #006db6 #006db6; z-index:-1; }
*/

/* HEADER */
header { height:80px; background:#00365a; padding:0 15px }
header .logo { display:flex; width:130px; }
header .logo svg { width:100%}
header ul.mainmenu  { display:flex; flex-direction:row; min-width:50%; padding-left:25px;  }
header ul.mainmenu  li { align-items:center;  display:flex; }
header ul.mainmenu  a { padding:0 25px }
header #vmbUser { align-items:center; display:flex; height:100%  }
header #vmbUser i { display:inline-block; width:40px; height:20px;  cursor:pointer; background:url(../layout/ico_web_user.svg) center center no-repeat; background-size:20px; border:none; }
header #vmbUser .companies  { display:block }
header #vmbUser .dropdown { right:0; text-align:right; width:100%  }



/* CONTENT */
article { display:flex; flex:1; flex-direction:row; }
article h1, article .h1 { width:100%; font-size:1.8rem; line-height:2rem; margin-bottom:2rem; font-weight:normal }
article h2, article .h2 { width:100%; font-size:1.4rem; line-height:1.6rem; margin-bottom:1.6rem; font-weight:normal }
article h3, article .h3 { width:100%; font-size:1.2rem; line-height:1rem; margin-bottom:1rem; font-weight:normal }
article h5, article .h5 { width:100%; font-size:1rem; line-height:1rem; margin-bottom:1rem; font-weight:normal; }
article p, article ul, article ol { width:100%; margin-bottom:1em}
article p + ol, article p + ul { margin-top: -1em; }
article a { border-bottom: 1px dashed #00365a}
article ul.ul > li { padding-left:27px; list-style:none; text-indent:-14px}
article ul.ul > li::before { content: "+"; color:#00AEEF; font-weight:bold; left:-17px; font-size:30px; position:relative}
article ol.ol { counter-reset: section }
article ol.ol > li { padding-left:20px; list-style:none; text-indent:-19px}
article ol.ol > li::before { content: counter(section) ". "; counter-increment: section; color:#00AEEF; font-weight:bold; margin-right:5px}
article .line { display:block; overflow:hidden; white-space:nowrap}
article .messages {padding:0 30px; top:-98px; margin-bottom:-30px; }
article .messages div {padding:15px; margin-bottom:10px; background:#fff; }
article .messages .error {border-bottom:3px solid #ff0000}
article .messages .success {border-bottom:3px solid #2bb231}
article .messages .notice {border-bottom:3px solid #00aeef}
article .tab { border:1px solid #7d7d7d; cursor:pointer; display:inline-block; padding:5px 15px;  }
article .tab.active { background:#fff}
article .tabContent { display:none; width:100%}
article .tabContent.active { display:block}

/* FOOTER */
footer .line { padding:0 15px; }
footer * { color:#fff}
footer i { display:flex}
footer .line01 { background:#006db6; line-height:75px; height:75px; }
footer .line02 { background:#00365a; height:30px }
footer .menu ul { display:flex; flex-direction:row}
footer .menu ul a { padding-right:30px; display:inline-block }
footer p, footer a { line-height:45px; }
footer .icons  { display:flex; flex-direction:row } 
footer .icons a svg { width:18px; margin-left:5px  } 
footer .icons #hint01 { background:url(../layout/hint.png) 0 0 no-repeat; bottom:40px; cursor:pointer; height:158px; position:absolute; right:20px; width:360px; }
#hint02 { position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.8); color:#fff; padding-top:150px; z-index:30; text-align:center; line-height:1.5em }
	#hint02 a { font-weight:bold; padding:15px 30px; border:2px solid #fff; color:#fff; text-transform:uppercase }

/* FORMS */
form { display:flex; flex-wrap:wrap}
fieldset { margin-bottom:15px; padding-right:15px; border:none;}
fieldset label { position:absolute; top:-35px; left:15px; color:#a9a9a9; cursor:text; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
fieldset i { width:20px; height:20px; position:absolute; top:-32px; right:13px; cursor:default }
fieldset .inputText, fieldset .inputTextarea, fieldset .inputSelect { width:100%; font:normal 14px Arial, Helvetica, verdana, sans-serif; border:1px solid #006db6; border-radius:3px; background:#fff; box-shadow:none; padding:19px 0 7px 15px; color:#00365a }
fieldset .inputText[disabled] { background:transparent; font-style:italic; color:#006db6}
fieldset .inputTextarea { height:200px}
fieldset .inputSelect option	{ padding:2px 10px 3px 10px;}
fieldset .hint, fieldset .error  { position:absolute; left:0; right:0; background:#00AEEF; border-bottom-left-radius:3px; border-bottom-right-radius:3px; hyphens:auto; margin-top:-5px; padding:0 15px; z-index:3  }
fieldset .hint.area, fieldset .error.area { top:auto; bottom:-12px }
fieldset .error { background:red; height:18px; right:15px; white-space:nowrap; z-index:9; }
.inputButton { border:none; border-radius:3px; background:#00365a; color:#fff; cursor:pointer; font-size:1rem; margin-right:5px; padding:10px 50px; text-align:center; text-transform:uppercase; }
.inputButton.small { padding:5px 10px; }
.inputButton.invert { background:#fff; color:#00365a; box-shadow:inset 0px 0px 0px 1px #006db6; /*border:1px solid #00365a !important; */ text-transform:none  }

/* CAPTCHA */
fieldset.captcha { margin-left:90px}
fieldset.captcha img { position:absolute; top:0; left:-90px }

/* CHECKBOX */
fieldset.checkbox input { display:none }
fieldset.checkbox label { position:static; cursor:pointer; color:#00365a; display:flex; align-items:center  }
fieldset.checkbox input + label .icon { background:url(../layout/input_checkbox_unchecked.svg) left center no-repeat; width:40px; height:20px; background-size:20px; margin-bottom:5px }
fieldset.checkbox input + label svg { width:20px; height:20px; margin:3px 10px 5px 0 }
fieldset.checkbox input + label .content { width:100% }
fieldset.checkbox input:checked + label .icon { background:url(../layout/input_checkbox_checked.svg) left center no-repeat; background-size:20px }
fieldset.checkbox input:disabled + label { cursor:auto }
fieldset.checkbox input:disabled + label svg rect { fill:#006db6; stroke:#006db6 }
fieldset.checkbox input:disabled + label .icon { display:none }
fieldset.checkbox.showDisabledChecks { display:inline}
fieldset.checkbox.showDisabledChecks input:disabled + label .icon { display:block; background:url(../layout/input_checkbox_checked_disabled.svg) left center no-repeat; background-size:20px }


/* TELEPHONE */
fieldset .number1 + div::before{ content:'+'; position: absolute; color:#00365a; left:5px; top:20px; font:normal 14px Arial, Helvetica, verdana, sans-serif} 
fieldset .number2 { padding-left:22px}
fieldset .number2 + div label { left:22px }
fieldset .number2 + div::before { content:'(0)'; position: absolute; color:#00365a; left:4px; top:20px; font:normal 14px Arial, Helvetica, verdana, sans-serif; display:none} 
fieldset.filled .number2 + div::before { display:block} 

/* FOCUS */
fieldset .inputText:focus, fieldset .inputTextarea:focus, fieldset .inputSelect:focus {border-color:#00AEEF !important;  }
fieldset .inputText:focus + div label, fieldset .inputTextarea:focus + div label, fieldset .inputSelect:focus + div label { font-family:'sans_semibold'; color: #00AEEF !important; font-size: 14px; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
fieldset .inputText:focus + div i, fieldset .inputTextarea:focus + div i, fieldset .inputSelect:focus + div i { display:inline }

/* FILLED */
fieldset.filled .inputText, fieldset.filled .inputTextarea, fieldset.filled .inputSelect {border-color:#006db6;  }
/*fieldset.filled .inputText + div label, fieldset.filled .inputTextarea + div label, fieldset.filled .inputSelect + div label, fieldset .inputText[type=date] + div label { font-family:'sans_semibold'; color: #a9a9a9; font-size: 14px; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }*/
fieldset.filled label { font-family:'sans_semibold'; color: #a9a9a9; font-size: 14px; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
fieldset.chosen label { top:10px} 

/* ERROR */
fieldset.invalid .inputText, fieldset.invalid .inputTextarea, fieldset.invalid .inputSelect { border-color:#ff0000}
fieldset.invalid .error { display:block }

/* PUBLIC */
body#start { min-height:100% }
body#start header { height:150px; background:#fff }
body#start header .logo { width:275px; padding:10px 25px 10px 0 }
body#start header .logo .colored * { fill:#000 }
body#start header .logo .claim { display:block}
body#start header .burger { font-size:30px; position:absolute; right:0; top:0; padding:25px; cursor:pointer  }
body#start ul.dropdown  { background:#fff; top:150px }

body#start article { background:#f2f4f5; max-width:100%  }
body#start article div.col50 { padding:50px }
body#start article div.col50:first-child { background-position:center bottom; background-color:#e5e6e6; background-size:cover; padding:0 }
body#start article div.col50 .hires { width:100%; height:100%;  background-position:center bottom; background-size:cover; padding:50px }
body#start article .messages { margin:0 0 40px 0; padding:0; top:0; width:auto }
body#start article #logo_servicegesellschaft { width:200px; }
body#start article #logo_servicegesellschaft .colored { fill:#2d2d2d }

body#start footer .line { padding:5px 40px }

/* FORUM */
body#user { overflow:hidden  }
body#user .vmbPrimary {width:1065px }
body#user .vmbSecondary { flex-grow:1;}
body#user .vmbSecondary .logo-myapis { margin:25px 0; }
body#user .vmbSecondary .logo-myapis svg { width: 200px; height: auto; margin-bottom: 5px; }
body#user #vmbFolders { height:100%; min-height:0; overflow:auto; padding:25px 15px 0 0; width:100% }
body#user #vmbContent {min-height:0; overflow:auto; padding:50px; width:100% }
body#user #vmbLoading { position:absolute; left:0; right:0; top:0; bottom:0; background:url(../layout/loading.svg) center center no-repeat; background-size:120px; margin:-60px 0 0 -60px }

body#user article, body#user .frame {width:1550px;} 
body#user article { position: absolute; top: 80px; bottom:55px; left: 50%; margin-left:-775px }
body#user article .frame {  display: flex; flex-direction: row; min-height: 0;}
body#user ul.dropdown  { background:#00365a; top:80px   }
body ul.dropdown li a { border-bottom:1px solid #f2f4f5; }
body#user footer .line02 { height:45px }

body#user .keyvisual { background-position:bottom center; background-repeat:no-repeat; background-size:cover; height:calc(100vw * 0.13); margin-bottom:40px;}
body#user .keyvisual .hires { width:100%; height:100%; background-position:bottom center; background-repeat:no-repeat; background-size:cover  }
body#user .keyvisual.nr0 { background-image:url(../layout/keyvisuals/my0.min.jpg) }
body#user .keyvisual.nr1 { background-image:url(../layout/keyvisuals/my1.min.jpg) }
body#user .keyvisual.nr2 { background-image:url(../layout/keyvisuals/my2.min.jpg) }
body#user .keyvisual.nr3 { background-image:url(../layout/keyvisuals/my3.min.jpg) }
body#user .keyvisual.nr4 { background-image:url(../layout/keyvisuals/my4.min.jpg) }
body#user .keyvisual.nr5 { background-image:url(../layout/keyvisuals/my5.min.jpg) }
body#user .keyvisual.nr6 { background-image:url(../layout/keyvisuals/my6.min.jpg) }
body#user .keyvisual.nr7 { background-image:url(../layout/keyvisuals/my7.min.jpg) }
body#user .keyvisual.nr8 { background-image:url(../layout/keyvisuals/my8.min.jpg) }
body#user .keyvisual.nr9 { background-image:url(../layout/keyvisuals/my9.min.jpg) }
body#user .keyvisual.nr10 { background-image:url(../layout/keyvisuals/my10.min.jpg) }
body#user .keyvisual.nr11 { background-image:url(../layout/keyvisuals/my11.min.jpg) }
body#user .keyvisual.nr12 { background-image:url(../layout/keyvisuals/my12.min.jpg) }
body#user .keyvisual.nr0 .hires { background-image:url(../layout/keyvisuals/my0.jpg) }
body#user .keyvisual.nr1 .hires { background-image:url(../layout/keyvisuals/my1.jpg) }
body#user .keyvisual.nr2 .hires { background-image:url(../layout/keyvisuals/my2.jpg) }
body#user .keyvisual.nr3 .hires { background-image:url(../layout/keyvisuals/my3.jpg) }
body#user .keyvisual.nr4 .hires { background-image:url(../layout/keyvisuals/my4.jpg) }
body#user .keyvisual.nr5 .hires { background-image:url(../layout/keyvisuals/my5.jpg) }
body#user .keyvisual.nr6 .hires { background-image:url(../layout/keyvisuals/my6.jpg) }
body#user .keyvisual.nr7 .hires { background-image:url(../layout/keyvisuals/my7.jpg) }
body#user .keyvisual.nr8 .hires { background-image:url(../layout/keyvisuals/my8.jpg) }
body#user .keyvisual.nr9 .hires { background-image:url(../layout/keyvisuals/my9.jpg) }
body#user .keyvisual.nr10 .hires { background-image:url(../layout/keyvisuals/my10.jpg) }
body#user .keyvisual.nr11 .hires { background-image:url(../layout/keyvisuals/my11.jpg) }
body#user .keyvisual.nr12 .hires { background-image:url(../layout/keyvisuals/my12.jpg) }



body#user .keyvisual .messages { position:absolute; left:5%; right:5%; bottom:-44px; margin-bottom:0;  } 

body#user #vmbSearch { align-items:center; display:flex; left:-30px; z-index:11}
body#user #vmbSearch .icon { display:inline-block; width:30px; height:30px;  cursor:pointer; background-image:url(../layout/ico_web_search.svg); background-position: left center ; background-repeat:no-repeat; background-size:20px; border:none; }
body#user #vmbSearch input { background:#006db6; border:none; padding:0 10px; color:#fff; border-left: 1px solid #fff; width:180px; height:30px }
body#user #vmb-search-overlay { background:rgba(0,0,0,.8); bottom:0; display:none; left:0; position:absolute; right:0; top:0; z-index:10 }
body#user #vmb-search-notes { display:none; position:absolute; left:235px; top:0; width:800px }


body#user #vmbFolders ul.folders { width:100%; margin:0 }
body#user #vmbFolders ul.folders li .item { padding:10px 25px 10px 0; border-bottom:1px solid #e1e4e8; cursor:pointer  }
body#user #vmbFolders ul.folders li .item .arrow { width:20px; height:20px; position:absolute; right:0; top:50%; margin-top:-10px;    }
body#user #vmbFolders ul.folders li > .item.active .arrow svg { fill:#00aeef;  }
body#user #vmbFolders ul.folders li > .item.open .arrow svg { transform: rotate(180deg); }
body#user #vmbFolders ul.folders #folderId0 ul { padding-left:25px}
body#user #vmbFolders .inputButton.new { margin-top:15px}

body#user .vmbContent ul li a,
body#user ul.folders li a  { border:none}
body#user .vmbPrimary .empty { bottom:0; left:0; padding:5%; position:absolute; right:0; top:0;  }
body#user .vmbPrimary .empty .bg { background:#dcddde url(../layout/keyvisuals/empty.jpg) bottom left no-repeat; background-size:contain; bottom:0; left:0; position:absolute; right:0; top:0; z-index:-1 }
body#user .vmbForm { padding:0 40px 60px 50px}

/* MEIN */
body#user #structure { display:flex; flex-wrap:wrap; height:30px; justify-content:flex-end; margin-bottom:1px; z-index:2}
body#user #structure #orderBy, body#user #structure .inputButton { margin:0 0 0 5px}
body#user #structure #orderBy i { background:url(../layout/ico_folder_arrow.svg) left center no-repeat; display:inline-block; height:15px; top:2px; width:15px; } 
body#user #structure #orderBy ul { border-top:1px solid #f2f4f5; display:none; margin-top:5px; padding:5px 0; text-align:left;}
body#user #structure a { height:30px}






/* UL CONTENTS */
body#user #vmbContent ul li .content { background-color:#f2f4f5; overflow:hidden } 
body#user #vmbContent ul li .content.hover  { display:none; position:absolute; z-index:1 }
body#user #vmbContent ul li .content.active { background:#00aeef; color:#fff; display:none; z-index:2  }
body#user #vmbContent ul li .content.active * { color:#fff; fill:#fff;  }
body#user #vmbContent ul li .content.active .title { padding-right:50px } 
body#user #vmbContent ul li .content.active .close  {  height:30px; position:absolute; right:10px; top:10px; width:30px; z-index:10 }
body#user #vmbContent ul li .content .block { margin-bottom:10px } 
body#user #vmbContent ul li .content a { border:none } 
body#user #vmbContent ul li .content svg { height:18px } 
body#user #vmbContent ul li .content .contracts svg { margin-right:1px; max-width:30px }
body#user #vmbContent ul li .content .contracts .contract { margin-right:5px }


/* HOVER AND ACTIVE */
body#user #vmbContent ul li:hover .content.hover  { display:flex; background:#deedf2;  }
body#user #vmbContent ul li.active iframe { border:none; display:block; height:550px; padding:0; width:100%;  } 
body#user #vmbContent ul li.active .content.default,
body#user #vmbContent ul li.active .content.hover { display:none  }
body#user #vmbContent ul li.active .content.active { display:flex }





/* ALL TILES */
body#user #vmbContent ul.tiles  { cursor:pointer; display:flex; flex-wrap:wrap; margin:0 -5px }
body#user #vmbContent ul.tiles li { display:flex; width:190px;  }
body#user #vmbContent ul.tiles li.active { width:100%; }
body#user #vmbContent ul.tiles li .content { padding:5px 7px; border:5px solid #fff } 
body#user #vmbContent ul.tiles li .content.default { height:190px; width:190px } 
body#user #vmbContent ul.tiles li .content.hover { left:0; min-height:190px; top:0px; width:190px; } 
body#user #vmbContent ul.tiles li .content.active { width:100%; } 
body#user #vmbContent ul.tiles li .content.default .title { max-height:85px; overflow:hidden; margin-bottom:5px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } 
body#user #vmbContent ul.tiles li:hover .content { background:#deedf2; border-color:#00aeef; }

/* ALL LINES */
body#user #vmbContent ul.lines  { cursor:pointer; display:flex; flex-direction:column; margin-top:5px }
body#user #vmbContent ul.lines li { margin-bottom:5px;  }
body#user #vmbContent ul.lines li .content { padding:5px 25px; width:100%;  } 
body#user #vmbContent ul.lines li .content.default { align-items:center  } 
body#user #vmbContent ul.lines li .content.hover { left:0; right:0; top:0; } 

/* LINES HOVER */
body#user #vmbContent ul.lines:hover li  { opacity:0.5; transition: 0.2 all}
body#user #vmbContent ul.lines li:hover,
body#user #vmbContent ul.lines li.active { opacity:1; transition:0 }
body#user #vmbContent ul.lines li:hover .hover { min-height:100% }

/* FILES */
body#user #vmbContent ul.files.lines li .content.doc { background-image:url(../layout/files/doc.svg);  }
body#user #vmbContent ul.files.lines li .content.jpg { background-image:url(../layout/files/jpg.svg);  }
body#user #vmbContent ul.files.lines li .content.msg { background-image:url(../layout/files/msg.svg);  }
body#user #vmbContent ul.files.lines li .content.pdf { background-image:url(../layout/files/pdf.svg);  }
body#user #vmbContent ul.files.lines li .content.ppt { background-image:url(../layout/files/ppt.svg);  }
body#user #vmbContent ul.files.lines li .content.txt { background-image:url(../layout/files/txt.svg);  }
body#user #vmbContent ul.files.lines li .content.xls { background-image:url(../layout/files/xls.svg);  }

body#user #vmbContent ul.files li .content svg.pdf { top:3px}
body#user #vmbContent ul.files li .content svg.sended { top:6px} 


/* FILES LINES */
body#user #vmbContent ul.files.lines li .content { background-position:2px 7px; background-repeat: no-repeat; background-size:35px; padding-left:50px; } 
body#user #vmbContent ul.files.lines li .content.default .hasPushmail { background:#f2f4f5; left:27px; position:absolute; top:31px; width:15px}
body#user #vmbContent ul.files.lines li .content.default .hasPushmail svg { fill:#c2c9d0  }
body#user #vmbContent ul.files.lines li .content.default .title { max-height:20px; overflow:hidden  } 
body#user #vmbContent ul.files.lines li .content.default .meta span { margin-right:15px }
body#user #vmbContent ul.files.lines li .content.default .meta .contracts { margin-right:10px }
body#user #vmbContent ul.files.lines li .content.default .meta .contracts .contract { margin-right:5px }
body#user #vmbContent ul.files.lines li .content.default .meta .contracts .contract span { margin-right:0 }
body#user #vmbContent ul.files.lines li .content.hover .attachments div span { display:inline-block; max-width:90%; overflow:hidden; } 
body#user #vmbContent ul.files.lines li .content.hover .attachments div a { width:19px; } 

/* FILES TILES */
body#user #vmbContent ul.files.tiles li .content { background-position:center 85px; background-repeat: no-repeat; background-size:60px;   } 
body#user #vmbContent ul.files.tiles li .content .hasPushmail {  display:inline-block; height:14px; left:-7px; margin-right:-7px; top:8px; width:13px}
body#user #vmbContent ul.files.tiles li .content .hasPushmail svg { fill:#c2c9d0; height:13px  }
body#user #vmbContent ul.files.tiles li .content.default .meta span { white-space:nowrap }
body#user #vmbContent ul.files.tiles li .content.hover .attachments div a { bottom:2px; display:none; position:absolute; right:0; top:2px; width:19px; background:#deedf2} 
body#user #vmbContent ul.files.tiles li .content .hasPushmail svg { fill:#c2c9d0; height:13px  }
body#user #vmbContent ul.files.tiles li .content.hover .attachments div:hover a { display:block} 

body#user #vmbContent ul.users.tiles .rights i { position:absolute; right:0; top:0; width:15px  }






body#user footer { border-top:10px solid #006db6; bottom:0; position:absolute; width:100%; z-index:3}
body#user footer .dropdown { bottom:45px; left:0; text-align:left;  }

.contents { width:940px;}
body#user #vmbContent ul.tiles { width:950px}


/* HOVERS */
@media (min-width:990px) {
	fieldset i:hover + span { display:block } 
	svg.highlight:hover, svg.highlight:hover *  { fill:#00aeef}
}

@media (max-width:1550px) {
	body#user article { margin-left:-50% }	
	body#user article, 
	body#user .frame {width:100%;} 
	body#user article .frame { position:absolute; top:0; left:0; bottom:0; right:0}
	body#user #vmbUser .dropdown { right:-15px}
	body#user #vmbFolders { padding-left:15px}

}

@media (max-width:1450px) {
	body#user .vmbPrimary { width:828px }
	.contents { width:750px;}
	body#user #vmbContent ul.tiles { width:760px}
}

@media (max-width:1250px) {
	body#user .vmbPrimary { width:638px }
	.contents { width:560px;}
	body#user #vmbContent ul.tiles { width:570px}


}

@media (max-width:1000px),
       (orientation: portrait) {
	
	html { /*font-size: 16px; line-height: 18px;*/ }
	.col30, .col50, .col66, .col75, .col90  { width:100% }
	.hideOnMobile { display:none !important}
	
	header div.col50 ul.mainmenu a { padding:0 15px}
	#vmbSearch i	{ left:0}
	
	article { flex-direction:column }
	article div.col50 { width:auto}
	
	article h1, article .h1 { font-size:1.3rem; line-height:1.8rem; margin-bottom:1.3rem; }
	article h2, article .h2 { font-size:1.2rem; line-height:1.6rem; margin-bottom:1.2rem; }
	article h5, article .h5 { font-size:0.9rem; line-height:0.9rem; margin-bottom:0.9rem;  }
	
	article form { /*flex-direction:column */}
	article form fieldset i { display:none !important}
	article form fieldset .inputText:focus + div .hint, fieldset .inputTextarea:focus + div .hint { display:block }
	article form fieldset.col12 { width:25%} 
	article form fieldset.col20, article form fieldset.col25 { width:50%} 
	article form fieldset.col50, article form fieldset.col75 { width:100%}


	body#start header { height:80px }
	body#start header .logo { width:130px; }
	body#start article div.col50:first-child { background-position:center center; height:250px}	
	body#start article div.col50 .hires { background-position:center center }
	body#start header .burger { display:block}
	body#start header ul.mainmenu { display:none; position:absolute; right:0; top:80px; z-index:1; background:#fff;  }
	body#start header ul.mainmenu a { line-height:1em; padding:10px 25px; display:block; text-align:right; border-top:1px solid #f2f4f5 }


	body#user .vmbSecondary {  width:50% }
	body#user .vmbPrimary { width:50% }
	body#user article .frame { flex-direction:column }
	body#user article .frame .col66 { height:70%; padding-left:5px }
	body#user article .vmbSecondary {  border-bottom:3px solid #00365a; height:30%; margin:0; padding-top:0; width:100% }
	body#user article .vmbPrimary { height:70%; width:100% }
	body#user #vmbContent { padding-left:5px; padding-right:5px }
	body#user #vmbContent ul.tiles  { justify-content:center;  width:100%; }
	body#user #vmbUser .dropdown { width:275px}

	body#user footer { border-top:none}
	body#user footer nav ul { display:none}
	
	
	
	body#user footer .burger { display:flex}

	.contents { width:100%;}
	body#user #vmbContent ul.tiles { width:100%}






}

@media (max-width:900px) {
	
	}
@media (max-width:500px) {
	header { height:60px}
	#vmbUser ul { top:60px}
	header .logo { width:90px}
}






































/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.7
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
  display: inline-block;
  vertical-align: middle;
  
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.chosen-container * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1010;
  width: 100%;
  border: 1px solid #006db6;
  border-top: 0;
  background: #fff;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
          clip-path: inset(100% 100%);
}

.chosen-container.chosen-with-drop .chosen-drop {
  clip: auto;
  -webkit-clip-path: none;
          clip-path: none;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  display: block;
  overflow: hidden;
  background:#fff;
  border: 1px solid #006db6;
  border-radius: 3px;
  text-decoration: none;
  white-space: nowrap;
  line-height: 43px;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
  top:4px;
  left:15px;
  color:#00365a;
  font:normal 14px Arial, Helvetica, verdana, sans-serif;
  line-height:43px
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("chosen-sprite.png") no-repeat 0px 11px;
}

.chosen-container-single .chosen-search {
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #006db6;
  background: url("chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
          clip-path: inset(100% 100%);
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  overflow: hidden;
  margin: 0;
  padding: 20px 5px 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #006db6;
  background-color: #fff;
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #999;
  line-height: normal;
  border-radius: 0;
  width: 25px;
}

.chosen-container-multi .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #006db6;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #006db6;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
  background-image: linear-gradient(#eee 20%, #fff 80%);
  -webkit-box-shadow: 0 1px 0 #fff inset;
          box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: url("chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}


/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
body#user .keyvisual.nr0 .hires { background-image:url(../layout/keyvisuals/my0@2x.jpg) }
body#user .keyvisual.nr1 .hires { background-image:url(../layout/keyvisuals/my1@2x.jpg) }
body#user .keyvisual.nr2 .hires { background-image:url(../layout/keyvisuals/my2@2x.jpg) }
body#user .keyvisual.nr3 .hires { background-image:url(../layout/keyvisuals/my3@2x.jpg) }
body#user .keyvisual.nr4 .hires { background-image:url(../layout/keyvisuals/my4@2x.jpg) }
body#user .keyvisual.nr5 .hires { background-image:url(../layout/keyvisuals/my5@2x.jpg) }
body#user .keyvisual.nr6 .hires { background-image:url(../layout/keyvisuals/my6@2x.jpg) }
body#user .keyvisual.nr7 .hires { background-image:url(../layout/keyvisuals/my7@2x.jpg) }
body#user .keyvisual.nr8 .hires { background-image:url(../layout/keyvisuals/my8@2x.jpg) }
body#user .keyvisual.nr9 .hires { background-image:url(../layout/keyvisuals/my9@2x.jpg) }
body#user .keyvisual.nr10 .hires { background-image:url(../layout/keyvisuals/my10@2x.jpg) }
body#user .keyvisual.nr11 .hires { background-image:url(../layout/keyvisuals/my11@2x.jpg) }
body#user .keyvisual.nr12 .hires { background-image:url(../layout/keyvisuals/my12@2x.jpg) }
footer .icons #hint01 { background-image:url(../layout/hint@2x.png); background-size:cover }



  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("chosen-sprite@2x.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}

/* @end */