/* icons *************************************************************/

@import url(//weloveiconfonts.com/api/?family=entypo|fontawesome);
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}
[class*="entypo-"], [class*="fontawesome-"] {
    text-decoration: none;
}

/*************************************************************/

/* colors */
.bg-color-deepRed {
    background-color: #b42626;
}
.bg-color-red {
    background-color: #ed2525;
}
.bg-color-orange {
    background-color: #f38500;
}
.bg-color-darkBlue {
    background-color: #21406c;
}
.bg-color-green {
    background-color: #408246;
}
.bg-color-lightGreen {
    background-color: #91c78f;
}
.bg-color-yellow {
    background-color: #f3cd1e;
}
.bg-color-lightGrey {
    background-color: #E5E5E5;
}

.color-linkBlue{
    color: #0066cc !important;
}

.color-deepRed {
    color: #b42626;
}
.color-white {
    color: #FFF;
}
.color-red {
    color: #ed2525;
}
.color-orange {
    color: #f38500;
}
.color-darkBlue {
    color: #21406c !important;
}
.color-green {
    color: #408246;
}
.color-lightGreen {
    color: #91c78f;
}
.color-yellow {
    color: #f3cd1e;
}
.color-grey {
    color: #696969;
}
.color-lightGrey {
    color: #e5e5e5;
}
.calRow .color-lightGrey {
    color: #999;
}



 /** Main styles *******************************/
