a.NA { text-decoration : line-through !important }
.invalidI{
    border-color : red !important;
    }

p html { height : 100% }

body { line-height : 1.71429em; font-family : HelveticaNeueW01-55Roma, Arial, Verdana, sans-serif; height : 100% }

a { text-decoration : underline;color:#009598 ;
    }

.deleted-line {
    text-decoration: line-through !important;
    }
.not-deleted-line {
    text-decoration: no-line-through !important;
    }
.color-black {
    color:black !important;
    }
a:hover { color : #00bbbe !important;}

article p { line-height : 1.4em; margin-bottom : 1.71429em; letter-spacing : 1px }

p.text-right { text-align : right }

a.arrow-1 { background : url(../media/img/arrow-1.png) left 50% no-repeat; display : inline-block; padding-left : 1.71429em; margin-left : 1.71429em; white-space : nowrap }

a.arrow-toggle span { background : url(../media/img/arrow-1.png) left 50% no-repeat; display : inline-block; padding-left : 1.71429em; margin-left : 1.71429em; transition : .7s; -moz-transition : .7s; -webkit-transition : .7s; -o-transition : .7s }

a.arrow-toggle.aleft span { margin-left : 0 }

a.arrow-toggle.open span { transform : rotate(90deg); -ms-transform : rotate(90deg); -webkit-transform : rotate(90deg); -o-transform : rotate(90deg); -moz-transform : rotate(90deg); transform-origin : 25% 60%; -ms-transform-origin : 25% 60%; -webkit-transform-origin : 25% 60% }

#editFieldWorkLink { margin:10px; left:50%;right:50%}
.row.new div.columns.itemcontainer { background-color : #e0eaea; padding-top : 1em; border-radius : 4px }

ul li { line-height : 1.71429em }

ul li ul { margin-top : 1em !important; margin-bottom : 1.71429em !important }

.button, li, p { font-family : HelveticaNeueW01-55Roma, Arial, Verdana, sans-serif; letter-spacing : 1px }

header .columns { height : 15em }

header #ident { background : url(../media/img/assets/logo-Svalbard-Science-Forum-2X.png) left 4.42857em no-repeat transparent; width : 7.85714em; height : 100%; background-size : 7.5em 6.57143em; float : left }

header #ident a { display : block; height : 100%; width : 100%; font-size : 0 }

header nav.topbar { float : right; margin-top : 3em }

header nav.topbar ul { list-style-type : none }

header nav.topbar ul > li { float : left; margin-left : 3.57143em; position : relative }

header nav.topbar > ul > li { margin-bottom : .85714em }

header nav.topbar ul li a { display : inline-block; text-decoration : none; margin-top : .57143em; color : #000; white-space : nowrap; transition : .7s; -moz-transition : .7s; -webkit-transition : .7s; -o-transition : .7s }

header nav.topbar ul li a:hover { color : #00bbbe; }

header nav.topbar ul li.username a.toggle-menu { background : url(../media/img/icon-down.png) no-repeat right center; padding-right : 15px }

header nav.topbar ul li.profile a.toggle-menu-profile  { background : url(../media/img/icon-down.png) no-repeat left center; padding-left : 15px;}

header nav.topbar ul li.about a.toggle-menu-about { background : url(../media/img/icon-down.png) no-repeat left center; padding-left : 15px;}

header nav.topbar ul li.strategy a.toggle-menu-strategy  { background : url(../media/img/icon-down.png) no-repeat left center; padding-left : 15px;}

.loggedin-menu { position : relative; width : 100% }

.loggedin-menu-profile { position : relative; width : 100% }

.loggedin-menu-about { position : relative; width : 100% }

.loggedin-menu-strategy { position : relative; width : 100% }

input.globalSearch, input.globalSearch:focus { border : none; background : url(../media/img/fg.png) no-repeat 95% center #efefef; box-shadow : none; width : 200px }

input.globalSearch::-ms-clear { display : none }

.loggedin-menu { opacity : 0; overflow : hidden; max-height : 0; transition : .7s; -moz-transition : .7s; -webkit-transition : .7s; -o-transition : .7s }

.loggedin-menu-profile { opacity : 0; overflow : hidden; max-height : 0; transition : .8s; -moz-transition : .8s; -webkit-transition : .8s; -o-transition : .8s }

.loggedin-menu-about  { color: violet;  opacity : 0; overflow : hidden; max-height : 0; transition : .7s; -moz-transition : .7s; -webkit-transition : .7s; -o-transition : .7s }

.loggedin-menu-strategy  { opacity : 0; overflow : hidden; max-height : 0; transition : .7s; -moz-transition : .7s; -webkit-transition : .7s; -o-transition : .7s }

.loggedin-menu.showmenu { opacity : 1; max-height : 300px; overflow : visible; z-index : 20 }

.loggedin-menu-profile.showmenu { opacity : 1; max-height : 300px; overflow : visible; z-index : 20 }

.loggedin-menu-about.showmenu { opacity : 1; max-height : 300px; overflow : visible; z-index : 20 }

.loggedin-menu-strategy.showmenu { opacity : 1; max-height : 300px; overflow : visible; z-index : 20 }

header nav.topbar ul > li ul { float : none; margin-left : 0; margin-right : 10px; margin-top : 20px; opacity : 1; padding-bottom : 10px; padding-left : 10px; padding-top : 5px; background-color : #ebebeb }

header nav.topbar ul > li ul > li { float : none; margin-left : 0 }

header nav.topbar ul > li ul > li a { padding-left : 0 }

li.profile a { background : url(../media/img/icon-profile.png) no-repeat left center }

li.helpme a { background : url(../media/img/icon-help.png) no-repeat left center }

li.logout a { background : url(../media/img/icon-logout.png) no-repeat left center }

#wrapper { min-height : 100%; position : relative; border : 1em solid #00d1cd }

article { padding-bottom : 200px }

footer { width : 100%; height : 100px; position : absolute; bottom : 20px; left : 0; margin-top : 6.85714em }

footer .columns { height : 6.85714em }

footer a.logo { width : 100%; height : 100%; display : inline-block }

footer .ssf { background : url(../media/img/assets/svalbard-science-forum-2X.png) 1.5em 0 no-repeat transparent; background-size : 4.5em }

footer .ssf:hover { background : url(../media/img/assets/svalbard-science-forum-hover-2X.png) 1.5em 0 no-repeat transparent; background-size : 4.5em }

footer .ss { background : url(../media/img/assets/sysselmannen-2X.png) 1.5em 5px no-repeat transparent; background-size : 4.5em }

footer .ss:hover { background : url(../media/img/assets/sysselmannen-hover-2X.png) 1.5em 5px no-repeat transparent; background-size : 4.5em }

footer .kb { background : url(../media/img/assets/kingsbay-2X.png) 1.5em 0 no-repeat transparent; background-size : 4.5em }

footer .kb:hover { background : url(../media/img/assets/kingsbay-hover-2X.png) 1.5em 0 no-repeat transparent; background-size : 4.5em }

footer .np { background : url(../media/img/assets/norsk-polarinstitut-2X.png) 1.5em 0 no-repeat transparent; background-size : 4.5em }

footer .np:hover { background : url(../media/img/assets/norsk-polarinstitut-hover-2X.png) 1.5em 0 no-repeat transparent; background-size : 4.5em }

footer .nff { background : url(../media/img/assets/Satellite.gif) .71429em 15px no-repeat transparent; background-size : 16.42857em }

footer .nff:hover { background : url(../media/img/assets/Satellite-hover.gif) .71429em 15px no-repeat transparent; background-size : 16.42857em }

footer p { margin-top : 3.42857em; color : #666 }

h1, h2, h3, h4, h5, h6 { font-weight : 400; margin-top : 0 }

h1.pagetitle { border-bottom : 1px solid #000; font-size : 1.28571em; text-transform : none; margin-bottom : 5.42857em; padding-left : 23%; line-height : 1.28571em; font-family : HelveticaNeueW01-55Roma, Arial, Verdana, sans-serif }

h1.pagetitle span { background-color : #fff; bottom : -5px; position : relative; padding : 0 3.7%; font-family : HelveticaNeueW01-55Roma, Arial, Verdana, sans-serif }

article h1, article h2 { font-family : 'HelveticaNeueW01-47LtCn 692686', Arial, Verdana, sans-serif }

h3, label, legend, strong, th { font-family : HelveticaNeueW01-55Roma, Arial, Verdana, sans-serif }

b, strong { font-weight : 400 }

fieldset legend, h1, h2, h3 { text-transform : uppercase }

h1, label, th { letter-spacing : 2px }

h3, h4, legend { font-size : 1em; letter-spacing : 2px }

h3 span { letter-spacing : 1px }

h2 { font-size : 2.57143em; line-height : 128%; margin-bottom : 1.42857em; letter-spacing : 2px }

h2 span.gender { font-size : 20px }

#startpage h2 { margin-bottom : .35714em }

h1, h3 { margin-bottom : 1.71429em }

h3.sum { text-transform : none !important; font-size : 1.14286em; white-space : nowrap }

h3 span { font-family : HelveticaNeueW01-55Roma, Arial, Verdana, sans-serif; text-transform : none }

.visible.true { display : block }

.visible.false { display : none }

.dropBmargin { margin-bottom : 0 !important }

.nowrap { white-space : nowrap }

.inlinelabel, .pullbackalittle { margin-left : -20% !important }

label.rlabel { margin-left : .71429em; margin-right : 1.71429em; float : left; font-family : HelveticaNeueW01-55Roma, Arial, Verdana, sans-serif }

.blk50 {
    margin: auto;
    width: 50%;
}
.infomessageLogin {
    background-color: #00d1cd;
    padding: .5em;
}
.infomessageLogin .heading {
    padding-left: .5em;
    font-size: 1.4em;
}
.infomessageLogin .content {
    background-color: #FFF;
    padding: .5em;
    line-height: 1.3em;
}
.rbutton {
    color: #000 !important;
    font-weight: normal !important;
    padding: 0.5em 1em !important;
    box-shadow: none !important;
    background-color: #fff !important;
    border: 1px dashed #000 !important;
    margin-right:2% !important;
    text-decoration: none !important;
    transition: box-shadow 0.3s;
    border-radius: 3px;
    display: inline-block;
    }
.rbutton:hover {
    box-shadow: 5px 5px 9px lightslategrey !important;
    transition: box-shadow 0.3s;
    }
.rbutton-05x {
    width: 125px!important;
    height: 33px;
    }
.rlabelspan {
    color: #000;
    margin-bottom: 1.71429em;
    line-height: 150%;
    font-family: "HelveticaNeueW01-55Roma";
    font-size: 1em;
    cursor: pointer;
    display: block;
    font-weight: 500;
    }

label.nestedinput { margin-right : 1.71429em; float : left; font-weight : 400 }

label.nofinger { cursor : inherit }

label + span, label > p, label > span { cursor : default }

label input { margin-right : .42857em !important }

label input[type=checkbox], label input[type=radio] { margin-bottom : 0 }

label > input[type=email], label > input[type=number], label > input[type=password], label > input[type=tel], label > input[type=text], label > input[type=url], label > select, label > textarea { margin-top : 1.71429em; font-family : HelveticaNeueW01-55Roma, Arial, Verdana, sans-serif }

label > input[type=file] { margin-top : .85714em; background-color : #fff; font-family : HelveticaNeueW01-55Roma, Arial, Verdana, sans-serif }

.hide-button .button { display : none }

.req { color : #000; font-size : 140% }

.panel-unset-value-color { color : #d3d3d3 }

.hidden { display : none }

.show-help { background : url(../media/img/q.png) left top no-repeat; background-size : 23px; width : 23px; height : 22px; display : inline-block; margin-left : 10px; margin-bottom: -5px; }

.show-help.active { background : url(../media/img/qx.png) left top no-repeat }

td p a.show-help { background : url(../media/img/q.png) no-repeat scroll left -1px/19px auto transparent; height : 17px; margin-left : 5px; width : 20px }

td p a.show-help.active { background : url(../media/img/qx.png) no-repeat scroll left -1px/19px auto transparent }

.help, .helpText { font-size : .85714em }

.helpText { color : #666; margin-top : -.85714em }

.help { margin-bottom : 1.71429em; letter-spacing: 0px; }
label + .help { margin-top: -2em; }

td .help { margin-top : -1.42857em }

.help .content { background-color : #ebebeb; padding : 1em; font-family : HelveticaNeueW01-55Roma, Arial, Verdana, sans-serif }

div.help-arrow { width : 0; height : 0; border-left : 10px solid transparent; border-right : 10px solid transparent; border-bottom : 14px solid #ebebeb; margin-left : 96.5% }

div.arrowup.headerdropdown { border-bottom : 14px solid #EBEBEB; border-left : 10px solid transparent; border-right : 10px solid transparent; float : left; height : 0; margin-right : 7px; margin-top : -17px; width : 0 }

a.goback { color : #000; text-decoration : none; font-family : HelveticaNeueW01-55Roma, Arial, Verdana, sans-serif; font-weight : 700; letter-spacing : 2px; margin-top : -1px; display : block }

a.actionlink { text-decoration : none; white-space : nowrap }

a.actionlink span { text-decoration : underline }

a.goback:before { content : "\2190"; font-family : arial !important; font-size : 1.71429em; margin-right : 10px }

.new-tag { background-color : #92278f; height : 100%; padding : 0 .5em; text-align : center; color : #fff; margin-top : .14286em; margin-left : .14286em; display : inline-block }

.no-bullet li { margin-bottom : 1em }

.no-bullet li ul li { margin-top : .42857em; margin-bottom : .42857em }

.no-bullet.compact li { margin-bottom : .5em }

dl.facts dd, dl.facts dt, dl.projectDates dd, dl.projectDates dt { display: inline-block; width : 100px; font-family : HelveticaNeueW01-55Roma; letter-spacing : 1px; }

a#view_all_projectbookings { display : none; float : right; margin-right : 65px }

ul.keywords li::first-letter { text-transform : capitalize }

.status, .statuscircle { width : 10px; height : 10px; background : #e0eaea; -moz-border-radius : 50%; -webkit-border-radius : 50%; border-radius : 50%; display : inline-block }

.status.active, .status.approved, .status.inwork { background-color : #4ad6ae }

.status.active, .status.pending { background-color : #fdf161 }

.risid-deleted { text-decoration : line-through }

.status.planned { background-color : #000 }

.status.deleted { background-color : #f87563 }

.error small.error { margin-bottom : 1.71429em; font-size : 1em; font-weight : 400; background-color : #f87563 }

::-webkit-input-placeholder { font-family : HelveticaNeueW01-55Roma; color : #000 }

:-moz-placeholder { font-family : HelveticaNeueW01-55Roma; color : #000 }

::-moz-placeholder { font-family : HelveticaNeueW01-55Roma; color : #000 }

:-ms-input-placeholder { font-family : HelveticaNeueW01-55Roma; color : #000 }

ul.nav-internal, ul.projectheader { list-style-type : none; float : right }

ul.nav-internal li, ul.projectheader li { float : left; margin-left : 1.14286em }

ul.nav-internal li a { border-radius : 3px; text-decoration : none;  letter-spacing : 1px; padding : 12px; transition : .7s; -moz-transition : .7s; -webkit-transition : .7s; -o-transition : .7s }

ul.nav-internal li.edit a { background-color : #ccdcdc }

ul.nav-internal li.edit a:hover { background-color : #e0eaea }

/*
ul.nav-internal li a.selected, ul.nav-internal li a:hover { background-color : #ebebeb; color : #2b5ad9 }
*/

ul.nav-internal li a { display:block; padding: 12px; }

.alert-box { font-size : 1.28571em; padding-top : 7px; transition : .7s; -moz-transition : .7s; -webkit-transition : .7s; -o-transition : .7s }

.alert-box.success, .alert-box.success a, .success { color : #4ad6ae }

.alert-box.error { color : #f87563 }

.alert-box a.close { color : #4ad6ae; border : 1px solid #4ad6ae; border-radius : 100%; font-size : .71429em; display : inline-block; padding : 0 9px; text-decoration : none; margin-left : 1.71429em }

.alert-box.error a.close, .alert-box.error a.close:hover { color : #f87563; border : 1px solid #f87563 }

.alert-box a.close:before { content : "X" }

.alert-box a.close:hover { color : #4ad6ae; border : 1px solid #4ad6ae }

span.statusindicator { transition : .7s; -moz-transition : .7s; -webkit-transition : .7s; -o-transition : .7s }

.alert-box.default, .default .alert-box, .default .statusindicator { opacity : 0; text-color : #fff }

.alert-box.errorstatus, .alert-box.saved,  .saved .alert-box { opacity : 1; color : #4ad6ae }
.alert-box.errorstatus, .errorstatus { opacity : 1; color : red }

.alert-box.wait, .wait .alert-box { opacity : 0; color : #fff }

.alert-box.changed, .changed .alert-box { opacity : 1; color : #4ad6ae }

span.statusindicator { float : right; font-size : 11px; color : #fff; opacity : 1; white-space : nowrap }

.saved span.statusindicator { color : #4ad6ae }

.errorstatus span.statusindicator { color : #f87563 }

.changed span.statusindicator { color : #87a3ff }

.accordion h2 { overflow : auto; background : url(../media/img/open.png) left 50% no-repeat; cursor : pointer; margin-bottom : auto }

.accordion h2.error a, .accordion h2.error a:hover { color : #f87563 }

.accordion .open h2.map-step.open, .accordion h2.open { background : url(../media/img/close.png) left 50% no-repeat }

.accordion h2.map-step.open { background : url(../media/img/open.png) left 50% no-repeat }

h2.accordion-end { background : 0 0; cursor : default; height : 1px }

.accordion h2 a { padding-top : 24px; padding-bottom : 24px; border-top : 1px solid #000; width : 91.66%; display : inline-block; text-decoration : none; color : #000; float : right; letter-spacing : 2px; transition : .7s; -moz-transition : .7s; -webkit-transition : .7s; -o-transition : .7s }

.accordion h2 a:hover { color : #3caeed; }

.accordion .content-wrap { display : none; margin-bottom : 1.71429em }

.accordion .content-wrap.default-open { display : block }

.content-wrap-map { max-height : 0; overflow : hidden; transition : 1s; -moz-transition : 1s; -webkit-transition : 1s; -o-transition : 1s }

.open .content-wrap-map { max-height : 5000px; overflow : visible }

.edit.fieldMap .map .container { cursor : url(../media/img/cursor_add.png) 1 5, auto !important }

.accordion.disabled .edit.fieldMap .map .container { cursor : default !important }

.accordion.disabled .statusindicator { display : none !important }

.edit.fieldMap .button { background-image : none }

.map circle, .map image { cursor : pointer }

.accordion .content-wrap.map { display : block; overflow : visible }

.hidden.map { display : block }

.window { z-index : 100; position : absolute; left : 0; top : 0 }

.window, .window.hidden { display : none; transition : .7s; -moz-transition : .7s; -webkit-transition : .7s; -o-transition : .7s }

.window.visible { display : block; transition : .7s; -moz-transition : .7s; -webkit-transition : .7s; -o-transition : .7s }

.window .content { background-color : #fff; border : 1px solid #efefef; margin-left : 19px; padding : 20px 20px 6px; width : 470px }

.window.isNew-false .content { background-color : #efefef }

.window.isNew-false .arrow { border-right : 20px solid #efefef }

.window .content .w50 { float : left; width : 50% }

.window .content .w50.last { padding-left : 5%; width : 47% }

.window .content .w30 { float : left; width : 30% }

.window .content .w30.last { padding-left : 5%; width : 30% }

.window .content .w100 { width : 100%; min-height : 28px }

.window .content .w100:after { clear : both }

.window .content a.close { float : right; color : #000; font-weight : 700; text-decoration : none; position : relative; right : -5px; top : -10px; font-size : 1.71429em }

.window .arrow { border-bottom : 15px solid transparent; border-right : 20px solid #fff; border-top : 15px solid transparent; float : left; margin-top : 20px }

.reveal-modal label > input[type=email], .reveal-modal label > input[type=number], .reveal-modal label > input[type=password], .reveal-modal label > input[type=text], .reveal-modal label > input[type=url], .reveal-modal label > select, .reveal-modal label > textarea, .window label > input[type=number], .window label > input[type=text], .window label > select { margin-top : 5px !important }

.compact label > input[type=email], .compact label > input[type=number], .compact label > input[type=text], .compact label > select, .compact label > textarea { margin-top : 2px !important }

.window label { margin-bottom : 1.14286em }

.compact label { margin-top : 6px; margin-bottom : 0 }

.reveal-modal { font-size : .78571em; max-width : 700px }

.reveal-modal label { margin-bottom : .42857em }

#fieldMap, .fieldMap { background-color : #C0E8FF !important; position : relative }

#fieldMap > div, .fieldMap > div { height : 690px }

article input[type=date], article input[type=datetime-local], article input[type=datetime], article input[type=email], article input[type=month], article input[type=number], article input[type=password], article input[type=search], article input[type=tel], article input[type=text], article input[type=time], article input[type=url], article input[type=week], article textarea, input[type=file] { height : 2.85714em; margin-bottom : 1.14286em; border-radius : 0 }

input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=file]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus { border-color : #00d1cd; box-shadow : 0 0 5px #00d1cd }

select { border : 1px solid #000; padding : .64286em .57143em .78571em .21429em; margin-bottom : 1.14286em }

@media screen and (-webkit-min-device-pixel-ratio : 0) {
    select { -webkit-appearance : none; outline : 0; background : url(../media/img/dd.png) 98.1% 50% no-repeat #fff; padding-right : 25px }

    select:focus { -webkit-box-shadow : 0 0 5px 0 #00d1cd; outline : 0 }
    }

fieldset { border : none; padding : 30px 0 1em; margin : 0 }

label { color : #000; margin-bottom : 1.71429em; line-height : 150% }

textarea { min-height : 8em }

small.error, span.error { background : 0 0; color : #f87563; margin-bottom : .7em; padding-bottom : 0; padding-top : .7em }

.button, input[type=submit] { color : #000; font-weight : 400; padding : 1.28571em 2em; background-color : #00d1cd; box-shadow : none; border : none; transition: box-shadow 0.3s; */
box-shadow: none;
    border-radius: 3px;
    outline:none !important;}
.button, input[type=submit]:hover {
    box-shadow: 5px 5px 9px lightslategrey;
    transition: box-shadow 0.3s;
    }
.button.test, .button.test.primary, .button.test.secondary { border-radius : 8px; border : 0; border-right : 1px solid #666; border-bottom : 1px solid #666 }

.button.test.primary:active, .button.test.secondary:active, .button.test:active { border-right : 1px solid #fff; border-bottom : 1px solid #fff; box-shadow : none }

.button:Hover, .button:active, .button:focus { background-color : #00d1cd; color : #000; box-shadow: 5px 5px 9px lightslategrey;
    transition: box-shadow 0.3s;}

.summary .button { padding : .64286em 1em }

.button.primary, .button.secondary { background-color : #00d1cd; border : none;
    transition: box-shadow 0.3s;
    box-shadow: none;
    border-radius: 3px;
    }

.button.primary:active, .button.primary:focus, .button.primary:hover, .button.secondary:focus, .button.secondary:hover {
    background-color : #00d1cd!important;
    box-shadow: 5px 5px 9px lightslategrey;
    transition: box-shadow 0.3s;
    color: #000 !important;}

.button.add, input[type=submit].add {
    background-color : #fff;
    border : 1px dashed #000;
    transition: box-shadow 0.3s;
    box-shadow: none;
    border-radius: 3px;}

.button.add:focus, .button.add:hover, button.add:focus, button.add:hover {  box-shadow: 5px 5px 9px lightslategrey;
    transition: box-shadow 0.3s; color : #3caeed;border : 1px dashed #000 }

.button.add.disabled, .button.add.disabled:focus, .button.add.disabled:hover { border : 1px dashed #999; color : #999; background : #fff }

.approve .button.approved, .button.Saved, .button.disabled, .button.disabled:Hover, .button.saved, .button.wait, .button[disabled], .button[disabled]:Hover, .delete .button.deleted, button.disabled, button.disabled:Hover, button.wait, button[disabled], button[disabled]:Hover { background-color : #ececec !important; color : #666 !important; border : none; opacity : .8 }

.edit .button { background : url(../media/img/svg/ris-edit.svg) no-repeat 5px center #ccdcdc; padding-left : 35px }

.columns.center-element { text-align : center }

.round-buttons-container .round-button { margin-right : 3.57143em; float : left; padding : 3.57143em .71429em 0 }

.round-button { width : 166px; height : 166px; border-radius : 100%; background-color : #e0eaea; display : inline-block; padding : 3.57143em 5% 0; text-align : center; margin : 0 auto; color : #000; font-size : 1.14286em; text-decoration : none; transition : .7s; -moz-transition : .7s; -webkit-transition : .7s; -o-transition : .7s }

.color-project { background-color : #c3e7e5 }

.color-user { background-color : #b8ceea }

.color-booking { background-color : #dcecc5 }

.color-permissions { background-color : #dfdeff }

.color-ris { background-color : #00d1cd; color : #000 }

.color-ris:hover { background-color : #a6fdff; color : #000 }

.label.secondary, .label.secondary a { background-color : #f2f2f2; color : #000 }

.label { padding : 1em; margin-right : .5em; margin-bottom : 1.71429em; display : inline-block; position : relative; text-align : center; text-decoration : none; white-space : nowrap; font-weight : 700 }

.label a { text-decoration : none; margin-left : .71429em }

label.nestedinput, label.normal { font-family : HelveticaNeueW01-55Roma; letter-spacing : 1px }

input.hasDatepicker { background : url(../media/img/dpb.png) 95% 50% no-repeat #fff }

button.ui-datepicker-trigger { padding : 5px 5px 0 10px; background-color : #fff; border : none }

button.ui-datepicker-trigger:active { box-shadow : none }

.add2 { padding-top : .14286em }

.add3 { padding-top : .21429em }

.add4 { padding-top : .28571em }

.add5 { padding-top : .35714em }

.add6 { padding-top : .42857em }

.add7 { padding-top : .5em }

.add8 { padding-top : .57143em }

.add9 { padding-top : .64286em }

.add10 { padding-top : .71429em }

.add11 { padding-top : .78571em }

.add12 { padding-top : .85714em }

.add14 { padding-top : 1em }

.add1bt { margin-top : 1.71429em }

.add2bt { margin-top : 3.42857em }

.add2bb { margin-bottom : 3.42857em }

.add1bb { margin-bottom : 1.71429em }

.add4bt { margin-top : 6.85714em }

.add8bb { margin-top : 13.71429em }

.add4bb { margin-bottom : 6.85714em }

table.clean { width : 100% }

table.clean thead th { margin-bottom : 1em; font-weight : 400 }

table.clean, table.clean td { border : none }

table.clean td { vertical-align : top; padding-top : .28571em; padding-bottom : .57143em }

table.clean tbody tr:first-child td { padding-top : 1.71429em }

table.clean td input, table.clean td select { margin-bottom : 0; margin-top : -.57143em; width : 95% }

table tfoot { border-right : 1px solid #ccc }

table.clean tfoot td { padding-top : .57143em; padding-bottom : .57143em; background-color : #ebebeb }

.row.total { margin-top : -24px }

td.price, th.price { text-align : right; white-space : nowrap; padding-right : 1% !important }

tfoot td.price { font-size : 1.14286em }

td.center, th.center { text-align : center }

td.price p { margin-right : 10px }

table.clean tr { background : #fff }

table.clean tr.howerRow- td, table.clean tr.howerRow-false td { font-weight : 400 }

table.clean tr.howerRow-true td { font-weight : 700 }

table.clean th label { margin-bottom : 0 }

table.clean th { margin-bottom : 0; padding-bottom : .35714em; border-bottom : .71429em solid #ebebeb; border-right : 1em solid #fff }

table.clean th:last-child { border-right : none }

table.summary tbody td { border-bottom : 1px solid #ccc; letter-spacing : 1px; font-size : .9em; padding-left : .57143em; padding-right : 0 }

table.summary tfoot td { letter-spacing : 2px }

table.summary th { font-size : .9em }

table.summary tbody tr:first-child td { padding-top : 1em }

td.admin, th.admin { display : none }

td.admin { text-align : center }

td.admin input[type=radio] { width : auto }

.admin td.admin, .admin th.admin { display : table-cell }

a.admin, a.sffadmin, div.admin, div.ssfadmin { display : none }

.admin a.admin, .admin div.admin, .ssfadmin a.ssfadmin, .ssfadmin div.ssfadmin { display : block }

a.projectowner, div.projectowner { display : none }

.projectowner a.projectowner, .projectowner div.projectowner { display : block }

tfoot td a.button { margin-bottom : 0 }

table.clean tfoot td { vertical-align : middle !important }

tfoot td { margin-top : .71429em }

tr.Planned td.statuscell, tr.saved td.statuscell { color : #000 }

.admin tr.Planned td, tr.Invoiced a, tr.Invoiced input, tr.Saved a, tr.Saved input { display : none }

div.statuscircle { margin-left : 3px }

td.statuscell { white-space : nowrap; width : 90px }

tr td.statuscell i { margin-left : 3px; font-size : .85714em; background : url(../media/img/ris-planned.png) no-repeat left top; background-size : 10px; padding-left : 15px }

tr.Planned td.statuscell i { background : url(../media/img/ris-planned.png) no-repeat left top; background-size : 10px }

tr.Approved td.statuscell i { background : url(../media/img/ris-approved.png) no-repeat left top; background-size : 10px }

tr.Pending td.statuscell i, tr.Waiting td.statuscell i { background : url(../media/img/ris-waiting.png) no-repeat left top; background-size : 10px }

tr.Declined td.statuscell i { background : url(../media/img/ris-declined.png) no-repeat left top; background-size : 10px }

a.decline, tr.Declined td.statuscell { color : #f87563 }

a.approve, tr.Approved td.statuscell { color : #4ad6ae }

tr.Billed td.statuscell { color : #999; text-decoration : line-through }

tr.Waiting td.statuscell { color : #000 }

a.clear { color : #92278f }

table.summary tbody tr.declinedReason td { line-height : 0; font-size : 0; height : 0; margin : 0; padding : 0; transition : .7s; -moz-transition : .7s; -webkit-transition : .7s; -o-transition : .7s }

#bookingSummary table.summary tbody tr.declinedReason td { border-bottom : 1px solid #ccc; background : rgba(221, 0, 4, 0) }

.declinedReason.Declined > td p { height : 15px; padding : 10px }

table.summary tbody tr.declinedReason td input { display : none }

table.summary tbody tr.declinedReason.Declined td { line-height : auto; font-size : .9em; margin : auto; padding-bottom : .57143em; padding-left : 10px; background : rgba(221, 0, 4, .3); height : auto }

table.summary tbody tr.declinedReason.Declined td input { display : block; width: 99%; display: inline-table; }

.regUserModal { display : none }

.reveal-modal .regUserModal { display : inline-block }

.regInstModal, .reveal-modal .regUser { display : none }

#ModalInstitutionReg .regInstModal { display : inline-block }

#ModalInstitutionReg .registerInstitution { display : block }

div.jquery-filestyle label { display : inline-block; background-color : #FFF; border : 1px dashed #000; box-shadow : none; color : #000; font-weight : 400; font-family : HelveticaNeueW01-55Roma; padding : 1.28571em 2em; margin-top : 0 }

div.jquery-filestyle label:Hover { border : 1px solid #000 }

dl.userdata dd, dl.userdata dt { float : left; letter-spacing : 1px }

dl.userdata dt { width : 35% }

dl.userdata dd { width : 63% }

.letterNav a, .letterNav span span { font-size : 1.28571em; display : inline-block; margin-right : 10px; margin-bottom : 5px }

.letterNav a:focus { color : #000 }

/* *************      visuelle endringer    *******************           */
.margin-bottom-12 {
    margin-bottom:12px;
    }
.margin-bottom-25 {
    margin-bottom:25px;
    }
.margin-top--12 {
    margin-top: -12px;
    }

.nav-internal-buttons {
    text-decoration: none;
    background-color: #00d1cd;
    padding: 6px 5px 3px 5px;
    display: block;
    text-align: center;
    margin-bottom: 3%;
    color: black !important;
    font-weight: normal !important;
    /* border: 1px solid #000 !important; */
    transition: box-shadow 0.3s;
    box-shadow: none;
    border-radius: 3px;
    }
.nav-internal-buttons:hover {
    box-shadow: 5px 5px 9px lightslategrey;
    transition: box-shadow 0.3s;
    color: black!important;
    }
.nav-internal-buttons-active  {
    box-shadow: 5px 5px 9px lightslategrey;
    background-color: #00d1cd;
    transition: box-shadow 0.3s;
    color : black;
    }
.s2x {
    font-weight: 400;
    padding: 1.28571em 2em;
      }
.modal-button-container {
    margin-bottom: 15px;
    }
.key-numbers-text {
    position: absolute;
    }

.key-number-box {
    width: 45%;
    height: 25%;
    display : inline-block;
    margin-top: 4%;
    margin-left: 4%;
    margin-bottom: 15%;
    }
.key-numbers {
   font-size: 300%;
    }
#key-number-box-p {
    margin: 0% !important;
    padding: 0% !important;
    }
#listview-icon{
    background: url(../media/img/listview.png)   no-repeat;
    }
#map-view-icon {
    background: url(../media/img/marker.png)  no-repeat;
    }
#stat-view-icon {
    background: url(../media/img/combo-chart.png)  no-repeat;
    }
.button-icons {
    font-size: 45px !important;
    display: block;

    }
.button-icons-user {
    font-size: 2em !important;

    }
.button-icon-1x {
    padding-right: 8px;

    }
.link-buttons-div {
    width: 30%;
    text-align: center;
    display: inline-block;
    }
.link-buttons-div-user {
    display: inline-block;
    width: 48%;
    padding-left: 10px;
    margin-bottom: 16%;
    }

.link-buttons {
    width: 100%;
    height: 100%;
    color: #222 !important;
    text-decoration: none;
    }
#buttons-container {
    margin-top: 24%;
    }
.boxbottom { height: 25%; position : absolute }

.my-space-buttons {
    /* font-family: 'HelveticaNeueW01-47LtCn 692686', Arial, Verdana, sans-serif; */
    text-decoration: none;
    background-color: #00d1cd;
    padding: 6px 5px 3px 5px;
    display: block;
    text-align: center;
    margin-bottom: 3%;
    color: black !important;
    font-weight: normal !important;
    /* border: 1px solid #000 !important; */
    transition: box-shadow 0.3s;
    box-shadow: none;
    border-radius: 3px;

    }
.my-space-buttons:hover {
    box-shadow: 5px 5px 9px lightslategrey;
    transition: box-shadow 0.3s;
    color: black!important;
    }
#my-space-container{
    margin-top: 10%;
    }
#app-status {
    margin-top: 19%;
    }
.h1-status {
    font-family: 'HelveticaNeueW01-47LtCn 692686', Arial, Verdana, sans-serif;
    }
#barchart_div {
    margin-top:10%;
    }
#existingpassword{
    margin-top: 7%;
    }
#front-page-search {
     top: 80%;
    }
#pending-approval {
    margin-top: 6% !important;
    }
.key-number-row {
    margin-top: 3.0em !important;
    }
.my-projects-box {
    height: 357px;
    }
.button-add-1x {
    background-color: #fff !important;
    border: 1px dashed #000 !important;
    padding: 10px 20px !important;
    color: black !important;
    text-decoration: none;
    transition: box-shadow 0.3s;
    box-shadow: none;
    border-radius: 3px;
    font-family: HelveticaNeueW01-55Roma !important;
    font-weight: normal !important;

    }
.button-add-1x:hover {

    box-shadow: 5px 5px 9px lightslategrey;
    transition: box-shadow 0.3s;
    background-color: #fff !important;
    font-family: HelveticaNeueW01-55Roma !important;
    color: #00bbbe !important;
    font-weight: normal !important;
    }
.person-add {
    padding: 6px 17px !important;
    float: right;
    }
.button-add-1x.cancel {
    padding: 6px 20px;
    margin-top: -7px;
    }
.add-button-container{
    height: 40px;
    padding: 8px 2px 5px 2px;
    display: table-cell;
    }
.keyword-add-container {
    padding: 52px 2px 5px 2px !important;

    }
#person-container {

    }
.person-buttons {
    float: right;
    display: inline-block;
    padding: 2px;
    }
.float-right {
    float: right;
    }
.save-person-ind {
    padding: 6px 64px 6px 64px !important;
    }
#save-person-inst {
    margin-top: -1%;
    }
#modal-button-container {
    padding-bottom: 15px;
    }
.fieldwork-tablecell-buttons {
    padding-top:10px !important;
    }
.background-white {
    background-color: white !important;
    }
.modal-buttons {
    margin-right: 10px;
    }
.button-add-0-5x {
    background-color: #fff;
    border: 1px dashed #000;
    padding: 6px 15px;
    color: black;
    text-decoration: none;
    transition: box-shadow 0.3s;
    box-shadow: none;
    border-radius: 3px
    }
.button-add-0-5x:hover {
    box-shadow: 5px 5px 9px lightslategrey;
    transition: box-shadow 0.3s;
    }
.fit-picker {
    padding : 12px 10px;
    }
#existingUserLogin {
    margin-top: 14%;
    }
.proj-desc {
    padding-left: 2em;
    margin-top: -0.2em;
    padding-top: 30px ;

    }
.bigger-padding {
    padding: 10px 55px !important;
    }
.ch-psw-width-adjust {
    max-width: 550px;
    }
.password-change-container {
    width: 470px;
    }
.intro {
    line-height: 1.4em !important;
    letter-spacing: 1px !important;
    margin-bottom: 0 !important;
    font-family: HelveticaNeueW01-55Roma, Arial, Verdana, sans-serif !important;
    color:black !important;
    }
.fit-to-remove {
    padding-left: 32px !important;
    padding-right: 32px !important;
    }
.no-margin {
    margin: 0 !important;
    }
.awareness-button {
    width: fit-content;
    padding: 10px;
    margin-left: 2em;
    }
.awarness-container {
    margin: 0 !important;
    }
#ModalProjectDetailed {
    top: 2% !important;
    width: 100% !important;
    background: #D1FFFF;
    max-width: 80% !important;
    height:  99% !important;
    }
#ModalCloseProjectDetailed {
    top: 2% !important;
    width: 100% !important;
    background: #D1FFFF;
    max-width: 80% !important;
    height:  99% !important;
    }
#awareness-project {
    width: 100%;
    margin-top: -2%;
    height :98% !important;
    }
#awareness-project-close {
    width: 100%;
    margin-top: -2%;
    height :98% !important;
    }
.awareness-back-to-list {
   font-size: 1.4em;
    width: fit-content;
    }
.bottom-button {
    position : absolute;
    bottom: 0;
    }
.absolut-position {
    position: absolute;
    }
/* ***************visuelle endringer end****************** */
@media only screen and (max-width : 600px) {
    .admin td.admin, .admin th.admin { display : block }

    .admin td.admin input { width : auto }
    }

#fieldMap, .banner, .box, .button, .fieldMap, .focus-box, .window .content, button, header nav.topbar ul > li > ul, input, label.secondary, select, textarea { border-radius : 3px !important }

.address-item { border-bottom : 1px solid #fff; border-top : 1px solid #fff; padding : 10px 0; float : left; width : 100% }

.noprice .price { display : none !important }

.ptextarea { }

.itemcontainer { margin-bottom : 1.71429em }

.help ul { margin-left : 10px }

label > span { font-weight : 400; font-family : HelveticaNeueW01-55Roma; cursor : default }

.signature-line { border-top : 1px solid #000; text-align : right; margin-top : 8.57143em; width : 50%; float : right; padding-right : 10px }

#bookingSummary .summary-row { margin-bottom : 30px }

#bookingSummary .row.liftup { margin-top : 10px }

#bookingSummary table { border-left : 1px solid #CCC; border-top : 1px solid #CCC; border-bottom : 1px solid #CCC }

#bookingSummary table.clean th { border-bottom : 1px solid #CCC; border-right : 1px solid #CCC; background-color : #EFEFEF }

#bookingSummary table.clean { border-collapse : collapse }

#bookingSummary table.summary tbody td { border-bottom : 1px solid #EBEBEB; border-right : 1px solid #ccc }

#bookingSummary .summary-section { border-top : none; margin-bottom : 110px; border-bottom : 1px solid #666 }

#bookingSummary i { font-style : normal }

.banner { padding-top : 5.14286em; padding-bottom : 5.14286em; background-color : #EBEBEB }

header.startpage .columns { height : 16.42857em }

.box { width : 100%; min-height : 345px; background-color : #EBEBEB; padding : 8px 20px; position : relative }

.box h2 { font-size : 2.42857em; transition : .7s; -moz-transition : .7s; -webkit-transition : .7s; -o-transition : .7s }

.box .button { position : absolute; bottom : 0; left : 10%; right : 10% }

.focus-box { background-color : #EBEBEB; float : left; padding : 20px; width : 100% }

#startpage input.globalSearch, #startpage input.globalSearch:focus { background : url(../media/img/fg.png) no-repeat scroll 95% center #fff }

.box input.globalSearch { width : 80%; bottom : 5px; left : 10%; position : absolute; right : 10% }



.box.bgmap { background : url(../media/img/bgmap50.png) no-repeat scroll 63% 8% #ebebeb }

h1#about { font-size : 1.57143em; text-transform : inherit; position : absolute; bottom : 0; width : 100% !important; margin-bottom : 10px }

#ident.frontpage { width : 100%; background : url(../media/img/assets/logo-Svalbard-Science-Forum-2X.png) left 3.57143em no-repeat transparent; background-size : 9em 7.85714em }

header #ident.frontpage a { padding-top : 10.71429em; font-size : 1.28571em; color : #00d1cd; text-decoration : none; white-space : nowrap }

header input.globalSearch, header input.globalSearch:focus { float : right; margin-top : .85714em }

body.off-canvas { padding : 0; margin : 0 }

#searchresult .row { overflow : visible }

.active #searchresult .row { overflow : hidden }

.row .row { overflow : visible }

[role=main]:before { content : " "; position : absolute; z-index : -1; top : 0; left : -100%; width : 100%; height : 100% }

[role=complementary], [role=main] { width : 100%; padding : 0 15px; display : block; position : relative; z-index : 1; -webkit-transition : .25s all ease-in; -moz-transition : .25s all ease-in; -o-transition : .25s all ease-in; transition : .25s all ease-in }

.paneled [role=main] { padding : 0 }

[role=complementary] { margin-left : -100%; width : 75%; float : left; z-index : 2 }

[role=main] { margin-left : 0; float : right; z-index : 1; position : relative }

.active [role=complementary] { margin-left : 0 }

.active [role=main] { margin-right : -80% }

@media all and (min-width : 768px) {
    [role=complementary] { width : 25.5%; margin-left : 0; float : left; padding : 0 1.5em }

    [role=main] { width : 74.5%; padding : 0 15px }

    [role=navigation]#topMenu { display : none }
    }

ul.nav-internal { margin-bottom : 0 }

.resultCount { margin-top : 2em }

h3.inline { display : inline-block; margin-bottom : 0 }

ul.nav-pagination li a { padding : 5px 10px; border-radius : 3px; text-decoration : none; color :  #009598 ; letter-spacing : 1px; transition : .7s; -moz-transition : .7s; -webkit-transition : .7s; -o-transition : .7s }

ul.nav-pagination li a.selected, ul.nav-pagination li a:hover { background-color : #ebebeb; color : #00bbbe; }

ul.nav-pagination { list-style-type : none; float : left; width : 100% }

ul.nav-pagination li { float : left; margin-right : 10px }

.resultSet dl dd { margin-bottom : .42857em }

.resultSet h3 { margin-bottom : 1em; line-height : 1.71429em }

.duration strong, .institutions strong { margin-right : .71429em; display : inline-block }

.toggleFacetsColumn { margin-top : 6px }

#hideSearchFilters { display : none }

#showSearchFilters, .active #hideSearchFilters { display : block }

.active #showSearchFilters { display : none }

.facets h3 { margin-bottom : .57143em }

ul.resulttypes li { margin-bottom : .57143em; list-style-type : none }

.facets .no-bullet li { margin-bottom : 0; margin-top : 0; line-height : 1 }

.facets label span { cursor : pointer; text-transform : capitalize }

.facets div:first-child label:first-child { margin-top : 0 }

.facets div:first-child label:first-child span { text-transform : uppercase; font-weight : 700 }

.facets label { margin-top : 1.71429em; margin-bottom : .57143em }

.facets label.normal { margin-top : .28571em; font-size : .92857em; margin-bottom : .57143em }

.facets label input { margin-right : .57143em }

.resultSet li:Hover * { cursor : pointer; color : #2B5AD9 }

li > label .unchecked { display : inline-block }

li > label .checked { display : none }

li.selected > label .checked { display : inline-block }

li.selected > label .unchecked { display : none }

li > label > a { text-decoration : none }

li.selected > label > a:after { content : " [x]" }

.result-item {float : left; margin-bottom : 3.42857em; cursor : pointer;   }

.result-item:hover, .result-item h3:hover ,.result-item h3 a:hover { color :#009598 !important;
     }

.result-item h3 { margin-bottom : .85714em ;}


.result-item h3 a {  text-decoration : none; color: black; }

.result-item p { margin-bottom : .85714em }

.result-item.person { width : 48%; height: 13em; }

.result-item.project { width : 100% }

.result-item.institution {
    height: 13em;
}

.result-item.project h3, .result-item.project p { width : 100% }

.institutions { margin-left : 20% }

.collapsed-false::before { content : "-"; margin-right : 6px; font-size : 16px }

.collapsed-true::before { content : "+"; margin-right : 3px; font-size : 16px }

.collapsed-false:hover, .collapsed-true:hover { color : #2b5ad9 }

ul.resulttypes { margin-bottom : 12px }

.viewAll { margin-top : 6px; margin-bottom : 0; width : 100%; height: 1em; clear : both; }

.viewAll a { display : block; }

.showMoreLess { width : 100%; clear : both }

.queryType { display : block; width : 100%; padding : 0; list-style-type : none }

.firstTableColumn { float : left; width : 25% }

.lastTableColumn { float : left; width : 10% }

.firstTableColumn { border-right : 2px dashed #666 }

.firstTableColumn td { text-align : right; font-weight : 700 }

div.fixedHeight { max-height : 16px; overflow : auto }

.lastTableColumn { border-left : 2px dashed #666 }

.lastTableColumn td, .lastTableColumn th, .middleTableColumns td { text-align : center }

.lastTableColumn td { font-weight : 700 }

.middleTableColumns { float : left; width : 65%; overflow-x : auto; padding-bottom : 10px }

.middleTableColumns tr:hover td { background : #efefef }

.firstTableColumn table, .lastTableColumn table { width : 100% }

.middleTableColumns table { margin-bottom : 0 }

table.stat th { height : 60px; overflow : hidden; border-bottom : 2px solid #ccc; border-right : 1px solid #efefef; font-size : 12px; white-space : nowrap }

table.stat td { border-bottom : 1px solid #efefef; border-right : 1px solid #efefef; font-size : 12px }

table.stat tbody tr:first-child td { padding-top : 1em }

.searching .selectable { color : #999 }

.fullscreen .row { max-width : 100% }

.fullscreen section[role=complementary] { display : none }

.fullscreen section[role=main] { width : 100% }

.fullscreen .firstTableColumn { width : 15% }

.fullscreen .middleTableColumns { width : 70% }

.fs, .fullscreen .fh, .fullscreen footer, .fullscreen header { display : none }

.fullscreen .fs { display : inline-block }

div.row-flight + div.row-flight { margin-top : 6.85714em }

div.row-dietary-need + div.row-dietary-need, div.row-marinelab-periode + div.row-marinelab-periode, div.row-privision-periode + div.row-privision-periode { margin-top : 5.14286em }

h2 + table { margin-top : 24px }

div.row-labperiode + div.row-labperiode { margin-top : 5.14286em }

.summary-section { margin-bottom : 120px; border-top : 1px solid #00D1CD; padding-top : 24px }

.summary-section > h2 { margin-bottom : 24px }

.summary-row { margin-bottom : 6.85714em }

.row.liftup { margin-top : -3.42857em }

.summary-row > h3, .summary-section h3, h3 + table { margin-bottom : .85714em }

@media only screen and (max-width : 767px) {
    body { border-width : .28571em; font-size : 12px }

    h2, h3, li { margin-bottom : 1em !important }

    h2 { font-size : 1.71429em }

    ul li ul { margin-top : 1em !important; margin-bottom : 1.71429em !important }

    header nav.topbar ul li { margin-left : 0; margin-right : 14px }

    header { color : #fff; margin-bottom : 10px }

    #wrapper { border-width : 5px }

    article { padding-bottom : 270px }

    footer { width : 100%; height : 238px; bottom : -5px }

    nav.topbar { padding-top : .5em }

    article p { line-height : 1.42857em }

    header form, header input.globalSearch, header input.globalSearch:focus { margin-bottom : 0 }

    input.hasDatepicker { background : 0 0 }

    label > input[type=email], label > input[type=number], label > input[type=password], label > input[type=tel], label > input[type=text], label > input[type=url], label > select, label > textarea { margin-top : .57143em }

    .inlinelabel, .pullbackalittle { margin-left : 0 !important }

    header .columns, header.startpage .columns { height : auto }

    header #ident.frontpage { width : 100%; background : url(../media/img/assets/logo-Svalbard-Science-Forum-2X.png) left 0 no-repeat transparent; background-size : 7.5em 6.57143em; margin-bottom : 1.71429em }

    header #ident { background : url(../media/img/assets/logo-Svalbard-Science-Forum-2X.png) left 0 no-repeat transparent; width : 7.85714em; height : 100%; background-size : 7.5em 6.57143em; float : left }

    header #ident a { height : 80px }

    header #ident.frontpage a { padding-top : 2.28571em; padding-left : 7.14286em; font-size : 1.14286em; color : #00d1cd; text-decoration : none }

    nav.topbar { margin-bottom : 0; padding-bottom : 0 }

    h1.pagetitle { margin-bottom : 24px; border-bottom : 1px solid #000; padding-left : 0 }

    h1.pagetitle span { bottom : 0; padding : 0 }

    .round-button { height : 100px; width : 100px; margin-bottom : 24px; font-size : .92857em; padding-top : 10% }

    dl.userdata dd, dl.userdata dt { width : 100% }

    table.clean tbody tr td, table.clean tbody tr:first-child td { padding-top : 1em }

    table.clean.summary tbody tr td, table.clean.summary tbody tr:first-child td { padding-top : .35714em }

    article ul li { line-height : 120% }

    .no-bullet li { margin-bottom : 1.71429em }

    footer { margin-bottom : 1.71429em; margin-top : 1.71429em }

    footer .columns { height : 80px }

    fieldset { padding-top : 0 }

    .accordion .content-wrap { margin-top : 0 }

    .accordion h2 { font-size : 1.71429em; margin-top : .85714em; background : 0 0; margin-bottom : .85714em }

    .accordion h2.open { background : 0 0 }

    .accordion h2 a { padding-top : .85714em; padding-bottom : 0; width : 100% }

    header nav.topbar { float : left; width : 100%; margin-top : 0 }

    header nav.topbar ul > li { line-height : 1em; margin-bottom : .85714em !important }

    label { margin-bottom : .85714em }

    .dropBmargin { margin-bottom : 5px !important }

    .alert-box { font-size : 1em }

    .projectheader { margin-top : 5px }

    h2 + table { margin-top : 1em }

    .summary-section > h2 { margin-bottom : 1em }

    h1, label, th { letter-spacing : 1px }

    ul.nav-internal, ul.projectheader { float : left; margin-top : 24px }

    ul.nav-internal li, ul.projectheader li { margin-left : 0; margin-bottom : 10px }

    .add1bb { margin-bottom : 0 }

    .add2bb { margin-bottom : .71429em }

    .add1bt { margin-top : 0 }

    .add2bt { margin-top : .71429em }

    header input.globalSearch, header input.globalSearch:focus { position : absolute; z-index : 200; right : 18px; top : -48px; width : 150px }

    header nav.topbar ul li a { color : #2b5ad9 }

    .result-item.person { width : 100%; height: auto; }

    .result-item.project h3,
    .result-item.project p {
        width: 100%;
    }

    .result-item.institution {
        height: auto;
    }
}

@media only screen and (max-width : 600px) {
    table.clean td p { margin-bottom : 0 }

    table.clean td { border-bottom : 1px solid #efefef }

    table.summary td { font-size : .9em }

    article table, article table tbody tr td, article table tfoot tr td, article table tfoot tr th, article table thead tr th, article table tr td, article tbody, article td, article tfoot, article th, article thead, article tr { display : block }

    article table tr td, article table tr th { padding-left : 55% !important }

    article thead tr { position : absolute; top : -9999px; left : -9999px }

    article tr { border : 1px solid #ccc; margin-bottom : 5px }

    .center, .price { text-align : left !important }

    article td { border : none; border-bottom : 1px solid #eee; position : relative; padding-left : 50%; width : auto !important }

    td.statuscell { text-align : left !important }

    td div.product.hidden { display : block }

    article tbody td:before { position : absolute; top : 10px; left : 6px; width : 45%; padding-right : 10px; white-space : nowrap }

    article table.summary tbody td:before { top : auto }

    table.clean tfoot td { border : none }

    .summary-section { margin-bottom : 50px }

    td:before { font-weight : 700 }

    .table-lodgning tbody td:nth-of-type(1):before { content : "Lodging from:" }

    .table-lodgning tbody td:nth-of-type(2):before { content : "Lodging to:" }

    .table-lodgning tbody td:nth-of-type(3):before { content : "Days:" }

    .table-lodgning tbody td:nth-of-type(4):before { content : "Lodging preference:" }

    .table-lodgning tbody td:nth-of-type(5):before { content : "Unit Price (NOK):" }

    .table-lodgning tbody td:nth-of-type(6):before { content : "Price (NOK):" }

    .table-lodgning tbody td:nth-of-type(7):before { content : "Status:" }

    .table-transport tbody td:nth-of-type(1):before { content : "Passenger:" }

    .table-transport tbody td:nth-of-type(2):before { content : "Role:" }

    .table-transport tbody td:nth-of-type(3):before { content : "Phone:" }

    .table-transport tbody td:nth-of-type(4):before { content : "Price (NOK):" }

    .table-transport tbody td:nth-of-type(5):before { content : "Status:" }

    .table-transport tbody td:nth-of-type(6):before { content : "Aprove:" }

    .table-transport tbody td:nth-of-type(7):before { content : "Decline:" }

    .table-freight tbody td:nth-of-type(1):before { content : "Freight direction:" }

    .table-freight tbody td:nth-of-type(2):before { content : "Freight date:" }

    .table-freight tbody td:nth-of-type(3):before { content : "Unit price (NOK): " }

    .table-freight tbody td:nth-of-type(4):before { content : "Number of items:" }

    .table-freight tbody td:nth-of-type(5):before { content : "Estimated weight (kg):" }

    .table-freight tbody td:nth-of-type(6):before { content : "Estimated price:" }

    .table-freight tbody td:nth-of-type(7):before { content : "Status:" }

    tr.table-freight-booking td:nth-of-type(1):before { content : "Freight direction:" }

    tr.table-freight-booking td:nth-of-type(2):before { content : "Freight date:" }

    tr.table-freight-booking td:nth-of-type(3):before { content : "Number of items:" }

    tr.table-freight-booking td:nth-of-type(4):before { content : "Estimated weight (kg):" }

    tr.table-freight-booking td:nth-of-type(5):before { content : "Estimated price:" }

    tr.table-freight-booking td:nth-of-type(6):before { content : "Action:" }

    .table-storage tbody td:nth-of-type(1):before { content : "Storage type: " }

    .table-storage tbody td:nth-of-type(2):before { content : "Storage from: " }

    .table-storage tbody td:nth-of-type(3):before { content : "Storage to: " }

    .table-storage tbody td:nth-of-type(4):before { content : "Unit price (NOK)" }

    .table-storage tbody td:nth-of-type(5):before { content : "Estimated price: " }

    .table-storage tbody td:nth-of-type(6):before { content : "Status:" }

    tr.table-storage-booking td:nth-of-type(1):before { content : "Storage type: " }

    tr.table-storage-booking td:nth-of-type(2):before { content : "Storage from: " }

    tr.table-storage-booking td:nth-of-type(3):before { content : "Storage to: " }

    tr.table-storage-booking td:nth-of-type(4):before { content : "Amount (pallets)" }

    tr.table-storage-booking td:nth-of-type(5):before { content : "Estimated price: " }

    tr.table-storage-booking td:nth-of-type(6):before { content : "Action:" }

    .table-freezer tbody td:nth-of-type(1):before { content : "Freezer temprature:" }

    .table-freezer tbody td:nth-of-type(2):before { content : "Freezer from:" }

    .table-freezer tbody td:nth-of-type(3):before { content : "Freezer to:" }

    .table-freezer tbody td:nth-of-type(4):before { content : "Unit price (NOK)" }

    .table-freezer tbody td:nth-of-type(5):before { content : "Estimate amount (liter):" }

    .table-freezer tbody td:nth-of-type(6):before { content : "Estimated price:" }

    .table-freezer tbody td:nth-of-type(7):before { content : "Status:" }

    tr.table-freezer-booking td:nth-of-type(1):before { content : "Freezer temprature:" }

    tr.table-freezer-booking td:nth-of-type(2):before { content : "Freezer from:" }

    tr.table-freezer-booking td:nth-of-type(3):before { content : "Freezer to:" }

    tr.table-freezer-booking td:nth-of-type(4):before { content : "Estimate amount (liter):" }

    tr.table-freezer-booking td:nth-of-type(5):before { content : "Estimated price:" }

    tr.table-freezer-booking td:nth-of-type(6):before { content : "Action:" }

    .table-provisions tbody td:nth-of-type(1):before { content : "Product:" }

    .table-provisions tbody td:nth-of-type(2):before { content : "Unit:" }

    .table-provisions tbody td:nth-of-type(3):before { content : "Unit price (NOK):" }

    .table-provisions tbody td:nth-of-type(4):before { content : "Amount:" }

    .table-provisions tbody td:nth-of-type(5):before { content : "Price (NOK):" }

    .table-provisions tbody td:nth-of-type(6):before { content : "Status" }

    tr.table-provisions-booking td:nth-of-type(1):before { content : "Product:" }

    tr.table-provisions-booking td:nth-of-type(2):before { content : "Unit:" }

    tr.table-provisions-booking td:nth-of-type(3):before { content : "Unit price (NOK):" }

    tr.table-provisions-booking td:nth-of-type(4):before { content : "Amount:" }

    tr.table-provisions-booking td:nth-of-type(5):before { content : "Price (NOK):" }

    .table-equipment tbody td:nth-of-type(1):before { content : "Product : " }

    .table-equipment tbody td:nth-of-type(2):before { content : "From: " }

    .table-equipment tbody td:nth-of-type(3):before { content : "To:" }

    .table-equipment tbody td:nth-of-type(4):before { content : "Unit price (NOK):" }

    .table-equipment tbody td:nth-of-type(5):before { content : "Amount:" }

    .table-equipment tbody td:nth-of-type(6):before { content : "Price (NOK):" }

    .table-equipment tbody td:nth-of-type(7):before { content : "Status:" }

    tr.table-equipment-booking td:nth-of-type(1):before { content : "Product:" }

    tr.table-equipment-booking td:nth-of-type(2):before { content : "From:" }

    tr.table-equipment-booking td:nth-of-type(3):before { content : "To:" }

    tr.table-equipment-booking td:nth-of-type(4):before { content : "Unit price (NOK):" }

    tr.table-equipment-booking td:nth-of-type(5):before { content : "Amount:" }

    tr.table-equipment-booking td:nth-of-type(6):before { content : "Price (NOK):" }

    tr.table-equipment-booking td:nth-of-type(7):before { content : "Action:" }

    .table-rifle-se tbody td:nth-of-type(1):before { content : "Product: " }

    .table-rifle-se tbody td:nth-of-type(2):before { content : "From: " }

    .table-rifle-se tbody td:nth-of-type(3):before { content : "To: " }

    .table-rifle-se tbody td:nth-of-type(4):before { content : "Unit price (NOK):" }

    .table-rifle-se tbody td:nth-of-type(5):before { content : "Days:" }

    .table-rifle-se tbody td:nth-of-type(6):before { content : "Price (NOK):" }

    .table-rifle-se tbody td:nth-of-type(7):before { content : "Status:" }

    tr.table-rifle-se td:nth-of-type(1):before { content : "Product: " }

    tr.table-rifle-se td:nth-of-type(2):before { content : "From: " }

    tr.table-rifle-se td:nth-of-type(3):before { content : "To: " }

    tr.table-rifle-se td:nth-of-type(4):before { content : "Unit price (NOK):" }

    tr.table-rifle-se td:nth-of-type(5):before { content : "User:" }

    tr.table-rifle-se td:nth-of-type(6):before { content : "Price (NOK):" }

    tr.table-rifle-se td:nth-of-type(7):before { content : "Action:" }

    .table-course tbody td:nth-of-type(1):before { content : "User : " }

    .table-course tbody td:nth-of-type(2):before { content : "Date: " }

    .table-course tbody td:nth-of-type(3):before { content : "Price (NOK) " }

    .table-course tbody td:nth-of-type(4):before { content : "Status " }

    tr.table-course-booking td:nth-of-type(1):before { content : "Product : " }

    tr.table-course-booking td:nth-of-type(2):before { content : "Date: " }

    tr.table-course-booking td:nth-of-type(3):before { content : "Unit Price (NOK) " }

    tr.table-course-booking td:nth-of-type(4):before { content : "Participent " }

    tr.table-course-booking td:nth-of-type(5):before { content : "Action" }

    .table-workboat tbody td:nth-of-type(1):before { content : "From : " }

    .table-workboat tbody td:nth-of-type(2):before { content : "To: " }

    .table-workboat tbody td:nth-of-type(3):before { content : "Estimated number of days: " }

    .table-workboat tbody td:nth-of-type(4):before { content : "Hours per day:" }

    .table-workboat tbody td:nth-of-type(5):before { content : "Price:" }

    .table-workboat tbody td:nth-of-type(6):before { content : "Comments:" }

    .table-workboat tbody td:nth-of-type(7):before { content : "Status:" }

    .table-marineLab tbody td:nth-of-type(1):before { content : "Product : " }

    .table-marineLab tbody td:nth-of-type(2):before { content : "Unit price : " }

    .table-marineLab tbody td:nth-of-type(3):before { content : "From: " }

    .table-marineLab tbody td:nth-of-type(4):before { content : "To:" }

    .table-marineLab tbody td:nth-of-type(5):before { content : "Lab user:" }

    .table-marineLab tbody td:nth-of-type(6):before { content : "Price:" }

    .table-marineLab tbody td:nth-of-type(7):before { content : "Status:" }

    tr.table-marineLab-booking td:nth-of-type(1):before { content : "User : " }

    tr.table-marineLab-booking td:nth-of-type(2):before { content : "Type (product) : " }

    tr.table-marineLab-booking td:nth-of-type(3):before { content : "From: " }

    tr.table-marineLab-booking td:nth-of-type(4):before { content : "To:" }

    tr.table-marineLab-booking td:nth-of-type(5):before { content : "Cost:" }

    tr.table-marineLab-booking td:nth-of-type(6):before { content : "Action:" }

    .table-chemicals tbody td:nth-of-type(1):before { content : "Chemical number/name: " }

    .table-chemicals tbody td:nth-of-type(2):before { content : "Chemical name: " }

    .table-chemicals tbody td:nth-of-type(3):before { content : "Quantity: " }

    .table-chemicals tbody td:nth-of-type(4):before { content : "Price:" }

    .table-chemicals tbody td:nth-of-type(5):before { content : "Status:" }

    tr.table-chemicals-booking td:nth-of-type(1):before { content : "Chemical number/name: " }

    tr.table-chemicals-booking td:nth-of-type(2):before { content : "Chemical name: " }

    tr.table-chemicals-booking td:nth-of-type(3):before { content : "Quantity: " }

    tr.table-chemicals-booking td:nth-of-type(4):before { content : "Action:" }

    .table-fieldwork-locations tbody td:nth-of-type(1):before { content : "Location: " }

    .table-fieldwork-locations tbody td:nth-of-type(2):before { content : "From: " }

    .table-fieldwork-locations tbody td:nth-of-type(3):before { content : "To: " }

    .table-fieldwork-locations tbody td:nth-of-type(4):before { content : "Lat-long:" }

    .table-fieldwork-locations tbody td:nth-of-type(5):before { content : "UTM33X:" }

    .table-fieldwork-locations tbody td:nth-of-type(6):before { content : "Action:" }

    .table-landing-locations tbody td:nth-of-type(1):before { content : "Pos ID: " }

    .table-landing-locations tbody td:nth-of-type(2):before { content : "Date: " }

    .table-landing-locations tbody td:nth-of-type(3):before { content : "Landings: " }

    .table-landing-locations tbody td:nth-of-type(4):before { content : "Lat Long:" }

    .table-landing-locations tbody td:nth-of-type(5):before { content : "UTM33X:" }

    .table-landing-locations tbody td:nth-of-type(6):before { content : "Action:" }

    .table-camp-locations tbody td:nth-of-type(1):before { content : "Pos ID: " }

    .table-camp-locations tbody td:nth-of-type(2):before { content : "From: " }

    .table-camp-locations tbody td:nth-of-type(3):before { content : "To: " }

    .table-camp-locations tbody td:nth-of-type(4):before { content : "Days: " }

    .table-camp-locations tbody td:nth-of-type(5):before { content : "Lat Long:" }

    .table-camp-locations tbody td:nth-of-type(6):before { content : "UTM33X:" }

    .table-camp-locations tbody td:nth-of-type(7):before { content : "Action:" }

    .table-innstallation-locations tbody td:nth-of-type(1):before { content : "Pos ID: " }

    .table-innstallation-locations tbody td:nth-of-type(2):before { content : "Item type: " }

    .table-innstallation-locations tbody td:nth-of-type(3):before { content : "Duration: " }

    .table-innstallation-locations tbody td:nth-of-type(4):before { content : "From: " }

    .table-innstallation-locations tbody td:nth-of-type(5):before { content : "To:" }

    .table-innstallation-locations tbody td:nth-of-type(6):before { content : "Responsible:" }

    .table-innstallation-locations tbody td:nth-of-type(7):before { content : "Lat-long::" }

    .table-innstallation-locations tbody td:nth-of-type(8):before { content : "UTM33X:" }

    .table-innstallation-locations tbody td:nth-of-type(9):before { content : "Action:" }

    .table-test tbody td:nth-of-type(1):before { content : "Responsive title :" }

    .table-test tbody td:nth-of-type(2):before, .table-test tbody td:nth-of-type(3):before { content : "Responsive title : " }

    .table-test tbody td:nth-of-type(4):before { content : "Responsive title :" }
    }

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    td { font-size : .9em }

    body { border-width : .42857em }

    .row .large-offset-1, .row .large-offset-3 { margin-left : 0 !Important }

    .summary th, summary td, table tr td, table tr th { font-size : .9em }

    .box h2 { font-size : 2.14286em }
    }

@media only screen and (max-width : 1124px) and (min-width : 768px) {
    header .columns { height : 13em }

    #ident.frontpage { width : 100%; background : url(../media/img/assets/logo-Svalbard-Science-Forum-2X.png) left 3.57143em no-repeat transparent; background-size : 8.07143em 7.07143em }

    header #ident.frontpage a { padding-top : 11.42857em; font-size : 1em }

    header nav.topbar ul > li { margin-left : 1.42857em }
    }

.print-only { display : none }

@media print {
    #wrapper { border : none }

    footer, header { display : none }

    body, html { font-size : 12px }

    .noprint { display : none }

    .print-only { display : block }

    .print-page-break-after { page-break-after : always }

    .print-page-break-after-avoid {  page-break-after: avoid; }
    table { page-break-inside : auto }

    tr { page-break-inside : avoid; page-break-after : auto }

    thead { display : table-header-group }

    tfoot { display : table-footer-group }

    #bookingSummary .summary-section { margin-bottom : 30px }

    #bookingSummary label { margin-bottom : .3em }

    .address-section, .focus-box, .summary-row, .summary-section { page-break-inside : avoid; page-break-after : auto }

    table.clean tfoot td, table.summary tbody td, table.summary tbody tr:first-child td { padding : .4em }

    h2 { font-size : 1.8em }

    .add2bb { margin-bottom : 1.71429em }

    article { margin-bottom : 0 }

    h2 .statusindicator { display : none }
    }

.awareness-modal{
    background: #D1FFFF;
    font-family: "HelveticaNeueW01-55Roma";
    font-size: 1em;
    margin-left: -25%;
    max-width: 55%;
    padding: 5%;
    height: 25%;
    overflow-y: scroll;

}
.awareness-modal ul{
    list-style: none;
}

.awareness-box {width: 70%; text-align: justify; min-height: 150px; background: #D1FFFF; padding: 4%; position: relative; border-radius: 3px}