@import "../runo/legacy-styles.css";

.v-caption-bold {
  font-weight: bold;
}

/* Grid */
.v-assistive-device-only-label  label {
    font-size:0;
    width: 0px; 
}

.v-grid-cell.colorred {
    color: red !important;
}

.v-grid-cell.green {
   background: lightgreen;
	 border-bottom: 1px solid #52eb85;
}

.v-grid-cell.red {
  background: red;
	border-bottom: 1px solid #52eb85;
}

.v-grid-cell.grey {
  background: #e2e2e2;
	border-bottom: 1px solid #cacaca;
}

.v-grid-cell.yellow {
   background: yellow;
	 border-bottom: 1px solid #ffc40c;
}

.v-grid-cell.lightyellow {
   background: lightyellow;
	 border-bottom: 1px solid #f0f0ce; 
}

.v-grid-cell.center-lightyellow {
   background: lightyellow;
   border-bottom: 1px solid #f0f0ce;
   text-align: center !important; 
}

.v-grid-cell.redhighlight {
   background: #ff9999;
	 border-bottom: 1px solid #ffe6e6;
}

.v-grid-cell-align-right {
   text-align: right;
}

.grid-klasseoverblik {}

.grid-klasseoverblik th {
	text-align: center !important;
}

.grid-cell-klasseoverblik-background {
	text-align: center !important;
}

.grid-cell-klasseoverblik-background {
	text-align: center !important;
	border-bottom: 1px solid #d4d4d4 !important;
	border-top: none;
}