html, body { height: 100%; margin: 0px; padding: 0px; }
body  { background: #f0f3f5 url(/Content/Images/mainbg.jpg) center center; } 
img { border: 0; }
table { border-collapse: collapse; }
td { vertical-align:top; }
td a { text-decoration: none; color: #0066cc; }
td a:hover { text-decoration: underline; }
td form { display: inline; }
a.nostyle {
    text-decoration: none;
}

.fullWidth {
    width: 100%;
    display: block;
    float: left;
    overflow: auto;
}
full-width {
    width: 100%;
}
.aoDescription {
    white-space: pre-line;
    line-height: 1.2;
    width: 100%;
}

.hidden {
    display: none;
}

a.fa{
    text-decoration: none;
}
.fa.link{
    cursor: pointer;
}


/** Float layout ******************************/
.AlignRight { text-align: right; }
.FloatRight { float: right; overflow: visible; }
.FloatLeft  { float: left; overflow: visible; }
.Clear      { float: none; display:block; clear: both; }
.Row
{
    max-width: 1440px;
    min-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    background-color: #ffffff;
    overflow: hidden;
}


/* Forms ***********************/




/** Master layout *******************************/

#RotaBody #ContentRow, #TrainingBody #ContentRow
{
    max-width: 1440px;
    padding: 20px 10px;
    display: block;
    overflow: auto;
    min-height: 90%;
}


/* Delete? */
div .Content
{
    float: left;
    width: 78%;
}

#GreenLine
{
    background-image: url(/Content/Images/TopMenu/GreenLine.png);
    background-repeat: repeat-x;
    height: 8px;
    text-align: right;
}

#GreenLine #Logout
{
    display: block;
    float: right;
    background-image: url(/Content/Images/TopMenu/Logout.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 22px;
    width: 50px;

}

/* Language buttons */
.da-DK-button
{
    width: 22px;
    height: 16px;
    background-image: url(/Content/Images/Icons/da.jpg);
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: 999px;
    margin: 3px 5px;
    cursor:pointer;
    display:block;
    float:right;
}
.en-button
{
    height: 16px;
    width: 22px;
    background-image: url(/Content/Images/Icons/en.jpg);
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: 999px;
    margin: 3px 5px;
    cursor:pointer;
    display:block;
    float:right;
}

/** General styles *************************************/

.RoundedCorners
{
    border-radius: 4px;
}


.FrontpageCenterBox
{
    display:block;
    border: 1px solid #C0C0C0;
    background-color: #F0F0F0;
    padding:10px;
}

#TabbedPageHeader
{
    padding: 24px 24px 0px 24px;
    border-bottom: 1px dashed #C0C0C0;
}

#TabbedPageContent
{
    padding: 24px;
    background-color: #FFFFFF;
    min-height: 650px;
    overflow: visible;
}

.BigBreadText, .BigBreadText input, .BigBreadText td, .BigBreadText th, .BigBreadText div
{
    font-size: 13px;
}

.RedBold
{
    color: #AA0000;
    font-weight: bold;
}

/************************ til pensionsfanen *******************/

.ShowToday div
{
    color: #AA0000;
    font-weight: bold;
}

/**************************************************************/

.AOInputTable td
{
    padding: 5px;
}

.AOInputTable td:first-child
{
    padding: 7px;
}


#TabbedPageHeader h1
{
    float: none;
}


/**** forms **********************************/

.btn-footer
{
    float: left;
    clear: both;
    padding: 10px 0px;
}

.rounded-grey-box, .rounded-white-box
{
	border-color:#cccccc;
	border-style:solid;
	border-width:1px;
	margin: 0px auto 15px auto;
	overflow:hidden;
	padding:20px;
	border-radius:4px;	
}
.rounded-grey-box{background-color:#F0F0F0;}
.rounded-white-box{background-color:#FFFFFF;}

.rounded-grey-box.deactivated, .rounded-white-box.deactivated, .rounded-grey-box.deactivated .header, .rounded-white-box.deactivated .header{
    color: #969696;
    background-color:#F0F0F0;
}
.rounded-grey-box.deactivated .content {
    display: none;
}


.rounded-white-box{background-color:#FFFFFF;}


.rounded-grey-box .header, .rounded-white-box .header {
    margin: -20px;
    background: #F0F0F0;
    padding: 10px 10px 5px 10px;
    overflow: auto;
}
.rounded-grey-box .header h3, .rounded-white-box .header h3 {
    float: left;
    margin: 0;
    font-size: 1.3em;
}

.link-list ol, .link-list ul
{
    margin: 0px; padding: 0px; list-style-type: none;
}	
.link-list a
{
    text-decoration: none;
    line-height: 1.5em;
}

/*********************************************/
/*** Month navigation ************************/
div.timeNavigation img
{
    float: left;
}

div.timeNavigation a {
    margin-right: 8px;
    margin-left: 8px;
}

div.timeNavigation
{
    float: none;
    display: block;
    height: 24px;
    margin-bottom: 10px;
}
div.timeNavigation img
{
   margin-top: 3px;
}


div.timeNavigation div:first-child img
{
    margin-top: 0px;
    margin-right: 10px;
}


/*********************************************/


.UserList li.ClosedUser
{
    background-color: #F6F6F6;
}
.UserList ol, .UserTop ol
{
    margin: 0px; padding: 0px; width: 100%; float: left; list-style-type: none;
}
.UserList li
{
    padding: 10px 0px;
    border-top: 1px solid #DDD;
    float:left;
    clear: both;
    width: 100%;
}
.UserList img, .UserTop img
{
    width: 60px;
    float: left;
    clear: left;
    margin-right: 20px;
}
.UserList h3 a
{
    text-decoration: none;
    color: #408246;
}

img.WhiteFrame5
{
  	padding: 5px;
  	margin-bottom: 10px;
	border: solid 1px #E9E9E9;
	-moz-box-shadow: 1px 1px 5px #CCC;
	-webkit-box-shadow: 1px 1px 5px #CCC;
    box-shadow: 1px 1px 5px #CCC;
}
.UserTop li
{
    padding: 0px 0px 10px 0px;
    float:left;
    clear: both;
    width: 100%;
}


/****************************************************/
/****** Link list ***********************************/
ul.LinkList
{
    list-style: none;
    margin: 0px; padding: 0px;
}
ul.LinkList li
{
     background:url(/Images/icons/GreenBullet.png) no-repeat;
     padding-left: 21px;
     margin: 3px 0;
}
ul.LinkList a
{
    text-decoration: none;
    color: #0066cc;
}
ul.LinkList a:hover
{
    text-decoration: underline;
}

/****************************************************/
/*** JQuery selectable ******************************/

    .selectableWrapper li 
    {
        border:1px solid #C0C0C0;
        background-color: #F0F0F0;
    }
                           

	#selectable .ui-selecting { background: #FECA40; }
	#selectable .ui-selected { background: #F39814; color: white; }
	#selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
	#selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }



/****************************************************/
/*** Column layout ***********************************/

.colContainer
{
    width: 100%;
    max-width: 1060px;
    padding: 0px 20px;
    float: none;
    clear: both;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
}

.onecol {
width: 4.85%;
}

.twocol {
width: 13.5%;
}

.threecol {
width: 22.15%;
}

.fourcol {
width: 30.8%;
}

.fivecol {
width: 39.45%;
}

.sixcol {
width: 48.1%;
}

.sevencol {
width: 56.75%;
}

.eightcol {
width: 65.4%;
}

.ninecol {
width: 74.05%;
}

.tencol {
width: 82.7%;
}

.elevencol {
width: 91.35%;
}

.twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

.rounded-green-box
{
    background-color: #e7fde9;
	border-color:#6ebe75;
	border-style:solid;
	border-width:1px;
	margin: 0px auto;
	display: block;
	overflow:hidden;
	padding:10px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;	
}

.HeightAlign
{
    height: 100%;
}


/*** Paging*******************************************************/

.pager
{
    float: right;
    clear: right;
    margin: 5px 0px;
}
.pager a
{
    border:solid 1px #9aafe5;
    font-size:11px;
    list-style:none;
    margin-right:2px;
    padding:4px 6px; 
    color:#0e509e;
    display:block;
    float:left;
    text-decoration:none;
}

.pager a.selected
{
    background:#2e6ab1;
    color:#FFFFFF;
    font-weight:bold;
    display:block;
    padding:4px 6px;
 }
 .pager a:hover{
    border:solid 1px #0e509e
 }
 
/*** End Paging*******************************************************/

.datepicker, .monthpicker
{
    width: 100px;
}

.ChartTitle
{
    width: 250px;
}
.sliderInput
{
    border: 0;
    width: 50px;
    color: Green;
    background-color: transparent;
}
.btn-editImg
{
    height: 16px;
    width: 16px;
    background: transparent url(/Content/Images/icons/edit-tiny.png) no-repeat;
    text-indent: 999px;
    overflow: hidden;
    cursor:pointer;
    border: 0;
    margin: 0px 3px;
    float: left;
}

.btn-saveImg
{
    height: 16px;
    width: 16px;
    background: transparent url(/Content/Images/icons/save.png) no-repeat;
    text-indent: 999px;
    overflow: hidden;
    cursor:pointer;
    border: 0;
    margin: 0px 3px;
    float: left;    
}

.btn-deleteImg
{
    height: 16px;
    width: 16px;
    background: transparent url(/Content/Images/icons/trash.png) no-repeat;
    text-indent: 999px;
    overflow: hidden;
    cursor:pointer;
    border: 0;
    margin: 0px 3px;
    float: left;
}
a.btn-deleteImg, a.btn-editImg, a.btn-saveImg
{
    display: block;
}

.btn-updateImg
{
    height: 16px;
    width: 16px;
    background: transparent url(/Content/Images/icons/update16.png) no-repeat;
    text-indent: 999px;
    overflow: hidden;
    cursor:pointer;
    border: 0;
}

	.multiselect 
	{
	    width: 350px;
	}
	.ui-multiselect-checkboxes label
	{
	    width: 95%;
	    font-weight: normal;
	    padding-left: 5px;
	    float: none;
	}
	
    .ui-multiselect-checkboxes label:after
    {
        content: "";
    }


/************************************************************/

.DataTable { width: 100%; }
.DataTable td { border: 1px solid #C0C0C0;font-size: 12px;padding: 3px; }
.DataTable th { font-weight: normal; border: 1px solid #C0C0C0; font-size: 11px; padding: 5px; text-align: left; background-color: #F0F0F0; }
.DataTable input { margin: 0px; }
.DataTable .colSeparator
{
    border-right-color: #969696;
}
.left { text-align: left; }
.center { text-align: center; }
.right, th.right{ text-align: right; }
.right a { float: right;}
table.listTable { width: 100%; }
table.listTable td { font-size: 13px;padding: 3px;border-top: 1px solid #D0D0D0;vertical-align: middle; }
table.listTable tr.inactive td { color: #969696; }
.listTable.spacey td
{
    padding: 6px 3px;
}
.listTable .selectedRow td
{
    font-weight: bold; color: #990000;
}
.listTable a{ display: block;}
.listTable a:hover{ text-decoration: none; color: #154372; }

.listTable td.buttons { padding: 1px 5px 1px 15px; text-align: right; width: 50px; }
.listTable th
{
    font-size: 11px;
    text-align: left;
    padding: 3px;
    color: #969696;
}

.tinyTable td
{
    border: 0 !important;
    font-size: 11px !important;
}

.editButtons    /* right-aligned small toolbar for lists */
{
    float: right;
}
.editButtons a, .editButtons form, .editButtons img
{
    display: block; float: left; margin: 3px;
}



table.highlightRow tr:hover
{
    background-color: #e7edda;
}
tr.shadedRow
{
    /*background-color: #f1f6e5;*/
    background-color: #F3F3F3;
    
}
.alternating-rows tr:nth-child(odd) {
    background: #F3F3F3;
}

/**********************************************************************/




#UserBalanceSubMenu
{
    padding: 10px 20px;
    margin-bottom: 20px;
}
#UserBalanceSubMenu a
{
    text-decoration: none;
    color: #1c94c4;
}
#UserBalanceSubMenu a.selected
{
    text-decoration: none;
    color: #eb8f00;
    font-weight: bold;
}


.MonthNavigation h4
{
    display: inline;
}

.backLink, .forwardLink
{
    overflow: hidden;
    text-decoration: none;
    height: 20px;
    width: 20px;
}
.backLink:before, .forwardLink:before {
    font-family: "FontAwesome";
    font-size: 20px;
    height: 20px;
    width: 20px;
    margin-right: 10px;
}
.backLink:before {
    content: "\f0a8";
}
.forwardLink:before{
    content: "\f0a9";
}



.AdminFunctions
{
    padding: 10px 20px;
    background-color: #F6F6F6;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px 0 0 1px;
	margin: 0px auto;
	display: block;
	overflow:hidden;
	-moz-box-shadow:1px 1px 0 #bbb;
	-webkit-box-shadow:1px 1px 0 #bbb;
	box-shadow:1px 1px 0 #bbb;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;	

}
.AdminFunctionHeader
{
    font-size: 10px;
    font-weight: bold;
    color: #D0D0D0;
    font-family: Verdana;
    text-align: right;
    margin-bottom: 10px;
}
.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

/**** Rota ******************************************/
.rotaDay
{
    background-image:url(/Content/Images/PageLayout/date_bg.jpg);
    cursor:pointer;
    font-size: 11px;
    font-family: Helvetica;
    text-align:center;
    padding: 5px 0px;
}
.rotaSunday
{
    background-image:url(/Content/Images/PageLayout/sunday_bg.jpg);
    cursor:pointer;
    font-size: 11px;
    font-family: Helvetica;
    text-align:center;
    padding: 5px 0px;
}

.rotaTable td
{
   padding:0px;
   border:1px solid #c0c0c0;   
}

.rotaTable.published td div, .rotaTable.shift td div
{
    cursor:default;
}

.rotaTable{
    width: 100%;
}

.rotaTable tr{
    
}

.rotaTable td{
    background-clip: padding-box;
    position: relative;

}

.rotaTable td div
{
   min-width:22px;
   min-height: 18px;
   height: 100%;
   box-sizing: border-box;
   cursor:pointer;
   padding:3px 2px;
   text-align:center;
   font-family: Lucida Sans, Helvetica, Arial, sans-serif;
   font-size: 11px;
}

.rotaTable td.c6{
   background-color:#F0F0F0;   
}
.rotaTable td.c0{
   background-color:#E7E7E7;
   border-right:1px solid #000000;
}
.rotaWeekNumbers td, .rotaWeekNumbers td.c6, .rotaWeekNumbers td.c7
{
    border-width: 0px;
    background-color: White;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    color: #696969;
}
.rotaWeekNumbers .holidayHeader
{
    height: 16px;
    width:16px;
    display:block;
    cursor: default;
    margin: 0px auto;
    background: url(/Content/Images/Icons/holiday.png) no-repeat center center;
}



.rotaTable .team td
{
    padding: 5px;
    border-left-color: #FFFFFF;
    border-right-color: #FFFFFF;
}
.rotaTable h3
{
    padding: 0px; 
    margin: 5px 0px 0px 0px;
}
.rotaTable td:first-child
{
    padding: 3px 5px 2px 5px;
    font-family: Lucida Sans, Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.rotaSum{
   background-color:#e6f0f9;
   text-align:right;
   color:#3f7eb5;
}

.batch-2, .batch-4
{
    background-color: #F0F0F0;
}
.batch-0
{
    background-color: #D0D0D0;
}
.batch-6
{
    background-color: #E0E0E0;
}

/*
td.c1_passive{
   background-color:#F6F6F6;   
}
td.c6_passive{
   background-color:#E7E7E7;   
}
td.c7_passive{
   background-color:#E0E0E0;
   border-right:1px solid #000000;   
}
*/


.rotaHighlight
{
    background-color: #FFFF00;
}

.jfHighlight
{
    background-color: #ff6d00;
}

#timeCodes
{
    display:block;
    float:left;
    width: 60%;
}

.changedField:after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 6px;
    height: 6px;
    border-left: 6px solid transparent;
    border-bottom: 6px solid #ff938f;
}


.selectedField
{
    background-color: #FFFF00;
}

.offdayReqField:after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 6px;
    height: 6px;
    border-left: 6px solid transparent;
    border-bottom: 6px solid #ffba3a;
}


#commentDiv{
    float: left;
    margin-right: 15px;
}
.regComment
{
    width: 50%;
    min-width: 400px;
    height: 50px;
    color: Navy;
    font-size: 12px !important;
    padding: 4px;
    margin-bottom: 10px;
}

.commentChanged
{
    border: 1px solid red;
    background-color: #FFCCCC;
}

.TimeSheetTable
{
    width: 100%;
}
.TimeSheetTable th
{
    font-weight: normal;
    border: 1px solid #C0C0C0;
    font-size: 11px;
    padding: 5px;
    text-align: left;
    background-color: #F0F0F0;    
    vertical-align: top;
}
.TimeSheetTable td
{
    border: 1px solid #C0C0C0;
    text-align: center;
    font-size: 11px;
    padding: 3px;
}
.TimeSheetTable .weekNumber
{
    font-weight: bold;
    color: #696969;
    background-color: #E0E0E0;
    font-size: 10px;
}
.TimeSheetTable td.comment
{
    color: #AA0000;
    text-align:left;
}
.timesheetReg
{
    cursor: pointer;
    background-image: url(/Content/Images/icons/editTimesheet.png);
    background-position: right top;
    background-repeat: no-repeat;
}
.timesheetReg:hover
{
    background-color: #FFFFFF;
}

.UserMessage
{
    border: 2px solid green;
    padding: 10px;
    margin: 20px 0px;
    color: Green;
    font-size: 1.5em;
}

.dayNote{
   border:1px solid #CCCCCC;
   padding:0px;
   font-size:12px;
}
.dayNoteTitle{
   font-weight:bold;
   font-size:10pt;
   padding:2px 6px;
   background-color:#f0f0f0;
   color: #383838;
}
.dayNoteMain{
   padding:6px;
   font-size:12px;
}
.dayNoteSubtext{
   font-size:10px;
   color:#999999;
   text-align:right;
}
#DayNoteWrapper > div, #UserCommentWrapper > div
{
    display: block;
    border-top: 1px dashed #408246;
    padding: 5px 0px;
}
#DayNoteWrapper div
{
    display: block;
    clear: both;
}
.OffDayNotGiven
{
    background-color:#FF9999;
}
.center
{
    text-align: center !important;
}
a.tinyLink
{
    font-size: 10px;
    font-family: Lucida Sans, Trebuchet MS, Verdana, Sans-Serif;
    text-decoration: none;
}
.tinyLink:hover
{
    text-decoration: underline;
}
.rounded-grey-box a.tinyLink
{
    color: #969696 !important;
}
.rounded-grey-box a.tinyLink:hover
{
    color: #000000 !important;
}


/* draghandle for sortable table */
.dragHandle
{
    width: 24px;
    background-image:url(/Content/Images/Icons/DragHandle.png);
    background-repeat: no-repeat;
    background-position:center center;
    cursor: move;
}
.TimeCode
{
    background-color: #000000;
	border-color:#585858;
	border-style:solid;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	color: #969696 !important;
	text-align: center;
	border-width:0px;
	margin-right: 5px;
	float: left;
	overflow:hidden;
	padding: 3px 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	width: 20px;
}
.TimeCode.selectedCode
{
    background-color: Orange !important;
    color: #440000 !important;
}
.TimeCode.Offday
{
    background-color: #408246 !important;
}

#ShiftCodes li
{
    float: left;
}
#ShiftCodes
{
/*
    background-color: #F0F0F0;
    display: block;
    overflow: auto;
    width: 100%;
    padding: 10px;
    border: 1px solid #696969;
*/
}
#ShiftCodes ul, #Template ol
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.TimeCodeBig
{
    width: 30px; 
    font-size: 15px;
    margin: 2px 6px;
    background-color: #000000;
}
a.TimeCode
{
    color: #969696 !important;
    text-decoration: none;
}
#Template
{
    min-height: 300px;
    overflow: auto;
}
#ShiftCodes li, #Template li
{
    cursor: move;
    margin: 0px;
    padding: 0px;
    clear: both;
}
.TimeCodeLabel
{
    padding: 5px 0px;
}
.Trash
{
    height: 60px;
    margin-bottom: 20px;
    background: #F0F0F0 url(/Content/Images/Icons/Trash48.png) no-repeat 12px center;
    border: 1px solid #C0C0C0;
}



/****** Feriekalender ************************************/
.vacationUserList
{
    width: 20%;
    float: left;
}
.vacationUserSaldo
{
    width: 25px;
    text-align: right;
    font-size: 11px;
    padding: 2px 5px 0px 0px;
    float: right;
    overflow: hidden;
    cursor: default;
}

.vacationUser
{
    height: 18px;
    width: 100%;
    border-bottom: 1px solid #C0C0C0;
    overflow: hidden;
}
.vacationCalendar
{
    width: 80%;
    float: left;
    overflow: hidden;
}

.vacationCalendarDiv
{
    background: url(/Content/Images/PageLayout/vacation_weeks_10.jpg);
    width: 3660px;
}
.vacationTopRow
{
    height: 20px;
    width: 100%;
    border-bottom: 1px solid #606060;
    border-top: 1px solid #C0C0C0;
    background-color: White;    
    overflow: hidden;
}
.vacationMonthHeader
{
    width: 300px;
    font-size: 11px;
    color: #585858;
    float: left;
    padding: 3px 0px;
    text-indent: 3px;
    height: 18px;
}
.userVacation
{
    height: 18px;
    width: 100%;
    border-bottom: 1px solid #C0C0C0;
    position: relative;
}
.vacationPeriod800, .vacationPeriod801
{
    height: 18px;
    position: absolute;
    background: url(/Content/Images/PageLayout/vacation_day.jpg) repeat-x;
}
.vacationPeriod810
{
    height: 18px;
    position: absolute;
    background: url(/Content/Images/PageLayout/vacationspecial_day.jpg) repeat-x;
}
.bubbleInner
{
    width: 225px;
    height: 120px;
}

/************************/


.pdfLink24
{
    height: 24px;
    width: 24px;
    background: transparent url(/Content/Images/icons/pdficon24.png) no-repeat;
    text-indent: 999px;
    overflow: hidden;
    cursor:pointer;
    border: 0;
    margin: 0px 3px;
}
a.pdfLink24, a.xlsLink24
{
    display: block;
    float: left;
}

.xlsLink24
{
    height: 24px;
    width: 24px;
    background: transparent url(/Content/Images/icons/excelIcon24.png) no-repeat;
    text-indent: 999px;
    overflow: hidden;
    cursor:pointer;
    border: 0;
    margin: 0px 3px;
}

a.linkTurnOn, a.linkTurnOff
{
    height: 16px;
    width: 32px;
    text-indent: 999px;
    overflow: hidden;
    cursor: pointer;
    border: 0;
    margin: 0px 3px;
    display: block;
    float:left;
}
a.linkTurnOn:hover, a.linkTurnOff:hover
{
    /*background-position: bottom center;*/
}
a.linkTurnOn
{
    background: transparent url(/Content/Images/icons/on-off-16.png) no-repeat;
    background-position: bottom center;    
}
a.linkTurnOff
{
    background: transparent url(/Content/Images/icons/on-off-16.png) no-repeat;
    background-position: top center;
}



/**********************/

.listTrue
{
    height: 16px;
    width: 16px;
    background: url(/Content/Images/Icons/ok16.png) no-repeat center center;
    margin: 0px auto;
}
.listFalse
{
    height: 16px;
    width: 16px;
}
#workTypes ol, #overtimeTypes ol, #absenceTypes ol, #workTypes li, #overtimeTypes li, #absenceTypes li
{
    list-style-type: none; margin: 0; padding: 0;
}

.alertBox
{
    background: url(/Content/Images/Icons/alert-36.png) no-repeat 12px center;
    border: 2px solid Orange;
    float:none;
    display: block;
    padding: 15px 20px 10px 75px;
   margin-bottom: 10px;
   line-height: 1.5;
   color: #CC0000;
}

.alertBox.narrow
{
    background: url(/Content/Images/Icons/alert-36.png) no-repeat 12px 8px;
    border: 2px solid Orange;
    float:none;
    display: block;
    padding: 45px 12px 12px 12px;
   margin-bottom: 10px;
   line-height: 1.5;
}

.infoBox{
    background: url(/Content/Images/Icons/info-36.png) no-repeat 12px center;
    border: 2px solid #368cc7;
    float:none;
    display: block;
    padding: 15px 20px 10px 75px;
   margin-bottom: 10px;
   line-height: 1.5;
}
.timeSheetHoliday
{
    background: url(/Content/Images/Icons/holiday.png) no-repeat right center;
}

.timeSheetBalanceTable
{
    width: 250px;
}

.timeSheetBalanceTable td
{
    font-size: 15px;
    padding: 5px 0px;
    
}
.disabledCell
{
    background: url(/Content/Images/PageLayout/disabledCell.jpg);
}

/**** Log ******/

.logCheckList ul {
    padding: 0;
    width: 100%;
    float: left;
}

.logCheckList ul, .logCheckList li {
    list-style-type: none;
    
    margin: 0;
   }

.logCheckList li {
    cursor: move;
    margin: 2px 0px;
    background: #F0F0F0;
    padding: 5px 10px;
    display: block;
    border-radius: 4px;
    border: 1px solid #C0C0C0;
}

.logCheckList li div{
    height: auto;

}

.logCriticalError {
    line-height: 1.3;
    border: 2px solid red;
    border-radius: 6px;
    padding: 15px;
    background: #FFDDDD;
}
.logCriticalError:before {
    font-family: 'entypo';
    font-size: 60px;
    color: #b42626;
    line-height: 1;
    float: left;
    margin-right: 15px;
    content: "\26A0";
    display: block;
}

.icon20 {
    font-size: 20px;
    text-decoration: none;
}
.icon16 {
    font-size: 16px;
}
.icon48 {
    font-size: 48px;
}

.icon-grey {
    color: #969696;
}
a.icon-grey:hover {
    color: #696969;
}
.icon-green {
    color: #408246;
}

/* Spacers  **/
hr.dashed {
    background-color:transparent;
    border-bottom: 1px dashed #696969;
    color: transparent;
    height:1px;
    line-height:0;
    page-break-after:always;
    text-align:center;
}


/* Updated box-design ***********************************/
/* September 2013****************************************/
.box-edgy {
    margin: 0px auto 5px auto;
    border: 1px solid #CCC;
    overflow: hidden;
    padding:5px 15px;
}

.box-rounded {
    border-radius:2px;	
    margin: 0px auto 5px auto;
    border: 1px solid #CCC;
    overflow: hidden;
    padding:5px 15px;
}
.box-grey {
    background: #F4F4F4;
}
.box-white {
    background: #FFF;
}
.box-green {
    border-color:  #408246;
}
.box-textContainer {
    background-color: #edeff4;
    font-size: 0.9em;
    padding: 0px;
}
.box-alert {
    border-color:  #b42626;
    /*background: #FFDDDD;*/
}

.box-rounded h4 {
    margin: 0;
    line-height: 1.8;
    font-size: 1em;
}

.box-collapsible .box-header {
    cursor: pointer;
}

.box-collapsible i.box-icon {
    color: #EEE;
    font-size: 15px;
    margin-right: 10px;
}

.box-with-header {
    padding: 0px;
}
.box-with-header .box-content {
    padding:5px 15px;
}
.box-with-header .box-content.box-list{
    padding: 0;
}
.box-header {
    display: block;
    padding: 8px 12px;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    background: #21406c;
}

.box-alert .box-header {
    background: #b42626;
}

.box-green .box-header {
    background: #408246;
}

.box-rounded.box-alert h4 {
    color: #b42626;
}

.box-content {
    font-size: 1.11em;
}
.box-content-hidden .box-content {
    display: none;
}
.box ul, .box li {
    margin: 0;
    list-style-type: none;
}
.box ul {
    padding: 0;
}
.box li {
    padding: 10px;
    border-top: 1px solid #ccc;
}
.box li:first-child {
    border-top: 0;
}


/* Log stuff ********************************************/
/* September 2013****************************************/

.logAuthor {
    color: #21406c;
    font-style: italic;
    float: right;
    font-size: 0.9em;
    text-align: right;
    margin-right: 0.5em; /* Fix italic overflow bug */
    padding: 0px 0px 10px 10px;
}
.logEntry {
    overflow: auto;
    padding-bottom: 20px;
    padding-top: 5px;
}
.logEntry h4 {
    color: #21406c;
    margin: 5px 0px;
    padding: 0;
}
.logEntry p {
    margin: 0;
    padding: 0;
    white-space: pre-line;
}

.logEntry.taskEntry p {
    margin-top: 8px;
}

.logSubentry, .taskEntry {
    border-top: 2px dotted #21406c;
    padding-left: 40px;
    position: relative;
}
.logCommentIcon {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 1.6em;
    color: #21406c;
}
.logAttachment, .ui-widget-content a.logAttachment{
    display: block;
    line-height: 2;
    margin-right: 10px;
    float: left;
    text-decoration: none;
    color: #b42626;
    font-weight: bold;
}
.logAttachment:hover {
    color: #ed2525;
}

.listTable tr.weekday0, .listTable tr.weekday0 td {
    border-bottom-color: #666;
    background: #FDD;
}
.listTable tr.weekday1, .listTable tr.weekday1 td {
    border-top-color: #666;
}
.calRow .dateLink {
    display: block;
    float: left;
    width: 100%;
    padding: 3px 0px;
}
.calRow .dateLink:hover {
    background: #D0D0D0;
}
.calRow .calDate {
    width: 50px;
    padding: 0px;
    background: #F0F0F0;
    vertical-align: top;
}
.calRow .calContent {
    cursor: pointer;
}

.calRow .weekday {
    float: left;
    color: #333;
    margin-left: 5px;
}
.calRow .date {
    float: right;
    margin-right: 5px;
    color: #333;
}

.calRow.today .date, .calRow.today .weekday{
    font-weight: bold;
}

.dueTaskDetails {
    display: none;
}

.taskOpener {
    cursor: pointer;
    line-height: 1.4;

}
.taskOpener:hover{
    background: #FFFF00;
}

.taskOpener.cancelled {
    text-decoration: line-through;
    color: #999;
}

.box-rounded .dueTask {
    padding: 5px 0px;
    position: relative;
    border-bottom: 1px dashed #b42626;
}
.box-rounded .taskToday {
    padding: 5px 0px;
    border-bottom: 1px dashed #408246;
}

.box-rounded .dueTask h4 {
    cursor: pointer;

}
.box-rounded .dueTask h4:hover {
    color: #ed2525;
}

.dueTask > span {
    font-size: 0.9em;
    color: #696969;
}
#logCommentFormContainer {
    width: 100%;
    padding: 10px 0px;
}

#logCommentFormContainer #commentText{
    width: 80%;
    height: 35px;
}

.aoToolbar > * {
    float: left;
}

.aoToolbar a {
    text-decoration: none;
    font-size: 0.9em;
}

.contextMenuWrapper {
    position: relative;
}

/********************************************************/

#regEditorWindow .accordionWrapper{
    height: 370px;
}

/***********************************************/

.boxList{
    width: 100%;
    /* border-top: 1px solid #999; */
}
.boxList > div{
    border-top: 1px solid #999;
    width: 100%;
    overflow: auto;
    height: auto;
    padding: 10px 0px;
}

.boxList > div div {
}
boxList h2, .boxList h3, .boxList h4{
    color: #21406c;
    margin: 0.2em 0;
    padding: 0;
    line-height: 1.2;
    font-weight: 400;
}

.boxList h3.color-deepRed {
    color: #b42626;
}


ul.bulletFree{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.bulletFree li{
    list-style-type: none;
    margin: 0;
    padding: 5px 0;
}


/*********************/

.logCheckListCalendar {
    min-width: 360px;
    margin: 15px 0;
    display: block;
    overflow: auto;
}

.logCheckListCalendar div, .logCheckListCalendar li{
    width: 14%;
    line-height: 1.7;
    color: #696969;
    border: 1px solid #CCC;
    margin: 0;
    float: left;
    text-align: center;
    display: block;
    list-style-type: none;
}

.logCheckListCalendar p {
    text-transform: uppercase;
    margin: 0px;
    padding: 5px;
    background: #6197e2;
    font-size: 1.1em;
    color: white;
}
.logCheckListCalendar .weekdayHead {
    width: 100%;
    border: 0;
    background: transparent;
    font-size: 0.9em;
}
.weekdayHead div {
    border-color: transparent;
    background: transparent;
    font-weight: bold;
    border-width: 0;
}
/** Style til spærring af værelse ***/
.logCheckListCalendar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.logCheckListCalendar .calSpacer0, .logCheckListCalendar .calSpacer2, .logCheckListCalendar .calSpacer3, .logCheckListCalendar .calSpacer4, 
.logCheckListCalendar .calSpacer5, .logCheckListCalendar .calSpacer6 { line-height: 1.7; background: transparent; border-width: 0;}
.logCheckListCalendar .calSpacer0 { width: 84%; }
.logCheckListCalendar .calSpacer1 { display: none; }
.logCheckListCalendar .calSpacer2 { width: 14%; }
.logCheckListCalendar .calSpacer3 { width: 28%; }
.logCheckListCalendar .calSpacer4 { width: 42%; }
.logCheckListCalendar .calSpacer5 { width: 56%; }
.logCheckListCalendar .calSpacer6 { width: 70%; }
.roomMonth .ui-selecting { background: #FECA40; }
.roomMonth .ui-selected { background: #898989; color: #AAA; }

.logCheckListCalendar li {
    box-sizing:border-box;
}
    .logCheckListCalendar li a {
        display: block;
        color: #fff;
        font-weight: bold;
}

li .logComments {
    color: #666;
    font-size: 0.9em;
}
.logComments div {
    width: 100%;
    padding-top: 5px;
    margin-top: 10px;
    border-top: 1px solid #AAA;
}

/*** Training module   ***/
#owners div{
    padding: 5px 0;
    width: 100%;
    border-top: 1px solid #ccc;
    font-size: 1.1em;
}
#owners div i{
    float: right;
    margin-right: 5px;
    cursor: pointer;
}
#owners{
    margin-bottom: 5px;
}

#search {
    border: 1px solid #999;
    width: 300px;
    border-radius: 3px;
    padding: 5px;
    font-size: 14px;
}
.ajax-loader {
    display: none;
    z-index: 99999;
    background: url(/Content/Images/Icons/ajax-loader.gif) center center no-repeat;
    width: 100%;
    height: 100px;
    position: absolute;
    top:100px;
}

.htmlwrapper{
    margin: 15px 0;
}
.htmlwrapper div{
    font-size: 1.15em;
    border: 1px solid #ccc;
    padding: 10px;
}

.html-edit-link{
    float: right;
    line-height: 1.5;
}
.rotaJobfunctions small{
    margin-left: 1px;
    border-radius: 3px;
    padding: 2px 4px;
    background-color: #b2ad70;
}

.rotanavigation{
    width: 100%;
}

#checkLists{
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
#checkLists li {
    width: 100%;
    padding: 5px 0;
    border-top: 1px solid #ccc;
}
#checkListSelector{
    max-width: 100%;
}
#checkListSelector option{
    font-size: 12px;
}

.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}
/*.btn { margin-bottom:10px; }*/
.btn-custom { text-align: left; }

.btn, .btn *{
    text-decoration: none;
}

.nav-tabs a{
    text-decoration: none;
}
a h1, a h2, a h3, a h4, a h5, h1 a, h2 a, h3 a, h4 a, h5 a{
    text-decoration: none;
}
input.datepicker { position: relative; z-index:99999; }