﻿html, body {
    height: 100%;
}

body {
    margin:0px 0px -130px 0px;
    padding:0;
    position: relative;
}

/*div {
    display: block;
    position: relative;
}*/

#wrapper {
	min-height: 100%;
    height: auto !important;
    margin: 0 auto -130px auto;
    width: 93%;
    padding:0px;
    background-color:#FFF;
}

#footer, .push {
    height: 130px;
    z-index: -1000;
}

#footer {
    background-color: #c7d2d8;
    color: #000;
    width: 100%;
    text-align: center;
}

#innholdContainer {
	display: block;
	min-height: 100%;
	width: 100%;
}

@media (max-width: 800px)
{
    .modal-dialog {
        width: 90%;
    }
}
@media (min-width: 800px)
{
    .modal-dialog {
        width: 60%;
    }
}

.btn-file {
    position: relative;
    overflow: hidden;
    }

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.mthumbnail {
    background-color: #e7f3fb;
    border: solid 1px #ccc;
    float: left;
    padding: 8px;
    cursor: pointer;
    width: 220px;
    height: 240px;
    margin: 5px;
}

.mthumbnail_header {
    background-color: #dce9f2;
    padding: 4px;
    margin-bottom: 6px;
    overflow: hidden;
}

.menu_active
{
    color: #000000 !important;
    text-decoration: underline;
}

.main_menu_selected {
    font-weight: bold;
}

.mini-alert {
    width: 90%;
    margin-bottom: 0px;
    padding: 6px;
}

/******************* AVSLUTTE STRUKTUR*/

.mheader {
    background-color: #ffffff;
    height: 65px;
}

.headerlink
{
    color: #ffffff;
}

.headerlink:hover
{
    color: #ffffff;
}

.mceEditor {
}

.speciallink {
    float: right;
    color: #666;
    padding: 8px;
}

.LagMenu {
    width: 100%;
    max-height: 600px;
    overflow: auto;
    padding-left: 3px;
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;
    white-space: nowrap;
}

.LagMenu a {
    text-decoration: none;
    color: inherit;
}

.right
{
    text-align: right;
}

.mlabel
{
    display: block;
    word-wrap: break-word;
}

.mdate
{
    
}

.mCheckbox
{
    margin:8px;
    margin-top:3px;
}

.required {
    color: black;
    font-size:11px;
}

.clickable
{
    cursor: pointer;
}

.vertical-spacer {
    height: 20px;
}

.infotext {
    background-color: #efefef;
    margin: 0px;
    margin-bottom: 8px;
    padding-top: 8px;
}

.m-list
{
    list-style-type: none;
}

.m-list li
{
    padding: 3px;
    margin-right: 5px;
}

.m-list li:hover {
    background-color: #fcf8e3;
}

.m-list li a
{
    display: block;
    height: 24px;
    overflow: hidden;
}

.m-list li a:hover {
    background-color: #fcf8e3;
}

.m-list label {
    color: #333;
    font-weight: normal;
}

.adminmenu li {
    background-color: #f3f3f3;
    font-size: 18px;
    padding: 20px;
    margin: 10px;
}

.dropdown-menu-right {
    right: 0px;
}

.division
{
    border-bottom: solid 1px #cccccc;
    height: 10px;
    margin-bottom: 10px;
}

.m-list li[class="division"]:hover {
    background-color: #ffffff;
}

.icon_small {
    font-size: 24px;
    color: #5b5654;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: top;
}

.panel-heading .icon_small {
    font-size: 20px;
    color: #5b5654;
}

.green {
    color: #3c763d;
}

.subpanel {
    background-color: #d3e3ef;
    border-top: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.nobreak
{
    display: inline;
}

hr
{
    border-color: #ddd;
}

.minfobox {
    overflow: auto;
    height: 180px;
}

.changerole {
    background-color: #fff;
    display: none;
    position: absolute;
    width: 350px;
}

.changerole ul {
    list-style-type: none;
    padding-left: 10px;
}

.changerole a
{
    text-decoration: none;
    font-size: 10pt;
    color: #000000;
}

.loadingscreen {
    background: #ffffff;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    margin: auto;
    padding-top: 300px;
    text-align: center;
}

.input-error
{
    border: solid 1px #a94442;
}

textarea {
    resize: none;
}

.table tr:hover {
    background-color: #fcf8e3;
}

.navbar-nav > li > .mfilter
{
    padding: 0px;
    margin-right: 10px;
}

.navbar-nav > li > .mfilter:hover, .navbar-nav > li > .mfilter:focus
{
    background-color: #428bca;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 4px;
}

.table > tbody > tr > td
{
    line-height: 2;
}

/* .......... */
/* Datepicker */
/* .......... */

.ui-datepicker {
	background-color: #fff;
	border: 1px solid #66AFE9;
	border-radius: 4px;
	box-shadow: 0 0 8px rgba(102,175,233,.6);
	display: none;
	margin-top: 4px;
	padding: 10px;
	width: 240px;
}
.ui-datepicker a,
.ui-datepicker a:hover {
	text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
	color: #2A6496;
	-webkit-transition: color 0.1s ease-in-out;
	   -moz-transition: color 0.1s ease-in-out;
	     -o-transition: color 0.1s ease-in-out;
	        transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
	margin-bottom: 4px;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title {
	font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	cursor: default;
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	height: 20px;
	line-height: 1;
	margin-top: 2px;
	width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
	float: left;
	text-align: left;
}
.ui-datepicker .ui-datepicker-next {
	float: right;
	text-align: right;
}
.ui-datepicker .ui-datepicker-prev:before {
	content: "\e079";
}
.ui-datepicker .ui-datepicker-next:before {
	content: "\e080";
}
.ui-datepicker .ui-icon {
	display: none;
}
.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
	width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
	text-align: center;
	padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar td {
	border-radius: 4px;
	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	   -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	     -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	        transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
	background-color: #eee;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-current-day {
	background-color: #4289cc;
}
.ui-datepicker .ui-datepicker-current-day a {
	color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
	background-color: #fff;
	cursor: default;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
}

.ui-state-hover, &.ui-state-active {
      color: #ffffff;
      text-decoration: none;
      background-color: #0088cc;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      background-image: none;
}

.sectionheader {
    font-weight: bold;
    padding: 10px;
    background-color: #d5e5ec;
}