.grid-cell-klasseoverblik-grey-background {
	border-bottom: 1px solid #d4d4d4 !important;
  background-image: url(http://localhost/ui/VAADIN/themes/ludus/../ludus/icons/semitransparent3.png);
	border-top: none;
}

.v-grid-cell.border-bottom {
	border-bottom: 2px solid #aaa;
}

.v-grid-tablewrapper {
	background: white;
}


.ludusgrid .v-grid-row-redhighlight > td, .v-grid-row-redhighlight > th {
        background: -linear-gradient(top, #FFE6E6, #FF8D8D);
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFE6E6),
        to(#FF8D8D) );
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #FFE6E6, #FF8D8D);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #FFE6E6, #FF8D8D);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #FFE6E6, #FF8D8D);
    /* IE 10 */
    background: -ms-linear-gradient(top, #FFE6E6, #FF8D8D);
    /* IE 8,9 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE6E6', endColorstr='#FF8D8D' )";
    /* IE <= 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE6E6', endColorstr='#FF8D8D' );
}


.ludus-grid .yellow {
	background: #FFFFCC;
}
.ludus-grid .green {
	background: #aec294;
}
.ludus-grid .red {
	background: #FF8D8D;
}

/* Button */
.b-button-smalllink .v-button-caption {
	text-decoration: underline;
	font-size: 12px;
	text-align: left;
}   

/* IE 11 scrollbar fix */
.v-customcomponent {
	font-size: 0;
	line-height: normal;
}

.v-button-redlink .v-button-caption {
	text-decoration: underline;
	color:red !important;
	text-align: left;
}

.v-button-strikethroughlink .v-button-caption {
	text-decoration: line-through !important;
}

.v-button-boldlink .v-button-caption {                                                                                                     
	text-decoration: underline;
	font-weight: bold;
	text-align: left;
}

/* visning af inaktiv, optaget eller ligende tabel linje */
.v-table-row-inactive_red, .v-table-row-inactive_red:hover{
	background: #FF8D8D;
}

/* Highlightet i tabel*/

.v-table-cell-content-flat-red {
	background: #e37171;
}

.v-table-cell-content-flat-lightred {
	background: #f29f9f;
}

.v-table-cell-content-flat-orange {
	background: #FFD25B;
}

.v-table-cell-content-flat-yellow {
	background: #fdfd83;
}

.v-table-cell-content-greenhighlight {
    	background: -linear-gradient(top, #ebf2df, #aec294);
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebf2df),
		to(#aec294) );
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ebf2df, #aec294);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ebf2df, #aec294);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ebf2df, #aec294);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ebf2df, #aec294);
	/* IE 8,9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf2df', endColorstr='#aec294' )";
	/* IE <= 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf2df', endColorstr='#aec294' );
 
}

.v-table-cell-content-redhighlight, 
.v-grid-row-stripe.redhighlight  > td {
    	background: -linear-gradient(top, #FFE6E6, #FF8D8D);
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFE6E6),
		to(#FF8D8D) );
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #FFE6E6, #FF8D8D);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #FFE6E6, #FF8D8D);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #FFE6E6, #FF8D8D);
	/* IE 10 */
	background: -ms-linear-gradient(top, #FFE6E6, #FF8D8D);
	/* IE 8,9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE6E6', endColorstr='#FF8D8D' )";
	/* IE <= 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE6E6', endColorstr='#FF8D8D' );
}

.v-table-cell-content-yellowhighlight {
  background: #fdfd83; /* Old browsers */
  background: -moz-linear-gradient(top, #fdfd83 0%, #f1f15f 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fdfd83 0%,#f1f15f 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fdfd83 0%,#f1f15f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfd83', endColorstr='#f1f15f',GradientType=0 ); /* IE6-9 */
}

.v-table-cell-content-lightyellowhighlight {
  background: #ffffd8; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffd8 0%, #fdfda6 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffd8 0%,#fdfda6 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffd8 0%,#fdfda6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffd8', endColorstr='#fdfda6',GradientType=0 ); /* IE6-9 */
}

.v-table-cell-content-redhighlight-right-border {
	border-right: 1px solid #babfc0;
	border-bottom: 1px solid #babfc0;
    	background: -linear-gradient(top, #FFE6E6, #FF8D8D);
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFE6E6),
		to(#FF8D8D) );
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #FFE6E6, #FF8D8D);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #FFE6E6, #FF8D8D);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #FFE6E6, #FF8D8D);
	/* IE 10 */
	background: -ms-linear-gradient(top, #FFE6E6, #FF8D8D);
	/* IE 8,9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE6E6', endColorstr='#FF8D8D' )";
	/* IE <= 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE6E6', endColorstr='#FF8D8D' );
}

.v-table-cell-content-white-right-border {
	border-right: 1px solid #babfc0;
	border-bottom: 1px solid #babfc0;
	background: white;
}

.v-table-cell-content-thick-right-border {
	border-right: 3px solid #babfc0;
}

.v-table-cell-content-thick-left-border {		
	border-left: 3px solid #babfc0;		
}		
.v-table-cell-content-no-padding {		
	padding-left: 0px; 		
    	padding-right: 0px; 		
}		
.v-table-cell-content-small-padding {		
	padding-left: 1px; 		
    	padding-right: 1px; 		
}

.v-table-cell-content-grey-gradient {
	background-color: #d5dee2;
	background: -linear-gradient(top, #f1f3f3, #d5dee2);
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f3f3),
		to(#d5dee2) );
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #f1f3f3, #d5dee2);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #f1f3f3, #d5dee2);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #f1f3f3, #d5dee2);
	/* IE 10 */
	background: -ms-linear-gradient(top, #f1f3f3, #d5dee2);
	/* IE 8,9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f3f3', endColorstr='#d5dee2' )";
	/* IE <= 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f3f3', endColorstr='#d5dee2' );
}
			
.v-table-cell-content-blue-gradient {		
  background: #b2e0ff; /* Old browsers */
  background: -moz-linear-gradient(top, #b2e0ff 0%, #9bd0ee 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #b2e0ff 0%,#9bd0ee 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b2e0ff 0%,#9bd0ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e0ff', endColorstr='#9bd0ee',GradientType=0 ); /* IE6-9 */
}

.v-table-cell-content-lightblue-gradient {		
  background: #e9f6fe; /* Old browsers */
  background: -moz-linear-gradient(top, #e9f6fe 0%, #c3deed 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e9f6fe 0%,#c3deed 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e9f6fe 0%,#c3deed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f6fe', endColorstr='#c3deed',GradientType=0 ); /* IE6-9 */
}		

.v-table-cell-content-orange-gradient {		
	background-color: #F27100;		
	background: -linear-gradient(top, #FAE4B4, #F27100);		
	/* Safari 5.1, Chrome 10+ */		
	background: -webkit-linear-gradient(top, #FAE4B4, #F27100);		
	/* Firefox 3.6+ */		
	background: -moz-linear-gradient(top, #FAE4B4, #F27100);		
	/* Opera 11.10+ */		
	background: -o-linear-gradient(top, #FAE4B4, #F27100);		
	/* IE 10 */		
	background: -ms-linear-gradient(top, #FAE4B4, #F27100);
}

.v-off {  
    color: #000; /*ULB: Ikke-valgte menupunkter i kolonnemenu er nu nememre at l�se */
}

.v-table-header-wrap {
	background: #e7e9ea !important;
  background: -moz-linear-gradient(top, #F5F5F5 0%, #E7E9EA 100%)!important; /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #F5F5F5 0%,#E7E9EA 100%)!important; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #F5F5F5 0%,#E7E9EA 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#E7E9EA',GradientType=0 ); /* IE6-9 */
}

/* v-grid */

.v-grid th.sort-asc, .v-grid th.sort-desc {
  padding-right: 17px !important;
}

.v-grid-header th {
	position: relative;
	background: #e7e9ea !important;
  background: -moz-linear-gradient(top, #F5F5F5 0%, #E7E9EA 100%) !important; /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #F5F5F5 0%,#E7E9EA 100%) !important; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #F5F5F5 0%,#E7E9EA 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#E7E9EA',GradientType=0 ) !important; /* IE6-9 */
  font-size: 13px; /*ULB*/
  line-height: 23px; /*ULB*/
  height: 22px !important; /*ULB*/
}

.v-grid-column-header-content, .v-grid-column-footer-content {
	line-height: 23px;
}

.v-grid-column-header-content-centered {
	text-align: center !important;
}

.v-grid-header .v-grid-cell, .v-grid-footer .v-grid-cell {
  color: black; /*ULB*/
  text-shadow: none; /*ULB*/
}

.v-grid-header .sort-asc:after, .v-grid-header .sort-desc:after {
	right: 0px;
}

.v-grid th.sort-asc:after, .v-grid th.sort-desc:after {
	height: 24px;
}

.v-grid-footer td {
	border-left: 1px solid #b6bbbc;
	border-top: 1px solid #b6bbbc;
	border-bottom: none;
  font-size: 13px; /*ULB*/
  line-height: 23px; /*ULB*/
  height: 22px !important; /*ULB*/
}

.v-grid-row-selected {
	color: #000;
}

.v-grid-row.green {
    color: green;  
}


.v-grid-row-selected > td {
	background: #cfe9ff;  
  border-bottom: 1px solid #C9E3F8;
}

.v-grid-cell {
	padding-left: 4px;
  padding-right: 4px;  
}

.v-grid-cell-no-ellipsis {
  text-overflow: clip;  
}

.v-grid .v-icon {
  margin-left: 0px !important;
}

/* Layout */

.v-csslayout-floating-left {
	float: left;
	background-color: #C2C2D6;
	margin: 0px 4px 4px 0px;
	padding: 0px 4px 0px 4px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.v-csslayout-rounded {
	background-color: #F8E0E6;
	margin: 0px 4px 4px 0px;
	padding: 0px 4px 0px 4px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.v-csslayout-rounded-green {
	color: white;
	background-color: lightgreen;
	margin: 2px 4px 4px 2px;
	padding: 2px 4px 2px 4px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.v-csslayout-rounded-green-box {
	color: white;
	background-color: lightgreen;
	margin: 2px 4px 4px 2px;
	padding: 2px 4px 2px 4px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #babfc0;
}

.v-csslayout-green {
	border: 1px solid #babfc0;
	padding: 0px 2px 0px 2px;
	color: white;
	background-color: lightgreen;
}

.v-csslayout-green-black {
	border: 1px solid #babfc0;
	padding: 0px 2px 0px 2px;
	color: black;
	background-color: lightgreen;
}

.v-csslayout-white {
	border: 1px solid #babfc0;
	padding: 0px 2px 0px 2px;
	color: black;
	background-color: white;
}

.v-csslayout-rounded-grey {
	color: black;
	background-color: lightgrey;
	margin: 2px 4px 4px 2px;
	padding: 2px 4px 2px 4px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.v-csslayout-rounded-grey-box {
	color: black;
	background-color: #eee;
	margin: 2px 4px 4px 2px;
	padding: 2px 4px 2px 4px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #babfc0;
}

.v-csslayout-rounded-red {
	color: white;
	background-color: red;
	margin: 2px 4px 4px 2px;
	padding: 2px 4px 2px 4px;
  border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.v-csslayout-red {
	border: 1px solid #babfc0;
	padding: 0px 2px 0px 2px;
	color: white;
	background-color: red;
}

.v-csslayout-rounded-orange {
	color: white;
	background-color: orange;
	margin: 2px 4px 4px 2px;
	padding: 2px 4px 2px 4px;
  border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.v-csslayout-button {
	cursor: pointer;
	color: black;
	background-color: lightgrey;
	margin: 1px 1px 1px 1px;
	padding: 0px 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.v-csslayout-box {
	border: 1px solid #babfc0;
}


.vLayoutScroll > div {
overflow: auto;
}

.smallmargin.v-margin-left {padding-left: 3px;}
.smallmargin.v-margin-right {padding-right: 3px;}
.smallmargin.v-margin-top {padding-top: 2px;}
.smallmargin.v-margin-bottom {padding-bottom: 2px;}

.mediummargin.v-margin-left {padding-left: 8px;}
.mediummargin.v-margin-right {padding-right: 8px;}
.mediummargin.v-margin-top {padding-top: 7px;}
.mediummargin.v-margin-bottom {padding-bottom: 7px;}

.box {
	border: 1px solid #babfc0;
}

.v-csslayout-lines,.v-horizontallayout-lines,.v-gridlayout-lines,.v-formlayout-lines,.v-absolutelayout-lines,.v-verticallayout-lines
{
	border-top: 1px solid #babfc0;
	border-bottom: 1px solid #babfc0;
}

.v-csslayout-body-background,.v-horizontallayout-body-background,.v-gridlayout-body-background,.v-formlayout-body-background,.v-absolutelayout-body-background,.v-verticallayout-body-background
{
	background-color: #E6EBF0;
}

.v-formlayout-captioncell{		
	vertical-align: top !important;		
	line-height: 26px;		
}		


.v-csslayout-rounded,.v-horizontallayout-rounded,.v-gridlayout-rounded,.v-formlayout-rounded,.v-absolutelayout-rounded,.v-verticallayout-rounded
{
	border-radius: 5px;
	margin: 0px;
	padding: 0px;
}

.v-csslayout-rounded-top,.v-horizontallayout-rounded-top,.v-gridlayout-rounded-top,.v-formlayout-rounded-top,.v-absolutelayout-rounded-top,.v-verticallayout-rounded-top
{
	border-radius: 5px 5px 0px 0px;
	margin: 0px;
	padding: 0px;
}

.v-csslayout-box,.v-horizontallayout-box,.v-gridlayout-box,.v-formlayout-box,.v-absolutelayout-box,.v-verticallayout-box
	{
	background-color: #f1f3f3;
	border: 1px solid #babfc0;
}

.v-csslayout-whitebox,.v-horizontallayout-whitebox,.v-gridlayout-whitebox,.v-formlayout-whitebox,.v-absolutelayout-whitebox,.v-verticallayout-whitebox
	{
	background-color: white;
	border: 1px solid #babfc0;
}

.v-csslayout-white,.v-horizontallayout-white,.v-gridlayout-white,.v-formlayout-white,.v-absolutelayout-white,.v-verticallayout-white
	{
	background-color: white;
}

.v-csslayout-red-box,.v-horizontallayout-red-box,.v-gridlayout-red-box,.v-formlayout-red-box,.v-absolutelayout-red-box,.v-verticallayout-red-box
{
	background-color: #FF8D8D;
}

.v-csslayout-blue-box,.v-horizontallayout-blue-box,.v-gridlayout-blue-box,.v-formlayout-blue-box,.v-absolutelayout-blue-box,.v-verticallayout-blue-box
{
	background-color: #4DB8FF;
}

.v-csslayout-portlet-header,.v-horizontallayout-portlet-header,.v-gridlayout-portlet-header,.v-formlayout-portlet-header,.v-absolutelayout-portlet-header,.v-verticallayout-portlet-header
{
	background-color: #ffffff; /*ULB*/
}

.v-csslayout-grey-box,.v-horizontallayout-grey-box,.v-gridlayout-grey-box,.v-formlayout-grey-box,.v-absolutelayout-grey-box,.v-verticallayout-grey-box
{
	background-color: #C2C2D6; /*ULB*/
}

.smalllink .v-button-caption {
  text-decoration: underline;
	font-size: 11px;  
	border: none;
	text-align: left !important;
	background: transparent;
	padding: 0;
	color: inherit;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ie-user-select: text;
	user-select: text;
}

.v-csslayout-runo-border-grey-box,.v-horizontallayout-runo-border-grey-box,.v-gridlayout-runo-border-grey-box,.v-formlayout-runo-border-grey-box,.v-absolutelayout-runo-border-grey-box,.v-verticallayout-runo-border-grey-box
{
	background-color: #C7D1E3; /*ULB*/  
}

.v-csslayout-right-border,.v-horizontallayout-right-border,.v-gridlayout-right-border,.v-formlayout-right-border,.v-absolutelayout-right-border,.v-verticallayout-right-border
{
	border-right: 1px solid #babfc0;
}

.v-csslayout-aflyst-lektion-background,.v-horizontallayout-aflyst-lektion-background,.v-gridlayout-aflyst-lektion-background,.v-formlayout-aflyst-lektion-background,.v-absolutelayout-aflyst-lektion-background,.v-verticallayout-aflyst-lektion-background
{
	background: -linear-gradient(top, #FFE6E6, #FF8D8D);
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFE6E6),
		to(#FF8D8D) );
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #FFE6E6, #FF8D8D);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #FFE6E6, #FF8D8D);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #FFE6E6, #FF8D8D);
	/* IE 10 */
	background: -ms-linear-gradient(top, #FFE6E6, #FF8D8D);
	/* IE 8, 9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE6E6', endColorstr='#FF8D8D' )";
	/* IE <= 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE6E6', endColorstr='#FF8D8D' );
}

.v-csslayout-aendret-lektion-background,.v-horizontallayout-aendret-lektion-background,.v-gridlayout-aendret-lektion-background,.v-formlayout-aendret-lektion-background,.v-absolutelayout-aendret-lektion-background,.v-verticallayout-aendret-lektion-background
{
	background: -linear-gradient(top, #FFFCCC, #FFEE00);
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFCCC),
		to(#FFEE00) );
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #FFFCCC, #FFEE00);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #FFFCCC, #FFEE00);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #FFFCCC, #FFEE00);
	/* IE 10 */
	background: -ms-linear-gradient(top, #FFFCCC, #FFEE00);
	/* IE 8, 9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFCCC', endColorstr='#FFEE00' )";
	/* IE <= 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFCCC', endColorstr='#FFEE00' );
}

.v-verticallayout-selectable * {
	cursor: pointer;
}

.v-horizontallayout-selectable * {
	cursor: pointer;
}

.v-panel-right-border {
	border-right: 1px solid #babfc0;
}

.v-panel-caption, .v-panel-caption-light {
	color: #0070a8;
  font-size: 14px;
  font-weight: bold;  
}

.image {
	margin: 10px;
	padding: 10px;
	float: left;
}


.textfield-disabled{
  box-shadow: inset 0 3px 5px -5px rgba(0,0,0,0.75)!important;
  border-left: 1px solid #b6b6b6!important;
  border-top: 1px solid #9d9d9d !important;
  border-right: 1px solid #d6d6d6 !important;
	border-bottom: 1px solid #d6d6d6 !important; 
  background-image: none;
	padding: 2px;
	font-size: 12px;
  background: #e7e9ea;  
}


.textfield-lookalike{
  box-shadow: inset 0 3px 5px -5px rgba(0,0,0,0.75)!important;
  border-left: 1px solid #b6b6b6!important;
  border-top: 1px solid #9d9d9d !important;
  border-right: 1px solid #d6d6d6 !important;
	border-bottom: 1px solid #d6d6d6 !important; 
  background-image: none;
	padding: 2px;
	font-size: 12px;
  background: white;
}

.v-textfield, .v-textarea {
  box-shadow: inset 0 3px 5px -5px rgba(0,0,0,0.75)!important;
  border-left: 1px solid #b6b6b6!important;
  border-top: 1px solid #9d9d9d !important;
  border-right: 1px solid #d6d6d6 !important;
	border-bottom: 1px solid #d6d6d6 !important; 
  background-image: none;
  background: white;
}

.v-textarea-no-scroll {
  overflow: hidden !important;
}

.text-highlight {
	color: #f14c1a;
	font-weight: bold;
}

.v-textfield-align-right {
   text-align: right;
}

.v-textfield-background-lightred {
	background: pink
}

.v-textfield-background-lightyellow {
	background:lightyellow;
}
.v-textfield-readonly{
	background:lightyellow;
}
.text-green {
	color: #006600;
}

.text-red {
	color: red;
}
.text-magenta {
	color: #FF00FF;
}
.text-yellow {
	color: yellow;
}

.text-orange {
    color: orange;
}

.text-cyan {
	color: #00FFFF;
}

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

.text-align-center {
	text-align: center;
}

.text-ellipsis {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.bold-nowrap {
	font-weight: bold;
	white-space: nowrap !important;
}

.v-label-small {
	font-size: 11.31px;
	line-height: 1.4;
	color: #000000;
}

.v-label .vr {
    height: 100%;
    overflow: hidden;
    background: #ccd2d3;
    color: #ccd2d3;
    border: none;
    border-right: 1px solid #fff;
    margin: 0;
    width: 1px;
}

.v-label-bold {
	font-weight: bold;
}

.v-label-italic {
	font-style: italic;
}

.v-label-underline {
	text-decoration: underline;
}

.v-label-strikethrough {
	text-decoration: line-through;
}

.vertical-gradient-background {
	background-color: #d5dee2;
	background: -linear-gradient(top, #f1f3f3, #d5dee2);
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f3f3),
		to(#d5dee2) );
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #f1f3f3, #d5dee2);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #f1f3f3, #d5dee2);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #f1f3f3, #d5dee2);
	/* IE 10 */
	background: -ms-linear-gradient(top, #f1f3f3, #d5dee2);
	/* IE 8,9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f3f3', endColorstr='#d5dee2' )";
	/* IE <= 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f3f3', endColorstr='#d5dee2' );
}

.vertical-gradient-background-reverse {
	background-color: #d5dee2;
	background: -linear-gradient(top, #d5dee2, #f1f3f3);
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d5dee2),
		to(#f1f3f3) );
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #d5dee2, #f1f3f3);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #d5dee2, #f1f3f3);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #d5dee2, #f1f3f3);
	/* IE 10 */
	background: -ms-linear-gradient(top, #d5dee2, #f1f3f3);
	/* IE 8, 9*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5dee2', endColorstr='#f1f3f3' )";
	/* IE <= 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5dee2', endColorstr='#f1f3f3' );
}

.vertical-gradient-background.v-horizontallayout-lines  { /*ULB*/
    border-color: #ccc;
    background: #f9f9f9;
}

/*bruges til skolehjem*/
.no-border{
	border: 0px solid rgba(0,0,0,0) !important;
	padding: 0px !important;
}


.cursor-pointer{
	cursor:pointer;
}

.periode-schedule-right-row{
	padding-top:2px;
	padding-bottom:2px;
	min-width: 100%;
}


.periode-schedule-left-header{
	position: sticky;
	top: 0px;
	left: 0px;
	display:inline-block;
	z-index: 100;
	background: #e9eced;
	white-space: normal;
}

.periode-schedule-right-header{
	position: sticky;
	top:0px;
	display:inline-block;
	z-index:50;
	background: #e9eced;
	white-space: normal;
}

.periode-schedule-left-side{
	position: sticky;
	left:0px;
	display:inline-block;
	z-index:50;
	background: white;
	white-space: normal;
}

.periode-schedule-right-side{
	display:inline-block;
	background: white;
	white-space: normal;
}

.periode-schedule-wrapper{
	white-space: nowrap;
	overflow:visible;
}

.periode-schedule-frame{
	position:relative;
	overflow:auto;
	box-shadow: inset 0 23px 0px #edeff0, inset 0 24px 0px #d0d4d5;
}

.periode-schedule-min-100-width{
	min-width: 100%;
}

.periode-schedule-min-100-height{
	min-height: 100%;
}

.periode-schedule-header-cell{
	border-left: 1px solid white;
	border-right: 1px solid #d0d4d5;
	border-bottom: 1px solid #d0d4d5;
    background: #edeff0;
    height:24px;
    padding-top:3px;
    padding-bottom:3px;
}

.periode-schedule-grey{
	background:rgb(243, 243, 243);
}

.periode-schedule-padding{
	padding-left:4px;
}

.periode-schedule-right-header .periode-schedule-header-cell{
	text-align: center;
}

.v-table-cell-content-tree-table-odd-day{background:rgb(243, 243, 243);}
.v-table-cell-content-tree-table-odd-day .v-table-cell-wrapper {margin: 0px -6px 0px -4px;width: auto !important;}

.v-table-cell-content-tree-table-even-day{background:white;}
.v-table-cell-content-tree-table-even-day .v-table-cell-wrapper {margin: 0px -6px 0px -4px;width: auto !important;}

.v-selected .v-table-cell-content-tree-table-even-day, .v-selected .v-table-cell-content-tree-table-odd-day, .v-selected .v-table-cell-content-tree-table-even, .v-selected .v-table-cell-content-tree-table-odd{
	background: #57a7ed;
}

.layout-vaerelse{
	background-color: white;
	border: 1px solid #babfc0;
	border-radius: 2px;
	width: 100%;
  padding-left: 2px;
}

.layout-vaerelse .v-label {
  padding-right: 2px;
}

.layout-plads{
	width: 17px;
	height: 28px;
	border-radius: 2px;
	margin: 2px;
}

.layout-plads-icon-top-area{
  height: 14px !important;
	text-align: center;
  position: relative;
  left: 1px;
  top: 0px; 
}

.layout-plads-icon-bottom-area{
	height: 14px !important;
	text-align: center;
  position: relative;
  left: 1px;
  bottom: 2px;  
}   

.layout-plads-red{
	border: 1px solid #832323;
	background: linear-gradient(#fcc2c2, #db5c5c);
}

.layout-plads-red img[src*=dreng_symbol_9x9], .layout-plads-red img[src*=pige_symbol_9x9]
{ /*Flytter køn-ikoner en anelse op */ position: relative; top: -2px; }

.layout-plads-red-dashed{
	border: 1px dashed #832323;
	//background: linear-gradient(#fcc2c2, #db5c5c);
  background-image: linear-gradient(to right, rgba(252,94,94,0.7), rgba(219,92,92,0.7));    
}

.layout-plads-yellow{
	border: 1px solid #b2a117;
	background: linear-gradient(#ffffab, #ffec3f);
}

.layout-plads-green{
	border: 1px solid #488848;
	background: linear-gradient(#a9f2a9, #73cc73);
}

.layout-plads-blue{
	border: 1px solid #0D47A1;
	background: linear-gradient(#90CAF9, #2196F3);
}

.layout-plads-grey{
	border: 1px solid #8c8c8c;
	background: linear-gradient(#ffffff, #d2d2d2);
}

.layout-plads-center{border-width:1px 0px;width:100%;}
.layout-plads-left{border-left-width: 1px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.layout-plads-left-open{border-left-width: 1px;}
.layout-plads-right{border-right-width: 1px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.layout-plads-right-open{border-right-width: 1px;}

.layout-plads-pad-left{padding-left:2px;}
.layout-plads-pad-right{padding-right:2px;}
.layout-plads-margin-top{margin-top:2px;}
.layout-plads-margin-bottom{margin-bottom:2px;}

.v-table-cell-content-tree-table-odd{
	background: #f3f3f3;
}

.v-table-cell-content-tree-table-even{
	background: white;
}

/*bruges ikke l�nger til skolehjem*/

.layout-background-flat-red {
	background: #e37171;	   
}

.layout-background-flat-lightred {
	background: #f29f9f;	   
}

.layout-background-flat-orange {
	background: #FFD25B;	   
}

.layout-background-flat-yellow {
	background: #fdfd83;	   
}

.layout-background-blue {
	background-color: #ffffff;
	background-color: #C7D1E3; /*ULB*/  
	border: 1px solid #B7C3DA; /*ULB*/   
}

.layout-background-green {
    	background: -linear-gradient(top, #ebf2df, #aec294);
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebf2df),
		to(#aec294) );
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ebf2df, #aec294);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ebf2df, #aec294);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ebf2df, #aec294);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ebf2df, #aec294);
	/* IE 8,9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf2df', endColorstr='#aec294' )";
	/* IE <= 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf2df', endColorstr='#aec294' );
}

	.layout-background-red {		
    	background: -linear-gradient(top, #FFE6E6, #FF8D8D);		
	/* Safari 4-5, Chrome 1-9 */		
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFE6E6),		
		to(#FF8D8D) );		
	/* Safari 5.1, Chrome 10+ */		
	background: -webkit-linear-gradient(top, #FFE6E6, #FF8D8D);		
	/* Firefox 3.6+ */		
	background: -moz-linear-gradient(top, #FFE6E6, #FF8D8D);		
	/* Opera 11.10+ */		
	background: -o-linear-gradient(top, #FFE6E6, #FF8D8D);		
	/* IE 10 */		
	background: -ms-linear-gradient(top, #FFE6E6, #FF8D8D);		
	/* IE 8,9 */		
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE6E6', endColorstr='#FF8D8D' )";		
	/* IE <= 7 */		
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE6E6', endColorstr='#FF8D8D' );		
}		
.layout-background-grey {		
	background-color: #d5dee2;		
	background: -linear-gradient(top, #f1f3f3, #d5dee2);		
	/* Safari 4-5, Chrome 1-9 */		
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f3f3),		
		to(#d5dee2) );		
	/* Safari 5.1, Chrome 10+ */		
	background: -webkit-linear-gradient(top, #f1f3f3, #d5dee2);		
	/* Firefox 3.6+ */		
	background: -moz-linear-gradient(top, #f1f3f3, #d5dee2);		
	/* Opera 11.10+ */		
	background: -o-linear-gradient(top, #f1f3f3, #d5dee2);		
	/* IE 10 */		
	background: -ms-linear-gradient(top, #f1f3f3, #d5dee2);		
	/* IE 8,9 */		
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f3f3', endColorstr='#d5dee2' )";		
	/* IE <= 7 */		
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f3f3', endColorstr='#d5dee2' );		
}		
.layout-solid-border {		
	border: 1px solid black;		
}		
.layout-dashed-border {		
	border: 1px dashed black;		
}		
.layout-thick-right-border {		
	border-right: 3px solid #babfc0;		
}		
.layout-thick-left-border {		
	border-left: 3px solid #babfc0;		
}

/* Lay the options horizontally */
.v-select-optiongroup-horizontal .v-select-option {
	display: inline-block;
}

/* Avoid wrapping if the layout is too tight */
.v-select-optiongroup-horizontal {
	white-space: nowrap;
}

/* Some extra spacing is needed */
.v-select-optiongroup-horizontal
  .v-select-option.v-radiobutton {
	padding-right: 10px;
}

.v-select-optiongroup-vertical
	.v-select-option.v-radiobutton {
	padding-right: 10px;
	padding-bottom: 5px;
}

/* Some extra spacing is needed */
.v-select-optiongroup-horizontal
  .v-select-option.v-checkbox {
	padding-right: 10px;
}

/* Table */
/*
.v-table-small .v-table-cell-content .v-textfield {
	margin: 0px;
	font-size: 11px;
	height: 14px;
	line-height: 14px;
	padding: 0px;
}
*/

.v-table-cell-content-yellow {
	background: #FFFFCC;
}

.v-table-cell-content-green {
	background: LightGreen;
}

.v-table-cell-content-grey {
	background: #e7e9ea;
}

.v-table-cell-content-darkgrey {
    background: #9aa09d;
}

.v-table-cell-content-lightgrey {
    background: #F8F8F8;
}

/* Identisk med .v-label-small fra Runo theme */
.v-table-cell-content-disabled {
	font-size: .87em;
	line-height: 1.4;
	color: #707679;
}

.v-table-cell-content {
	vertical-align: top;
}

/* Small style */
/*
.v-table-small .v-table-footer-wrap,
.v-table-small .v-table-footer {
	height: 22px;
}
*/

/* Menu */
.v-menubar {
	border-bottom: 1px solid #3a578b;                            /*ULB*/
  border-top: 1px solid #4a69a2;                               /*ULB*/                    
  border-left: none;                                           /*ULB*/
	height: 23px;                                                
	background: #fff repeat-x;                                   /*ULB*/
	color: #fff;                                                 /*ULB*/
  font-weight: bold;                                           /*ULB*/
	padding: 0 8px;
  text-shadow: rgba(0, 0, 0, .9) 0 1px 0;
  background:  #5776AF;                                        /*ULB*/      
  text-shadow: rgba(0, 0, 0, .9) 0 1px 0;*/    
}

.v-menubar .v-menubar-menuitem {
	padding: 3px 8px;
	height: 17px;
	line-height: 16px;
	/*border-right: 1px solid #d1d3d6;*/
	border-right: none;
	border-bottom: none;
	border-top: none;
	border-left: none;
}

.v-menubar .v-menubar-menuitem:focus {
  outline:0;
}

.v-menubar-menuitem-caption {
  font-size: 13px;
  cursor: pointer;
}

.v-menubar-menuitem-selected {     /*ULB*/
	color: #e2e8f2;                  /*ULB*/
  background-color: none;         /*ULB*/
  background: #5776AF;            /*ULB*/
  }                               /*ULB*/

.v-menubar .v-menubar-menuitem:hover {
	color: #e2e8f2;
}

.v-menubar-inline {
	border: none;
	height: 16px;
	background: #e7e9ea repeat-x;
	color: black;
	text-shadow: rgba(0, 0, 0, .9) 0 1px 0;
	padding: 1px;
}

.v-menubar-inline .v-menubar-menuitem {
	padding: 0px 0px 8px 0px;
	height: 16px;
	line-height: 16px;
	/*border-right: 1px solid #d1d3d6;*/
	border-right: none;
	border-bottom: none;
	border-top: none;
	border-left: none;
}

.v-menubar-inline .v-menubar-menuitem:hover {
	color: #000;
}

.v-menubar-toolbar {
	position: relative;
	white-space: nowrap;
	outline: none;
	-webkit-tap-highlight-color: transparent;
	height: 24px; /*ULB*/
	color: #191919;
	font-weight: 400;
	cursor: default;
	border-radius: 4px;
	border: 1px solid #c5c5c5;
	border-bottom-color: #bcbcbc;
	background-color: #fafafa;
	background-image: linear-gradient(to bottom,#fff 2%, #efefef 98%);
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
	padding: 0;
	text-align: left;
	line-height: 23px;/*ULB*/
	top: 1px; /*ULB*/
}

.v-menubar-toolbar .v-menubar-menuitem {
	position: relative;
	z-index: 1;
	display: inline-block;
	box-sizing: border-box;
	padding: 0px 5px 0px 5px;
	color: inherit;
	font-weight: 400;
	cursor: pointer;
	border-radius: 0;
	border: 1px solid #bdc1c2;
	border-bottom-color: #bcbcbc;
	background-color: #fafafa;
	background-image: linear-gradient(to bottom,#fff 2%, #efefef 98%);
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7;
	background: transparent;
	box-shadow: none;
	border-width: 0;
	border-color: inherit;
	height: 100%;
	line-height: inherit;
	vertical-align: top;
	text-align: center;
}

.v-menubar-toolbar .v-menubar-menuitem:hover {
	color: #000;
}

.v-menubar-toolbar_small {
	position: relative;
	white-space: nowrap;
	outline: none;
	-webkit-tap-highlight-color: transparent;
	height: 26px;
	color: #191919;
	font-weight: 400;
	cursor: default;
	border-radius: 4px;
	border: 1px solid #bdc1c2;
	border-bottom-color: #bcbcbc;
	background-color: #fafafa;
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
	padding: 0;
	text-align: left;
	line-height: 24px;
}

.v-menubar-toolbar_small .v-menubar-menuitem {
	position: relative;
	z-index: 1;
	display: inline-block;
	box-sizing: border-box;
	padding: 0px 2px 10px 4px;
	color: inherit;
	font-weight: 400;
	cursor: pointer;
	border-radius: 0;
	border: 1px solid #c5c5c5;
	border-top-color: #c5c5c5;
	border-bottom-color: #bcbcbc;
	background-color: #fafafa;
	background-image: linear-gradient(to bottom,#fafafa 2%, #efefef 98%);
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7;
	background: transparent;
	box-shadow: none;
	border-width: 0 0px 0 0; /*ULB før 	border-width: 0 1px 0 0; */
	border-color: inherit;
	height: 100%;
	line-height: inherit;
	vertical-align: top;
	text-align: center;
}

.v-menubar-toolbar_small .v-menubar-menuitem:hover {
	color: #f14c1a;
}

.v-menubar-toolbar_no_border {
	border: none;                     /*ULB*/
  position: relative;
	white-space: nowrap;
	outline: none;
	-webkit-tap-highlight-color: transparent;
	height: 19px;
	color: #191919;
	font-weight: 400;
	cursor: default;
    text-shadow: none;
	padding: 0;
	text-align: left;
	line-height: 19px;
  background:  transparent;         /*ULB*/   
}

.v-menubar-toolbar_link .v-menubar-menuitem-caption{
	text-decoration:underline;
}



.v-menubar-toolbar_no_border .v-menubar-menuitem {
	position: relative;
	z-index: 1;
	display: inline-block;
	box-sizing: border-box;
	padding: 0px 2px 10px 4px;
	color: inherit;
	font-weight: 400;
	cursor: pointer;
	border: none;                  /*ULB*/
	box-shadow: none;              /*ULB*/
	height: 100%;
	line-height: inherit;
	vertical-align: top;
	text-align: center;
  background:  transparent;      /*ULB*/   
}

.v-menubar-toolbar_no_border .v-menubar-menuitem:hover {
	color: #808080;
}

.v-menubar-toolbar_no_border .v-menubar-menuitem:active { /*ULB*/
	color: #000;
  background: transparent;  
}

/* Fraværsregistrering */

.fraværsregistrering-grøn{
  border-radius: 5px; 
  box-shadow: 60px 0px 0px #ddd inset;
  background: #f4f4f4; /* Old browsers */
  background: -moz-linear-gradient(left, #f4f4f4 0%, #ffffff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #f4f4f4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #f4f4f4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.fraværsregistrering-gul{
  box-shadow: 60px 0px 0px #fdfd83 inset;
  background: #f4f4f4; /* Old browsers */
  background: -moz-linear-gradient(left, #f4f4f4 0%, #ffffff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #f4f4f4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #f4f4f4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.fraværsregistrering-rød{
  box-shadow: 60px 0px 0px #ed7a7a inset;
  background: #f4f4f4; /* Old browsers */
  background: -moz-linear-gradient(left, #f4f4f4 0%, #ffffff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #f4f4f4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #f4f4f4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.fraværsregistrering-grøn img[src*=absence], .fraværsregistrering-gul img[src*=absence], .fraværsregistrering-rød img[src*=absence] {
  padding-right: 3px;
}

.fraværsregistrering-grøn img[src*=blank], .fraværsregistrering-gul img[src*=blank], .fraværsregistrering-rød img[src*=blank] {
  padding-right: 7px;
}

.fraværsregistrering-grøn .v-image, .fraværsregistrering-gul .v-image, .fraværsregistrering-rød .v-image {
  border-radius: 3px;  
}

.fraværsregistrering-grøn .v-icon, .fraværsregistrering-gul .v-icon, .fraværsregistrering-rød .v-icon {
  margin-left: 4px !important;  
}

.fraværsregistrering-grøn > div > div > .v-image {
  border: 1px solid #aaa;
  background: white;
}

.fraværsregistrering-gul > div > div > .v-image {
  border: 1px solid #d6d661;
  background: white;
}

.fraværsregistrering-rød > div > div > .v-image {
  border: 1px solid #cf5f5f;
  background: white;
}

.fraværsregistrering-grøn .v-select-optiongroup, .fraværsregistrering-gul .v-select-optiongroup, .fraværsregistrering-rød .v-select-optiongroup {
  margin-left: 19px !important;
  position: relative;
  bottom: -2px; 
}

/* Styling af skemaer */
.ugeskema-lektion-element {
         border: 1px solid #aaaaaa;
         padding: 2px;
         margin: 2px;
         display: box;
         box-pack: start;
         box-orient: vertical;
         box-align: start;
         box-sizing: border-box;
         display: -webkit-box;
         -webkit-box-pack: start;
         -webkit-box-align: start;
         -webkit-box-orient: vertical;
         -webkit-box-sizing: border-box;
        background: #f3f3f3; /* Old browsers */
        background: -moz-linear-gradient(top, #f3f3f3 0%, #c7c7c7 19px, #b0b0b0 20px, #fbfbfb 21px, #fbfbfb 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #f3f3f3 0%,#c7c7c7 19px,#b0b0b0 20px,#fbfbfb 21px,#fbfbfb 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #f3f3f3 0%,#c7c7c7 19px,#b0b0b0 20px,#fbfbfb 21px,#fbfbfb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */   
        width: 98% !important;      
}
                   
.ugeskema-skemabrik-element {
           border: 1px solid #bbb;
           padding: 2px;
           margin: 2px;
           display: box;
           box-pack: start;
           box-orient: vertical;
           box-align: start;
           box-sizing: border-box;
           display: -webkit-box;
           -webkit-box-pack: start;
           -webkit-box-align: start;
           -webkit-box-orient: vertical;
           -webkit-box-sizing: border-box;
          background: #b2e0ff; /* Old browsers */
          background: -moz-linear-gradient(top, #b2e0ff 0%, #9bd0ee 18px, #6bacd1 19px, #eff7fd 20px, #eff7fd 100%); /* FF3.6-15 */
          background: -webkit-linear-gradient(top, #b2e0ff 0%,#9bd0ee 18px,#6bacd1 19px,#eff7fd 20px,#eff7fd 100%); /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, #b2e0ff 0%,#9bd0ee 18px,#6bacd1 19px,#eff7fd 20px,#eff7fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e0ff', endColorstr='#eff7fd',GradientType=0 ); /* IE6-9 */
          width: 98% !important;
}

.ugeskema-skemaskabelon-element {
	border: 1px solid #bbb;
	padding: 2px;
	margin: 2px;
	display: box;
	box-pack: start;
	box-orient: vertical;
	box-align: start;
	box-sizing: border-box;
	display: -webkit-box;
	-webkit-box-pack: start;
	-webkit-box-align: start;
	-webkit-box-orient: vertical;
	-webkit-box-sizing: border-box;
	background: #b2e0ff; /* Old browsers */
	background: -moz-linear-gradient(top, #b2e0ff 0%, #9bd0ee 20px, #6bacd1 21px, #eff7fd 22px, #eff7fd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #b2e0ff 0%,#9bd0ee 20px,#6bacd1 21px,#eff7fd 22px,#eff7fd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #b2e0ff 0%,#9bd0ee 20px,#6bacd1 21px,#eff7fd 22px,#eff7fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.ugeskema-aflyst-lektion-element {
           border: 1px solid #bbb;
           padding: 2px;
           margin: 2px;
           display: box;
           box-pack: start;
           box-orient: vertical;
           box-align: start;
           box-sizing: border-box;
           display: -webkit-box;
           -webkit-box-pack: start;
           -webkit-box-align: start;
           -webkit-box-orient: vertical;
           -webkit-box-sizing: border-box;
          background: #ffb9b9; /* Old browsers */
          background: -moz-linear-gradient(top, #ffb9b9 0%, #ed7a7a 18px, #d25959 19px, #fee9e9 20px, #fee9e9 100%); /* FF3.6-15 */
          background: -webkit-linear-gradient(top, #ffb9b9 0%,#ed7a7a 18px,#d25959 19px,#fee9e9 20px,#fee9e9 100%); /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, #ffb9b9 0%,#ed7a7a 18px,#d25959 19px,#fee9e9 20px,#fee9e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb9b9', endColorstr='#fee9e9',GradientType=0 ); /* IE6-9 */
          width: 98% !important;
}

.ugeskema-aendret-lektion-element {
         border: 1px solid #bbb;
         padding: 2px;
         margin: 2px;
         display: box;
         box-pack: start;
         box-orient: vertical;
         box-align: start;
         box-sizing: border-box;
         display: -webkit-box;
         -webkit-box-pack: start;
         -webkit-box-align: start;
         -webkit-box-orient: vertical;
         -webkit-box-sizing: border-box;  
        background: #fdfd83; /* Old browsers */
        background: -moz-linear-gradient(top, #fdfd83 0%, #f1f15f 18px, #d5d54c 19px, #fdfde0 20px, #fcfced 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #fdfd83 0%,#f1f15f 18px,#d5d54c 19px,#fdfde0 20px,#fcfced 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #fdfd83 0%,#f1f15f 18px,#d5d54c 19px,#fdfde0 20px,#fcfced 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfd83', endColorstr='#fcfced',GradientType=0 ); /* IE6-9 */
        width: 98% !important;
}

.ugeskema-begivenhed-element {
           border: 1px solid #bbb;  
           padding: 2px;
           margin: 2px;
           display: box;
           box-pack: start;
           box-orient: vertical;
           box-align: start;
           box-sizing: border-box;
           display: -webkit-box;
           -webkit-box-pack: start;
           -webkit-box-align: start;
           -webkit-box-orient: vertical;
           -webkit-box-sizing: border-box;
            background: #67e197; /* Old browsers */
            background: -moz-linear-gradient(top, #67e197 0%, #9dd259 18px, #7eae40 19px, #d4fee5 20px, #d4fee5 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #67e197 0%,#9dd259 18px,#7eae40 19px,#d4fee5 20px,#d4fee5 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #67e197 0%,#9dd259 18px,#7eae40 19px,#d4fee5 20px,#d4fee5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67e197', endColorstr='#d4fee5',GradientType=0 ); /* IE6-9 */
            width: 98% !important;
}

.ugeskema-andet-element {
         border: 1px solid #bbb;
         padding: 2px;
         margin: 2px;
         display: box;
         box-pack: start;
         box-orient: vertical;
         box-align: start;
         box-sizing: border-box;
         display: -webkit-box;
         -webkit-box-pack: start;
         -webkit-box-align: start;
         -webkit-box-orient: vertical;
         -webkit-box-sizing: border-box;
        background: #f1f3f3; /* Old browsers */
        background: -moz-linear-gradient(top, #f1f3f3 0%, #dbe5e9 18px, #c4ccce 19px, #ffffff 20px, #f4f4f4 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #f1f3f3 0%,#dbe5e9 18px,#c4ccce 19px,#ffffff 20px,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #f1f3f3 0%,#dbe5e9 18px,#c4ccce 19px,#ffffff 20px,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f3f3', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
        width: 98% !important;
}

.ugeskema-lektion-lysblaa-dashed {
       border: 1px dashed #bbb;    
       padding: 2px;
       margin: 2px;
       display: box;
       box-pack: start;
       box-orient: vertical;
       box-align: start;
       box-sizing: border-box;
       display: -webkit-box;
       -webkit-box-pack: start;
       -webkit-box-align: start;
       -webkit-box-orient: vertical;
       -webkit-box-sizing: border-box;
        background: #e9f6fe; /* Old browsers */
        background: -moz-linear-gradient(top, #e9f6fe 0%, #e5f3fb 18px, #bae0f6 19px, #f4f9fd 20px, #f4f9fd 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #e9f6fe 0%,#e5f3fb 18px,#bae0f6 19px,#f4f9fd 20px,#f4f9fd 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #e9f6fe 0%,#e5f3fb 18px,#bae0f6 19px,#f4f9fd 20px,#f4f9fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f6fe', endColorstr='#f4f9fd',GradientType=0 ); /* IE6-9 */
        width: 98% !important;
}

.ugeskema-lektion-lysgul-dashed {
       border: 1px dashed #bbb;  
       padding: 2px;
       margin: 2px;
       display: box;
       box-pack: start;
       box-orient: vertical;
       box-align: start;
       box-sizing: border-box;
       display: -webkit-box;
       -webkit-box-pack: start;
       -webkit-box-align: start;
       -webkit-box-orient: vertical;
       -webkit-box-sizing: border-box;  
      background: #ffffd8; /* Old browsers */
      background: -moz-linear-gradient(top, #ffffd8 0%, #fdfda6 18px, #eded68 19px, #ffffec 20px, #ffffec 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #ffffd8 0%,#fdfda6 18px,#eded68 19px,#ffffec 20px,#ffffec 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #ffffd8 0%,#fdfda6 18px,#eded68 19px,#ffffec 20px,#ffffec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffd8', endColorstr='#ffffec',GradientType=0 ); /* IE6-9 */
      width: 98% !important;
}


.ugeskema-tyrkis-element {
         border: 1px solid #bbb;
         padding: 2px;
         margin: 2px;
         display: box;
         box-pack: start;
         box-orient: vertical;
         box-align: start;
         box-sizing: border-box;
         display: -webkit-box;
         -webkit-box-pack: start;
         -webkit-box-align: start;
         -webkit-box-orient: vertical;
         -webkit-box-sizing: border-box;
         background: -linear-gradient(top, #eafafb, #2bbac2);
         /* Safari 4-5, Chrome 1-9 */
         background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eafafb),
                                      to(#2bbac2) );
         /* Safari 5.1, Chrome 10+ */
         background: -webkit-linear-gradient(top, #eafafb, #2bbac2);
         /* Firefox 3.6+ */
         background: -moz-linear-gradient(top, #eafafb, #2bbac2);
         /* Opera 11.10+ */
         background: -o-linear-gradient(top, #eafafb, #2bbac2);
         /* IE 10 */
         background: -ms-linear-gradient(top, #eafafb, #2bbac2);
         /* IE 8, 9 */
         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eafafb', endColorstr='#2bbac2' )";
         /* IE <= 7 */
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eafafb', endColorstr='#2bbac2' );
  width: 98% !important;
}

.skema-orange-element {
         border: 1px solid #bbb;
         padding: 2px;
         margin: 2px;    
         display: box;
         box-pack: start;
         box-orient: vertical;
         box-align: start;
         box-sizing: border-box;           
         display: -webkit-box;
         -webkit-box-pack: start;
         -webkit-box-align: start;
         -webkit-box-orient: vertical;
         -webkit-box-sizing: border-box;
        background: #fae4b4; /* Old browsers */
        background: -moz-linear-gradient(top, #fae4b4 0%, #f27100 18px, #c4ccce 19px, #f9f0dc 20px, #f9f0dc 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #fae4b4 0%,#f27100 18px,#c4ccce 19px,#f9f0dc 20px,#f9f0dc 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #fae4b4 0%,#f27100 18px,#c4ccce 19px,#f9f0dc 20px,#f9f0dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fae4b4', endColorstr='#f9f0dc',GradientType=0 ); /* IE6-9 */
        width: 98% !important;
}

.skema-gold-element {
         border: 1px solid #bbb;
         padding: 2px;
         margin: 2px;                      
         display: box;
         box-pack: start;
         box-orient: vertical;
         box-align: start;
         box-sizing: border-box;                             
         display: -webkit-box;
         -webkit-box-pack: start;
         -webkit-box-align: start;
         -webkit-box-orient: vertical;
         -webkit-box-sizing: border-box;                             
         background: -linear-gradient(top, #f0dd0c, #a38e20);                             
         /* Safari 4-5, Chrome 1-9 */
         background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0dd0c), to(#a38e20));  
         /* Safari 5.1, Chrome 10+ */
         background: -webkit-linear-gradient(top, #f0dd0c, #a38e20);  
         /* Firefox 3.6+ */
         background: -moz-linear-gradient(top, #f0dd0c, #a38e20);  
         /* Opera 11.10+ */
         background: -o-linear-gradient(top, #f0dd0c, #a38e20);                            
         /* IE 10 */
         background: -ms-linear-gradient(top, #f0dd0c, #a38e20);
         /* IE 8, 9 */
         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0dd0c', endColorstr='#a38e20' )";
         /* IE <= 7 */
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0dd0c', endColorstr='#a38e20' );
        width: 98% !important;
}

.skema-purple-element {
         border: 1px solid #bbb;
         padding: 2px;
         margin: 2px;
         
         display: box;
         box-pack: start;
         box-orient: vertical;
         box-align: start;
         box-sizing: border-box;
         
         display: -webkit-box;
         -webkit-box-pack: start;
         -webkit-box-align: start;
         -webkit-box-orient: vertical;
         -webkit-box-sizing: border-box;
         
         background: -linear-gradient(top, #fefcff, #CC66FF);
         
         /* Safari 4-5, Chrome 1-9 */
         background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefcff), to(#CC66FF));

         /* Safari 5.1, Chrome 10+ */
         background: -webkit-linear-gradient(top, #fefcff, #CC66FF);

         /* Firefox 3.6+ */
         background: -moz-linear-gradient(top, #fefcff, #CC66FF);

         /* Opera 11.10+ */
         background: -o-linear-gradient(top, #fefcff, #CC66FF);
         
         /* IE 10 */
         background: -ms-linear-gradient(top, #fefcff, #CC66FF);
         /* IE 8, 9 */
         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefcff', endColorstr='#CC66FF' )";
         /* IE <= 7 */
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefcff', endColorstr='#CC66FF' );
        width: 98% !important;
}

.ugeskema-lightgreen-element {
         border: 1px solid #bbb;  
         padding: 2px;
         margin: 2px;
         display: box;
         box-pack: start;
         box-orient: vertical;
         box-align: start;
         box-sizing: border-box;
         display: -webkit-box;
         -webkit-box-pack: start;
         -webkit-box-align: start;
         -webkit-box-orient: vertical;
         -webkit-box-sizing: border-box;
        background: #ebf2df; /* Old browsers */
        background: -moz-linear-gradient(top, #ebf2df 0%, #aec294 18px, #c4ccce 19px, #f7faf2 20px, #f7faf2 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ebf2df 0%,#aec294 18px,#c4ccce 19px,#f7faf2 20px,#f7faf2 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ebf2df 0%,#aec294 18px,#c4ccce 19px,#f7faf2 20px,#f7faf2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf2df', endColorstr='#f7faf2',GradientType=0 ); /* IE6-9 */
        width: 99% !important;
}

.ugeskema-skemabrik-element .v-button-caption {
	line-height: 1.5 !important;
}	

.ugeskema-skemabrik-element .v-label-small {
	font-size: 11px;
	line-height: 1.1 !important;
	white-space: nowrap;
}
	
.ugeskema-skemabrik-element .v-button-caption {
	line-height: 1.5 !important;
}	

.ugeskema-skemabrik-element .v-label-small {
	font-size: 11px;
	line-height: 1.1 !important;
	white-space: nowrap;
}

.ugeskema-skemabrik-element .v-button-link .v-button-caption{
  line-height: 1.4; /*ULB*/
}

.ugeskema-skemaskabelon-element .v-button-caption {
	line-height: 1.5 !important;
}

.ugeskema-skemaskabelon-element .v-label-small {
	font-size: 11px;
	line-height: 1.1 !important;
	white-space: nowrap;
}

.ugeskema-skemaskabelon-element .v-button-caption {
	line-height: 1.5 !important;
}

.ugeskema-skemaskabelon-element .v-label-small {
	font-size: 11px;
	line-height: 1.1 !important;
	white-space: nowrap;
}

.ugeskema-skemaskabelon-element .v-button-link .v-button-caption{
	line-height: 1.4; /*ULB*/
}

.ugeskema-skemabrik-element img[src*=lektier], .ugeskema-aendret-lektion-element img[src*=lektier], .ugeskema-aflyst-lektion-element img[src*=lektier]{ /*Flytter lektier-ikonet i skemabrikken en anelse op */
position: relative;
top: -2px;
}

.ugeskema-skemabrik-element img[src*=plus], .ugeskema-aendret-lektion-element img[src*=plus], .ugeskema-aflyst-lektion-element img[src*=plus]{ /*Flytter plus-ikonet i skemabrikken en anelse op */
position: relative;
top: -3px;
}

.ugeskema-skemabrik-element img[src*=minus], .ugeskema-aendret-lektion-element img[src*=minus], .ugeskema-aflyst-lektion-element img[src*=minus]{ /*Flytter minus-ikonet i skemabrikken en anelse op */
position: relative;
top: -3px;
}

.ugeskema-skemabrik-element img[src*=check], .ugeskema-aendret-lektion-element img[src*=check], .ugeskema-aflyst-lektion-element img[src*=check]{ /*Flytter check-ikonet i skemabrikken en anelse op */
position: relative;
top: -3px;
}

.ugeskema-skemabrik-element img[src*=note], .ugeskema-aendret-lektion-element img[src*=note], .ugeskema-aflyst-lektion-element img[src*=note]{ /*Flytter note-ikonet i skemabrikken en anelse op */
position: relative;
top: -3px;
}

.ugeskema-skemabrik-element img[src*=lektierIcon], .ugeskema-aendret-lektion-element img[src*=lektierIcon], .ugeskema-aflyst-lektion-element img[src*=lektierIcon]{ /*Flytter lektier-ikonet i skemabrikken en anelse op */
position: relative;
top: -1px;
}

.ugeskema-skemabrik-element img[src*=Dok], .ugeskema-aendret-lektion-element img[src*=Dok], .ugeskema-aflyst-lektion-element img[src*=Dok]{ /*Flytter Dokument-ikonet i skemabrikken en anelse op */
position: relative;
top: -2px;
}

.ugeskema-skemabrik-element img[src*=mobile-phone], .ugeskema-aendret-lektion-element img[src*=mobile-phone], .ugeskema-aflyst-lektion-element img[src*=mobile-phone]{ /*Flytter mobiltelefon-ikonet i skemabrikken en anelse op */
position: relative;
top: -1px;
}


.ugeskema-element-timelabel {
	font-size: x-small;
}

.skema-baggrund {
	background: #e8e8e8;
}

.skema-seperator {
	background: #000000;
}

.skema-baggrund-alternate {
	background: #f0f0f0;
}

.white-background {
	background-color: white;
}

.ugeskema-aflyst-lektion-element .v-label {
  text-decoration: line-through;
}

.ugeskema-aflyst-lektion-element .v-label-small {
  text-decoration: none;
}

.ugeskema-aflyst-lektion-element .v-label-strikethrough {
  text-decoration: line-through;
}

.ugeskema-aflyst-lektion-element .v-button-link .v-button-caption {
  text-decoration: line-through;
} 

.ugeskema-aendret-lektion-element .v-label {
  font-style: italic;  
  width: 110%;
}

.ugeskema-aendret-lektion-element .v-label-small {
  width: 100%;
  font-style: normal;
}

.ugeskema-aendret-lektion-element .v-button-link .v-button-caption {
  font-style: italic;  
}

.ugeskema-aendret-lektion-element .v-button-wrap {
  width: 110%;
}

/* visualize the grid cells */
.v-gridlayout-showborder div {
	background-color: #fff;
}

.v-gridlayout-showborder div div div {
	background-color: #eee;
}

/* Grid with grid! */
.v-gridlayout-gridborder {
 border: 1px solid #babfc0;
}

.v-gridlayout-gridborder-div > div {
 border: 1px solid #babfc0;
}

/* Enable multi-line table headers with <br /> tag. */
.v-table-multirowheaders .v-table-header {
	height: auto;
}

.v-table-multirowheaders .v-table-header-wrap {
	height: auto;
	background: url("images/tableHeaderImageSnippet.png") repeat scroll left
		-925px transparent;
	/** Images is captured from original header column to have the same color*/
}

.v-table-multirowheaders .v-table-caption-container {
	height: auto;
}
/* End enable multi-line header wrap */

/* RichTextArea */
.v-richtextarea-noborder {
        border: none;
}



/* Table rows contain two-row components. */
.v-table-doubleheightrows .v-table-cell-content {
    height: 46px;
}

.v-table-cell-content-vismuligheder .v-customcomponent {
    text-align: center;
    line-height: 24px;
}

.v-table-cell-content-datefield .v-table-cell-wrapper {
	line-height: 27px;
}

.v-table-cell-content-datefield .v-table-cell-wrapper .v-datefield .v-datefield-textfield {
    width: 70px;
}

.v-datefield-popupcalendar {
    height: 23px;
}

.v-upload-bordernone .v-button .v-button-wrap
{
    border: none;
    background: transparent;
    box-shadow:none;
  	text-decoration: none; /*ULB*/
    color: #000;/*ULB*/                                                
    margin-left: 8px; /*ULB* Så aligner upload menupunktet med de andre menupunkter*/
	font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, sans-serif;/*ULB*/
    font-size: 12px; /*ULB*/     
}

.v-upload-immediate input {
cursor: pointer;
}

/* DragAndDrop */
.v-ddwrapper {
	padding: 0px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	-ms-touch-action: none;
	touch-action: none;
}

.v-ddwrapper-over, .v-ddwrapper-over-top, .v-ddwrapper-over-bottom {
	border: 0px solid #1d9dff !important;
	background-color: none !important; //#bcdcff;
	padding: 0px !important;
}

/* custom kalender icon */
.v-datefield-button {
    background: transparent url(../ludus/icons/open-button.png) no-repeat right 0;
}

.v-inline-datefield-button {
	background: transparent url(../ludus/icons/open-button.png) no-repeat right 0;
}
/* custom error icon */
.v-errorindicator {
	background: transparent url(../ludus/icons/error.png) no-repeat top right;
}
.v-formlayout-cell .v-errorindicator {
	background: transparent url(../ludus/icons/error.png) no-repeat top right;
}
.v-form-errormessage {
	background: transparent url(../ludus/icons/error.png) no-repeat top left;
}
.v-panel-caption .v-errorindicator {
	background: transparent url(../ludus/icons/error.png) no-repeat bottom center;
}

/* Elevforløb - Skoleforløb, grafisk visning*/

.periode-oversigt-header-top-left, .periode-oversigt-header-top, .periode-oversigt-header-left {   /*ULB: Kolonneoverskrifter med måneder og rækkeoverskrifter med årstal */
  background: transparent;  
	border: 1px solid LightGrey;
  border-left: none;
 	box-sizing: border-box;
 	margin: 0px;
 	padding: 0px 0px 0px 0px;  
}

.periode-oversigt-header-top-left, .periode-oversigt-header-left {
	border-left: 1px solid LightGrey;
}

.periode-oversigt-content {
	background: transparent;      
 	border: 1px solid LightGrey;
	border-top: none;
 	border-left: none;
 	box-sizing: border-box;
 	margin: 0px;
 	padding: 0px 0px 0px 0px;
}

.periode-oversigt-periode-rounded-all, .periode-oversigt-periode-rounded-right, .periode-oversigt-periode-rounded-left, .periode-oversigt-periode-rounded-none {
	background: #B0DFFD;
	border: 1px solid #7DADCA;
  box-sizing: border-box;
 	margin: 0px;
 	padding: 0px 0px 0px 0px;
 	opacity: 0.75;
 	cursor: pointer;
 	z-index: 2;
} 

.periode-oversigt-periode-rounded-left, .periode-oversigt-skolepraktik-rounded-left, .periode-oversigt-udlån-rounded-left, .periode-oversigt-skolepraktik-VFP-DEL-rounded-left{	
	border-radius: 5px 0px 0px 5px;
}

.periode-oversigt-periode-rounded-right, .periode-oversigt-skolepraktik-rounded-right, .periode-oversigt-udlån-rounded-right, .periode-oversigt-skolepraktik-VFP-DEL-rounded-right{	
	border-radius: 0px 5px 5px 0px;
}

.periode-oversigt-periode-rounded-none, .periode-oversigt-skolepraktik-rounded-none, .periode-oversigt-udlån-rounded-none, .periode-oversigt-skolepraktik-VFP-DEL-rounded-none{
	border-radius: 0px;
}

.periode-oversigt-periode-rounded-all, .periode-oversigt-skolepraktik-rounded-all, .periode-oversigt-udlån-rounded-all, .periode-oversigt-skolepraktik-VFP-DEL-rounded-all{
 	border-radius: 5px;
}

.periode-oversigt-periode-label, .periode-oversigt-skolepraktik-label, .periode-oversigt-udlån-label, .periode-oversigt-skolepraktik-VFP-DEL-label{
 	cursor: pointer;
  font-family: "Trebuchet MS", geneva, helvetica, tahoma, sans-serif;
  color: #000;
  font-weight: bold;
}

.periode-oversigt-closed-periode-rounded-none {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQYV2NkQAJnzpz5zwjjgzgmJiaMYAEYB8RmROaABAD4hQ9oQLNSJQAAAABJRU5ErkJggg==) repeat;
  border-color: #ddd;    
  opacity: 1;
  cursor: default;
}

.periode-oversigt-periode-selected {
	background: #96C5E2;
  border-color: #5D90AF;
  border-style: inset;   
  border-width: 1px;
}

.periode-oversigt-skolepraktik-rounded-all, .periode-oversigt-skolepraktik-rounded-right, .periode-oversigt-skolepraktik-rounded-left, .periode-oversigt-skolepraktik-rounded-none {
	background: #a9e5ba;
	border: 1px solid #8dd9a3;
  box-sizing: border-box;
 	margin: 0px;
 	padding: 0px 0px 0px 0px;
 	opacity: 0.75;
 	cursor: pointer;
 	z-index: 1;
} 

.periode-oversigt-udlån-rounded-all, .periode-oversigt-udlån-rounded-right, .periode-oversigt-udlån-rounded-left, .periode-oversigt-udlån-rounded-none {
	 background: #FBFBB7;
	border: 1px solid #e2e385;
  box-sizing: border-box;
 	margin: 0px;
 	padding: 0px 0px 0px 0px;
 	opacity: 0.75;
 	cursor: pointer;
 	z-index: 1;
} 

.periode-oversigt-udlån-selected {
	background: #dfdf96;
  border-color: #d0d084;
  border-style: inset;   
  border-width: 1px;                  
}

.periode-oversigt-skolepraktik-selected {
	background: #8cdba2;
  border-color: #74cc8d;
  border-style: inset;   
  border-width: 1px;                  
}

.periode-oversigt-skolepraktik-VFP-DEL-rounded-all, .periode-oversigt-skolepraktik-VFP-DEL-rounded-right, .periode-oversigt-skolepraktik-VFP-DEL-rounded-left, .periode-oversigt-skolepraktik-VFP-DEL-rounded-none {
	background: #8ed1a1;
	border: 1px solid #79bd8c;
  box-sizing: border-box;
 	margin: 0px;
 	padding: 0px 0px 0px 0px;
 	opacity: 0.75;
 	cursor: pointer;
 	z-index: 2;
} 

.periode-oversigt-skolepraktik-VFP-DEL-selected {
	background: #76c48c;
  border-color: #68b37d;
  border-style: inset;   
  border-width: 1px;                  
}

/*ULB*/        ///////////////////////////////////////////////////////////////////////////////////////////

.v-window {
	color: #000;
}

.v-window-wrap {
    background: transparent;
}

.v-window-header {
	font-size: 14px;           /*ULB: Før 18px*/
	font-weight: bold;         /*ULB*/
	letter-spacing: 0em;       /*ULB*/
  margin-top: 4px;           /*ULB*/
	color: #0070a8;            /*ULB*/
	text-shadow: none;         /*ULB*/
}

.layout-left-align-captions .v-formlayout-captioncell {
	text-align: left;
}

.layout-right-align-captions .v-formlayout-captioncell {
	text-align: right;
}

.light-grey-background{
	background:#f1f3f3;
}

.light-tinted-grey-background{
	background:#f7f7f7;
}

.light-grey-border-bottom{
	border-bottom: 1px solid #ddd;
}

.light-grey-border{
	border: 1px solid #ddd;
}

.grey-border{
	border: 1px solid #bbb;
}

.v-window div.v-window-footer {
    height: 8px;
    margin-left: 0px;
    overflow: visible;
    border-right: 2px solid #babfc0;
    border-bottom: 2px solid #babfc0;
    border-left: 2px solid #babfc0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background: #f1f3f3;
}

.v-window-outerheader {
    height: 49px;
    margin-left: 0px;
    padding: 15px 61px 11px 12px;
    border-right: 2px solid #babfc0;
    border-top: 2px solid #babfc0;
    border-left: 2px solid #babfc0;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    background: #f1f3f3;
    border-bottom: 1px solid #b6bbbc;
}

.v-button {
	color: #000;
}

.v-button .v-icon {
    vertical-align: middle;
    margin-right: 0px;
    margin-left: 5px;
    border: none;
}

.v-button-wrap, .v-button-caption { /*Rigtige knapper*/
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", geneva, helvetica, arial, tahoma, sans-serif;
	color: #000; 
  vertical-align: unset;
  text-shadow: none;     
  padding: 0px 5px 0px 5px; /*ULB*/
  line-height: 22px;    
}

.v-button-small .v-button-caption { /*Rigtige, mindre knapper*/
	color: #000; 
  vertical-align: unset;
  text-shadow: none;     
  padding: 0px 5px 0px 5px;
  line-height: 16px;    
}

.v-button-medium .v-button-caption { /*Rigtige, lidt mindre knapper*/
    color: #000;
  vertical-align: unset;
  text-shadow: none;
  padding: 0px 5px 0px 5px;
  line-height: 20px;
}

.v-button-wrap .v-button-caption{ /*ULB: Flytter knap-label 1 pixel ned */
position: relative;
top: 1px;
}

.v-button-link .v-button-caption{ /*ULB: S�rger for, at link-knap-label ikke p�virkes af den forrige style */
position: relative;
top: 0px;
}

.skemabrik-small-link.v-button-link .v-button-caption { /*ULB*/
  font-size: 11.31px;
  line-height: 1.4em;    
} 

.skemabrik-ikon.v-button-link .v-icon {                 /*ULB*/
  position: relative;
  top: -3px;
  margin-left: 0px;
  margin-right: 2px;  
} 

.v-button-link .v-button-caption {
	text-decoration: underline;
	color: #000;
	text-align: left;
  line-height: 18px; /*ULB: Ellers hænger disse knap-links under den anden tekst i tabellen */
  padding: 0px 0px; /*ULB*/    
} 

.v-button-link:focus {
	outline: 1px dotted #5daee8; /*ULB*/   
}

.v-button .v-button-wrap, .v-disabled.v-button .v-button-wrap {
	-webkit-border-radius: 3px; /*ULB*/
	-moz-border-radius: 3px; /*ULB*/
	border-radius: 3px; /*ULB*/
	padding: 0px 0px; /*ULB*/
	font-size: 13px;
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
	border-color: #bdc1c2;
	background: none;
	background-image: linear-gradient(to bottom,#fff 2%, #efefef 98%);
}

.v-button-link .v-button-wrap {
	box-shadow: none;
	background: none;
	background-color: none;
	background-image: none;
}

.v-filterselect { /*ULB*/
  box-shadow: inset 0 3px 5px -5px rgba(0,0,0,0.75)!important;
  border-left: 1px solid #b6b6b6!important;
  border-top: 1px solid #9d9d9d !important;
  border-right: 1px solid #d6d6d6 !important;
	border-bottom: 1px solid #d6d6d6 !important; 
  background-image: none;
  background: white;  
  height: 22px;
}

.v-filterselect-input {  /*ULB*/
  background-image: none !important;   
}

.v-filterselect-button {  /*ULB*/
  background-image: url("../ludus/icons/combobox_arrow.png");  
}       
               
.v-filterselect.v-readonly { /*ULB: Synlige disablede felter, med grå ramme, runde hjørner og lysegrå baggrund */
	background: rgb(245,245,245); 
	border: 1px solid #d6d6d6!important;
  box-shadow: none !important;   
	padding-left: 4px;
	padding-right: 25px;
  border: 1px solid #ddd;
}

.v-filterselect-small { /*SVI*/
  box-shadow: inset 0 3px 5px -5px rgba(0,0,0,0.75)!important;
  border-left: 1px solid #b6b6b6!important;
  border-top: 1px solid #9d9d9d !important;
  border-right: 1px solid #d6d6d6 !important;
	border-bottom: 1px solid #d6d6d6 !important; 
  background-image: none;
  background: white;  
}

.v-filterselect-small .v-filterselect-input { /*SVI*/
  background-image: none !important;   
}

.v-filterselect-small .v-filterselect-button { /*SVI*/
  background-image: url("../ludus/icons/combobox_arrow.png");  
}       

.v-app .v-filterselect .v-filterselect-input, .v-window .v-filterselect .v-filterselect-input, .v-popupview-popup .v-filterselect .v-filterselect-input { /*ULB*/
	font-size: 12px;
}

.textfield-readonly, input.v-textfield-readonly, textarea.v-textarea-readonly {
	background: rgb(245,245,245);
	border: 1px solid #dedede!important;
  box-shadow: none !important;
	margin: 0;
	line-height: 14px;
	padding: 2px;
	font-size: 13px;
  opacity: 1 !important;
}

.textarea.v-textarea-readonly-white {
	background: rgb(255,255,255)!important;
	border: 1px solid #dedede!important;
	margin: 0;
	line-height: 14px;
	padding: 2px;
	font-size: 13px;
  opacity: 1 !important;
}

.v-app {
	background: #f7f7f7;     
	color: #000;  
}

.v-app, .v-window, .v-popupview-popup, .v-tooltip, .v-app input, .v-app select, .v-app button, .v-app textarea, .v-window input, .v-window select, .v-window button, .v-window textarea, .v-popupview-popup input, .v-popupview-popup select, .v-popupview-popup button, .v-popupview-popup textarea, .v-filterselect-suggestpopup, .v-datefield-popup, .v-contextmenu, .v-menubar-submenu, .v-drag-element {
	font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, sans-serif;  /*ULB - Står det allerede i legacy*/
	color: #000;
}

.v-disabled { /*ULB*/
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: default;
}

.v-checkbox-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}

.v-disabled.v-button {
  color: #aaa;
  opacity: 0.5;
	filter: alpha(opacity=50);
}

input.v-textfield-prompt, textarea.v-textarea-prompt { /*ULB */
	color: #888;
	font-style: italic;
}

/*//ULB*/

.indent.v-slot {
margin-left: 10px;
}

.v-popupview:hover {
	color: #808080;
}

.v-popupview:active {
	color: #808080;
}

.v-popupview-popup {
	border-bottom: 1px solid #babfc0;  /*ULB: Tydeligere bottom border på dropdownmenu*/
}

.v-datefield-popup {
	color: #000;  
}

/* custom kalender icon */
.v-datefield-button {
    background: transparent url(../ludus/icons/open-button.png) no-repeat right 0;
}

.v-inline-datefield-button {
	background: transparent url(../ludus/icons/open-button.png) no-repeat right 0;
}

.v-inline-datefield-button disabled {
	opacity: 0.2;
}  

.v-inline-datefield-popup {
	color: #000;  
}

.v-menubar-submenu {
	background: none; 
  background-color: #fff;  
	color: #000;
}         

/* Notifications - Meddelelser */

.v-Notification {
	background: #999;
	color: #fff;
	cursor: pointer;
	overflow: hidden;
	padding: 1em;
	max-width: 85%;
	opacity: 1;
	filter: alpha(opacity=10);
}

.v-Notification {
	background-color: #f7f7f7;
	color: #000;
	padding-left: 70px;
  padding-top: 22px; 
  padding-right: 40px;
  padding-bottom: 10px;
  min-height: 60px;
  min-width: 300px;
	max-width: 400px;    
}

.v-Notification-caption {
  font-size: 16px;
}

.v-Notification-caption:empty {
  display: none;
  
}

.v-Notification-description {
  font-size: 16px;
}

.v-Notification-warning {
	background-color: #f9f9f9;
  background-image: 
  url(../ludus/icons/information_message.png),
  url(../ludus/icons/close-error.png);
  background-position: 10px 25px, top right; 
  background-repeat: no-repeat,no-repeat; 
  padding-right: 30px; 
	border: 2px solid #bbb;
}

.v-Notification-humanized {
	background-color: #f9f9f9;
  background-image: 
  url(../ludus/icons/information_message.png),
  url(../ludus/icons/close-error.png);
  background-position: 10px 25px, top right; 
  background-repeat: no-repeat,no-repeat; 
  padding-right: 30px; 
	border: 2px solid #bbb;
}

.v-Notification-error {
	background-color: #f9f9f9;
  background-image: 
  url(../ludus/icons/error_errormessage.png),
  url(../ludus/icons/close-error.png);
  background-position: 10px 25px, top right; 
  background-repeat: no-repeat,no-repeat; 
  padding-right: 30px; 
	border: 2px solid #bbb;  
}

.v-Notification-error:after {
  content: "\A Tryk på Escape for at lukke meddelelsen.";
  font-size: 11px;
  white-space: pre;
  position: static;
  left: 10px; 
}

.v-Notification-system {
	background-color: #f9f9f9;
  background-image: 
  url(../ludus/icons/error_errormessage.png),
  url(../ludus/icons/close-error.png);
  background-position: 10px 25px, top right; 
  background-repeat: no-repeat,no-repeat; 
  padding-right: 30px; 
	border: 2px solid #bbb;
  margin-top: 150px !important;
}

/* ==================== */ 

.v-table-scrollposition span {
	color: #000; 
	font-size: 13px;
}


/* ====== Faneblade ===========================*/

.v-tabsheet-tabs-light .v-tabsheet-spacertd div {
	height: 30px;   /*ULB 31px */  /*Ellers er tab-spaceren en pixel for høj */ 
}

.v-tabsheet-tabs-light .v-tabsheet-tabitem-selected {
	background: transparent url(../runo/tabsheet/img/inline-tab-right.png) no-repeat right top;
}

.v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-caption {
	background: transparent url(../runo/tabsheet/img/inline-tab-left.png) no-repeat -3px 0;
}

.v-tabsheet-tabs-light .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected .v-caption {
	background: transparent url(../runo/tabsheet/img/inline-tab-left-first.png) no-repeat -2px 0;
	padding-left: 16px;
}

.v-tabsheet-tabs-light .v-tabsheet-tabitem {
  color: #4b5257;
	text-shadow: none;
}

.v-tabsheet-tabitem:hover {
	color: #000;
}

.v-tabsheet-tabitem-selected:hover {
	color: #000;
}

.v-tabsheet-tabitem-selected.v-tabsheet-tabitem-focus .v-captiontext {
	text-decoration: none;
  color: #000;
}  

.v-tabsheet-tabs-light .v-tabsheet-tabitem:hover {
	color: #000;
}

/* ====== /Faneblade ===========================*/


/* === Skolens navn b.la. ===*/
.v-label-h1, .v-label h1 { 
	font-size: 22px;
	letter-spacing: 0em;                                                                         
	color: #0070a8;  /* ULB */
}
/* === /Skolens navn ===*/

.v-label-h2, .v-label h2 {
	color: #0070a8;  /* ULB */
	font-size: 18px;
	text-shadow: 0 1px 1px #fff; /*ULB*/  
}

.v-label-h3, .v-label h3 {  /*ULB*/
	margin: 0;
	padding: 9px 0 6px;
	font-size: 18px;
	letter-spacing: 0em;                                                                         
	color: #0070a8;
}
               
.v-table-caption-container {
	color: #000; /* ULB #393a3c */ 
  text-shadow: none;
}

.v-table-table { /* TJEK DENNE!*/
	font-size: 13px;
}

.v-contextmenu {
	background-color: #FAFAFA;
	color: #000;
}

/* Combo box =============*/

.v-filterselect-suggestpopup {
	background: #fff;
	color: #000;
}

.v-filterselect-suggestmenu .gwt-MenuItem-selected {
	background: #ddd;
	color: #000;
}

/* /Combo box =============*/


/* Kalender ===============*/
.v-datefield-popup {
	color: #000;
}

.v-datefield-calendarpanel strong {
	color: #192764;
}

/* /Kalender ===============*/

/* Tooltip ==================*/
.v-tooltip {
  background-color: transparent; /*skjuler den originale tooltip-boks */
	border: 0px;
	box-shadow: none;  
}

.v-tooltip-text { /*Tooltips vises nu 15 px længere nede */
	background-color: #fffcdd;
	border: 1px solid #b8b295;
	border-top-color: #d5d2c1;
	border-left-color: #d5d2c1;
	padding: 2px 4px;
	font-size: 12px;
	line-height: 14px;  
	color: #000;
	border-top: 1px solid #d5d2c1;
	border-bottom: 1px solid #d5d2c1;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);    
  position: relative;
  top: 15px;                /*Tooltips vises nu 15 px længere nede */
}
/* /Tooltip ==================*/

.v-expand{
  padding-left: 0px;
}
          

/* Loading indication ===============*/ /* Flyttes fra højre hjørne til midten, og den skifter ikke længere farve */       

.v-loading-indicator, .v-loading-indicator-delay, .v-loading-indicator-wait {
  background: transparent url(../base/common/img/ajax-loader-big.gif);
  width: 100%;  
  height: 100%;  
  margin: 0;  
  background-position: 50%;  
  background-repeat: no-repeat;  
  background-attachment: fixed;   
}

.v-loading-indicator-delay {
	background: transparent url(../base/common/img/ajax-loader-big.gif);
  width: 100%;  
  height: 100%;  
  margin: 0;  
  background-position: 50%;  
  background-repeat: no-repeat;  
  background-attachment: fixed;  
}

.v-loading-indicator-wait {
	background: transparent url(../base/common/img/ajax-loader-big.gif);
  width: 100%;  
  height: 100%;  
  margin: 0;  
  background-position: 50%;  
  background-repeat: no-repeat;  
  background-attachment: fixed;
}


/* Ordered layout ==============================*/

.v-orderedlayout-margin-top, .v-horizontallayout-margin-top, .v-verticallayout-margin-top, .v-csslayout-margin-top, .v-layout.v-margin-top {
	padding-top: 5px;
}

.v-orderedlayout-margin-right, .v-horizontallayout-margin-right, .v-verticallayout-margin-right, .v-csslayout-margin-right, .v-layout.v-margin-right {
	padding-right: 5px;
}

.v-orderedlayout-margin-bottom, .v-horizontallayout-margin-bottom, .v-verticallayout-margin-bottom, .v-csslayout-margin-bottom, .v-layout.v-margin-bottom {
	padding-bottom: 5px;
}

.v-orderedlayout-margin-left, .v-horizontallayout-margin-left, .v-verticallayout-margin-left, .v-csslayout-margin-left, .v-layout.v-margin-left {
	padding-left: 5px;
}

/* Gridlayout ==============================*/

.v-gridlayout-margin-top {
	padding-top: 5px;
}

.v-gridlayout-margin-bottom {
	padding-bottom: 5px;
}

.v-gridlayout-margin-left {
	padding-left: 5px;
}

.v-gridlayout-margin-right {
	padding-right: 5px;
}


/* Formlayout ==============================*/

.v-formlayout-margin-top {
	padding-top: 5px;
}

.v-formlayout-margin-bottom {
	padding-bottom: 5px;
}

.v-formlayout-margin-left {
	padding-left: 5px;
}

.v-formlayout-margin-right {
	padding-right: 5px;
}

.v-formlayout-spacing > tbody > .v-formlayout-row > .v-formlayout-captioncell, .v-formlayout-spacing > tbody > .v-formlayout-row > .v-formlayout-contentcell, .v-formlayout-spacing > tbody > .v-formlayout-row > .v-formlayout-errorcell {
	padding-top: 2px;
}

.v-formlayout-margin-top > tbody > .v-formlayout-firstrow > .v-formlayout-captioncell, .v-formlayout-margin-top > tbody > .v-formlayout-firstrow > .v-formlayout-contentcell, .v-formlayout-margin-top > tbody > .v-formlayout-firstrow > .v-formlayout-errorcell {
	padding-top: 5px;
}

.v-formlayout-margin-bottom > tbody > .v-formlayout-lastrow > .v-formlayout-captioncell, .v-formlayout-margin-bottom > tbody > .v-formlayout-lastrow > .v-formlayout-contentcell, .v-formlayout-margin-bottom > tbody > .v-formlayout-lastrow > .v-formlayout-errorcell {
	padding-bottom: 5px;
}

.v-formlayout-margin-left > tbody > .v-formlayout-row > .v-formlayout-captioncell {
	padding-left: 5px;
}

.v-formlayout-margin-right > tbody > .v-formlayout-row > .v-formlayout-contentcell {
	padding-right: 5px;
}

/* Klippekort */

.layout-klippekort-modul-groen, .layout-klippekort-modul-blaa, .layout-klippekort-modul-roed, .layout-klippekort-modul-graa, .layout-klippekort-klip-brugt {
  border: 1px solid #999;
  border-radius: 5px; 
}

.layout-klippekort-modul-groen {
  background: #CFDCBC;
}

.layout-klippekort-modul-blaa {
  background: #B0DFFD;  
}

.layout-klippekort-modul-roed {
  background: #FFCBCB;
}

.layout-klippekort-modul-graa {
  background: #eee;
}

.layout-klippekort-modul-stiplet-ramme {
  border: 1px dashed #999;
  border-radius: 5px;
  background: #eee;  
}

.layout-klippekort-klip-brugt {
  background: #DBE2E5;
}

.layout-klippekort-modul-standby, .layout-klippekort-klip-ubrugt {
  border: 1px dashed #999;
  border-radius: 5px;
  background: #eee;
}

.v-tooltip-text > pre {
    font: inherit;
    white-space: pre-wrap;    
}

.v-label
{
   white-space: normal;
}

.v-splitpanel-first-container-splitpanel-first-cotainer-no-scrollbar {
	overflow: hidden;
}

.fraværsregistrering-grøn .v-label, .fraværsregistrering-gul .v-label, .fraværsregistrering-rød .v-label {
  margin-left: 0px !important;
}

.fraværsregistrering-grøn h3, .fraværsregistrering-gul h3, .fraværsregistrering-rød h3 {
  padding-left: 2px !important;
}

*:focus {
  outline: none;
}

.v-filterselect-focus {
	outline: none !important;
}

.tilmelding-count-label {
	margin-left: 30px;
}

.ludusReadOnlyYellow {
	background: lightyellow !important;
}
.ludusReadOnlyFilterYellow {
	background: lightyellow !important;
}

.v-treegrid {
	border: 1px solid #B6BBBC;
	background: white;
}

.v-treegrid-header {
	background: #e7e9ea !important;
	background: -moz-linear-gradient(top, #F5F5F5 0%, #E7E9EA 100%)!important;
	background: -webkit-linear-gradient(top, #F5F5F5 0%,#E7E9EA 100%)!important;
	background: linear-gradient(to bottom, #F5F5F5 0%,#E7E9EA 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#E7E9EA',GradientType=0 );
	border: 1px solid #b6bbbc;
	/*width: 100%;*/
}

table[role=treegrid]{
	display: table;
	border-collapse: separate;
	box-sizing: border-box;
	text-indent: initial;
	border-spacing: 2px;
	border-color: gray;
}

.v-treegrid-column-resize-handle {
	width: 4px;
	height: 22px;
	background: transparent url(../runo/table/img/resizer-bg.png) repeat-y 100% 50%;
	display: inline-block;
	float: right;
	position: relative;
	right: -3px;
	top: -2px;
	cursor: col-resize;
}

.v-treegrid-body {
	background: #ffffff;

}

.v-treegrid-header {
	transform: none !important;
}

.v-treegrid-row {
	transform: none !important;
}

.v-treegrid-header[role=rowgroup] {
	border: none;
	border-bottom: 1px solid #B6BBBC;
	display: table-caption;
	height: 22px; /*HER*/
}

.v-treegrid-column-header-content {
	font-weight: normal;
	/*margin-left: 4px;*/
	display: inline-block;
}

.v-treegrid-cell {
	line-height: 18px;
	padding-left: 4px;
}

.v-treegrid-cell[role=columnheader] {
	white-space: nowrap;
}

.v-treegrid-cell-content {
	display: inline;
}

.v-treegrid-cell.sort-desc{
	background: transparent url(../runo/table/img/sort-desc.png) no-repeat right 50%;

}

.v-treegrid-cell.sort-asc{
	background: transparent url(../runo/table/img/sort-asc.png) no-repeat right 50%;

}

.v-treegrid-expander.collapsed {
	background: url(../base/treetable/img/arrow-right.png) right top no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	position: relative;
	top: 5px;
}

.v-treegrid-expander.expanded {
	background: url(../base/treetable/img/arrow-down.png) right top no-repeat !important;
	display: inline-block;
	width: 16px;
	height: 16px;
	position: relative;
	top: 5px;
}

.v-treegrid-row-stripe{
	background: #F6F7F7;
}

input[type=checkbox]:focus{
	border-radius: 2pt;
	box-shadow: 0 0 0 1pt #57A7ED;
	outline-color: transparent;
}