body                                     { }

/* Navigation CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.column-head                             { font-weight: 400; }
.column-head:hover,
.column-head:focus                       { color: #333; cursor: pointer; }
.column-head:active                      { text-shadow: .5px 0 0 #555, -.5px 0 0 #555; }
.column-head,
.row-expand                              { color: #6e6e6e; }
.column-head-border                      { -webkit-box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.1) inset; }
.column-head-border th                   { border-right: 1px solid rgba(0, 0, 0, 0.1); border-top: none!important; }
.column-head-border th:last-child        { border-right: none!important; border-top: none!important; border-left:none!important;}
.column-head-border th:nth-last-child(2) { border-right: none!important; }
.d-nav-menu .d-table                     { margin: 0 auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.d-nav-menu .d-cell                      { background: #fff; -webkit-box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.1), -1px 0 0 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 -1px 0 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.1), -1px 0 0 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 -1px 0 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.1), -1px 0 0 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 -1px 0 0 rgba(0, 0, 0, 0.1); }
.d-nav-menu .d-cell a                    { padding: 10px 30px; color: #444; float:left; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; }
.d-nav-menu .d-cell:first-child          { -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.1); box-shadow: 0 0 0 1px rgba(0,0,0,.1); -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
.d-nav-menu .d-cell:last-child           { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
.d-nav-menu .d-cell:hover                { text-shadow: 0 0 0 #666; cursor: pointer; }
.d-selected                              { background: #333!important; position: relative; }
.d-selected a                            { color: #eee!important; }

/* List CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.table                                   { }
.table > tbody > tr > td                 { border-right: 1px solid rgba(0,0,0,.1); font-weight: 200; }
.table > thead > tr > th                 { vertical-align: top; }
.table > tbody > tr:nth-child(odd)       { background: #fff; }
.table > tbody > tr:nth-child(even)      { background: #f5f5f5; }
.table > tbody > tr:hover                { background: #ffffda; }
.table > tbody > tr td:last-child        { width: 33px; max-width: 33px; }
.table > tbody                           { -webkit-box-shadow: 1px 0 0 0 rgba(0,0,0,.1) inset,0 -1px 0 0 rgba(0,0,0,.1) inset; -moz-box-shadow: 1px 0 0 0 rgba(0,0,0,.1) inset,0 -1px 0 0 rgba(0,0,0,.1) inset; box-shadow: 1px 0 0 0 rgba(0,0,0,.1) inset,0 -1px 0 0 rgba(0,0,0,.1) inset; }
th.rotate                                { height: 140px; white-space: nowrap; }
th.rotate > div                          { width: 15px; -webkit-transform: translate(19px, 70px) rotate(-45deg); -moz-transform: translate(19px, 70px) rotate(-45deg); -ms-transform: translate(19px, 70px) rotate(-45deg); -o-transform: translate(19px, 70px) rotate(-45deg); transform: translate(19px, 70px) rotate(-45deg); }
th.rotate > div > span                   { border-top: 1px solid rgba(0,0,0,0.15); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 400; left: -74px; top: 27px; padding: 0 7px 0 34px; position: relative; letter-spacing: 0.5px; }
/*th.rotate > div > span                   { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1); font-weight: 400; left: -58px; letter-spacing: 0.5px; padding: 5px 7px 0 8px; position: relative; top: -37px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }*/
/*th:first-child.rotate > div > span       { box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset; }*/
.table > thead > tr > th                 { border-bottom: 0; }
label                                    { font-weight: 400; font-size: 12px; margin-bottom: 2px; }

/* General CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.click:hover                             { cursor: pointer; }
.show-when-print                         { display: none; }
.object-note-print-text                  { display: none; }
.clear                                   { clear: both; }
.d-table                                 { display: table; }
.d-row                                   { display: table-row; }
.d-cell                                  { display: table-cell; }
.hide                                    { display: none; }

.start                                   { padding: 40px 15px; text-align: center; }
.form-control                            { margin-bottom: 5px; }

/* CENTER ELEMENT VERTICALLY AND HORIZONTALLY CSS - Fungerar i alla browsrar IE9+ */
.center-3                                { display:table; vertical-align: middle; height:100%; width:100%; }
.center-2                                { position: relative; vertical-align: middle; display: table-cell; }
.center-1                                { margin-left: auto; margin-right: auto; }


.fleft                                   { float: left; }
.minimal-title                           { font-weight: 300; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; margin-bottom: 20px; }

.table-nonfluid                          { width: auto !important; }

.bgwhite                                 { background: #fff!important; }

.border-bottom                           { border-bottom: 1px solid rgba(0,0,0,.1); }
.border-color-blue                       { border-color: #337AB7; }

.bt0                                     { border-top: 0; }

.textoverflow                            { -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; }
.pag_amount                              { width: 50px; margin: 0; }

/*.pag_first                             { background-image: ; }*/
/*.pag_prev                              { background-image: ; }*/
/*.pag_next                              { background-image: ; }*/
/*.pag_last                              { background-image: ; }*/


/* Width Manipulation CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Margin ( left-top-right-bottom ) */
.m0                                      { margin: 0; }
.m5                                      { margin: 5px; }
.mt20                                    { margin-top: 20px; }
.mb0                                     { margin-bottom: 0; }
.mb20                                    { margin-bottom: 20px; }
.mr10                                    { margin-right: 10px; }
.mr5                                     { margin-right: 5px; }
.mlr5                                    { margin-left: 5px; margin-right: 5px; }
.mlr20                                   { margin-left: 20px; margin-right: 20px; }

/* Padding 5, 10, 20, 30, 60, 0 px */
.p4                                      { padding: 4px; }
.p5                                      { padding: 5px; }
.p8                                      { padding: 8px; }
.p10                                     { padding: 10px; }
.p20                                     { padding: 20px; }
.p30                                     { padding: 30px; }
.p60                                     { padding: 60px; }
.p0                                      { padding: 0!important; }
/* left */
.pl5                                     { padding-left: 5px; }
.pl10                                    { padding-left: 10px; }
.pl20                                    { padding-left: 20px; }
.pl30                                    { padding-left: 30px; }
.pl60                                    { padding-left: 60px; }
.pl0                                     { padding-left: 0; }
/* top */
.pt5                                     { padding-top: 5px; }
.pt7                                     { padding-top: 7px; }
.pt10                                    { padding-top: 10px; }
.pt20                                    { padding-top: 20px; }
.pt30                                    { padding-top: 30px; }
.pt60                                    { padding-top: 60px; }
.pt0                                     { padding-top: 0; }
/* right */
.pr5                                     { padding-right: 5px; }
.pr10                                    { padding-right: 10px; }
.pr20                                    { padding-right: 20px; }
.pr30                                    { padding-right: 30px; }
.pr60                                    { padding-right: 60px; }
.pr0                                     { padding-right: 0; }
/* bottom */
.pb5                                     { padding-bottom: 5px; }
.pb10                                    { padding-bottom: 10px; }
.pb20                                    { padding-bottom: 20px; }
.pb30                                    { padding-bottom: 30px; }
.pb60                                    { padding-bottom: 60px; }
.pb0                                     { padding-bottom: 0; }
/* left + right */
.plr5                                    { padding-left: 5px; padding-right: 5px; }
.plr10                                   { padding-left: 10px; padding-right: 10px; }
.plr20                                   { padding-left: 20px; padding-right: 20px; }
.plr30                                   { padding-left: 30px; padding-right: 30px; }
.plr60                                   { padding-left: 60px; padding-right: 60px; }
.plr0                                    { padding-left: 0; padding-right: 0; }
/* top + bottom */
.ptb5                                    { padding-top: 5px; padding-bottom: 5px; }
.ptb10                                   { padding-top: 10px; padding-bottom: 10px; }
.ptb20                                   { padding-top: 20px; padding-bottom: 20px; }
.ptb30                                   { padding-top: 30px; padding-bottom: 30px; }
.ptb60                                   { padding-top: 60px; padding-bottom: 60px; }
.ptb0                                    { padding-top: 0; padding-bottom: 0; }

/* Width */
.w70                                     { width: 70px; }
.w100p                                   { width: 100%; }

/* Height */
.h0                                      { height: 0; }
.h100p                                   { height: 100%; }

/* Login Form
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.card-container.card                     { max-width: 350px; padding: 40px 40px; }
.card                                    { background-color: #F7F7F7; padding: 20px 25px 30px; margin: 0 auto 25px; margin-top: 50px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); }
.profile-img-card                        { width: 96px; height: 96px; margin: 0 auto 10px; display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.profile-name-card                       { font-size: 16px; font-weight: bold; text-align: center; margin: 10px 0 0; min-height: 1em; }
.reauth-username                         { display: block; color: #404040; line-height: 2; margin-bottom: 10px; font-size: 14px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.form-signin #inputUsername,
.form-signin #inputPassword              { direction: ltr; height: 44px; font-size: 16px; }
.form-signin input[type=text],
.form-signin input[type=password],
.form-signin input[type=text],
.form-signin button                      { width: 100%; display: block; margin-bottom: 10px; z-index: 1; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.form-signin .form-control:focus         { border-color: rgb(104, 145, 162); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162); }
.btn.btn-signin                          { background-color: #6891A2; padding: 0px; font-weight: 700; font-size: 14px; height: 36px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; -o-transition: all 0.218s; -moz-transition: all 0.218s; -webkit-transition: all 0.218s; transition: all 0.218s; }
.btn.btn-signin:hover,
.btn.btn-signin:active,
.btn.btn-signin:focus                    { cursor: pointer; background-color: #487182; }
.forgot-password                         { color: rgb(104, 145, 162); }
.forgot-password:hover,
.forgot-password:active,
.forgot-password:focus                   { color: rgb(12, 97, 33); }

/* Overwrite CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.no-hover:hover                          { background: none!important; }
.hide                                    { display: none; }

/* O3Notice
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* bezier transition */
.animate                                 { -webkit-transition: all 0.3s cubic-bezier(.45,0,.05,1) 0s; -o-transition: all 0.3s cubic-bezier(.45,0,.05,1) 0s; -moz-transition: all 0.3s cubic-bezier(.45,0,.05,1) 0s; transition: all 0.3s cubic-bezier(.45,0,.05,1) 0s; }

/* O3notice */
.o3noticetable                           { display: table; width: 100%; }
.o3noticerow                             { display: table-row; }
.o3noticecell                            { display: table-cell; }
.o3noticecontainer                       { position: fixed; width: 100%; top: 0; z-index: 90000; height: 0px; vertical-align: middle; }
.o3notice-element-container              { opacity: 0; height: 0; display: block; margin: 0 auto; margin-top: 0; }
.o3notice                                { height: 34px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 4px 7px -7px rgba(0, 0, 0, 0.3), 0 2px 0 0 rgba(255, 255, 255, 0.2) inset; display: table; left: 0; right: 0; margin: 0 auto; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; z-index: 90000; }
.o3notice div div                        { padding-left: 1em; padding-right: 1em; padding-top: 0.4em; padding-bottom: 0.4em; }
.o3notice div div:first-child            { padding-left: 1em; padding-right: 0; }
.o3notice div div:last-child             { padding-left: 1em; padding-right: 1em; }
.o3notice .o3noticecell                  { vertical-align: middle; height: 34px; }
.o3wrap-transition                       { top: 30px!important; }
.o3notice-image                          { text-align: center; position: relative; top: -2px; }
.o3notice-close                          { position: relative; top: -1px; -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset; box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset; cursor: pointer; padding: 0 1em!important; min-width: 20px; text-align:center; -webkit-border-radius: 0 1em 1em 0; -moz-border-radius: 0 .5em .5em 0; border-radius: 0 .5em .5em 0; }
.o3notice-close:active                   { background: rgba(0,0,0,.1); }
.o3notice-message                        { max-width: 465px; position: relative; }

/* Overwrite ReStable CSS (responsive table design)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul.tabletolist.nrh > li:nth-child(even)  { background:#f5f5f5; }
ul.tabletolist.nrh                       { border-bottom: 2px solid #337AB7; }
ul.tabletolist.nrh > li                  { border-top: 2px solid #337AB7; }
ul.tabletolist > li > ul > li            { padding: 10px 20px; }
ul.tabletolist ul > li .row_data.html ul { list-style-type: none; }
ul.tabletolist ul > li .row_headers      { font-weight: 400; }
ul.tabletolist.nrh                       { margin-top: 20px; }
ul.tabletolist li span.row_data div      { width:initial!important; }

/* Overwrite DataTables CSS (sort table)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table.dataTable.no-footer                { border-bottom: 0; }
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled { background-position: 13px 100%; }
table.dataTable tbody th,
table.dataTable tbody td                 { padding: 8px; }

/* Overwrite Bootstrap CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.well                                    { background: #f8f8f8; }
.tab-content                             { -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; }
.nav-tabs                                { border-bottom: 0; }
.nav-tabs > .active                      { -webkit-box-shadow: 0 1px 0 0 #fff; -moz-box-shadow: 0 1px 0 0 #fff; box-shadow: 0 1px 0 0 #fff; }
.nav-tabs > li > a                       { padding: 5px 15px; }
.dropdown-menu > li > a                  { padding:8px 30px; font-size: 1.2em; }
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover            { background-color: #e5e5e5; }