@charset "UTF-8";
/* CSS Document */
body
{
/*   -webkit-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
 FF doesn't like these, unfixes footer
   -moz-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0); 
   -webkit-backface-visibility: hidden;
   -ms-backface-visibility: hidden;

 FF doesn't like these, unfixes footer
   -moz-backface-visibility: hidden;
   backface-visibility: hidden; 

   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   -ms-perspective: 1000;
   perspective: 1000;    */
   padding-top: 0px;
}

body, legend, label
{
   font-size: 16px;
   line-height: normal;
}

.alert h1 
{
	font-size: 18px;
	line-height: 20px;
}


.visma_logo {
	background-image: url(images/visma_logo.png);
	background-repeat: no-repeat;
	background-position: center 6px;
	height: 39px;
}


.divider_line {
	background-color: #b4b4b4;
	height: 1px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-top: -12px;
	margin-bottom:20px;
}


.cnt{/*count bubbles red*/
	background-image: url(images/red_count_03.png);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	width: 22px;
	text-align: center;
	float: right;
	margin-top: -3px;
	padding-top: 4px;
	margin-bottom: -9px;
}
.orange .cnt { /*count bubbles orange*/
	background-image: url(images/orange_count_03.png);
}

#close_btn{
	background: url(images/close_panel.png);
	background-repeat:no-repeat;	
}

@media screen and (min-width:450px){
	.left {
		float: left;
		margin-right: 20px;
		margin-top: -2px;
	}
}
/*timeout popup */
.overlay_pop {
	background-image: url(images/alarm_icon);
	background-position: 15px 15px;
	color: #b42929;
	padding: 10px 10px 10px 45px;
	box-shadow: 0 0 0 2px #3685b2, 0 0 0 3px #21516b, 0px 0px 12px rgba(0, 0, 0, .6);
	background-repeat: no-repeat;
	text-align:center;
}


#datebar_prev_next {
	text-align: center;
}

#datebar_prev_next .left {
	float: left;
	margin-top: 5px;
	height:28px;
	min-width:28px;
	padding-left: 32px;
	vertical-align: middle;
	background-image:url(images/arrow_prev.png);
	background-repeat:no-repeat;
	background-position: left top;
}
#datebar_prev_next a
{
    display: block;
    text-decoration: none;
    color: White;
}
#datebar_prev_next a.left span,
#datebar_prev_next a.right span
{
	margin-top: 4px;
	display: block;
}

#datebar_prev_next .right {
	float: right;
	margin-top: 5px;
	height:28px;
	min-width:28px;
	padding-right: 32px;
	vertical-align: middle;
	background-image:url(images/arrow_next.png);
	background-repeat:no-repeat;
	background-position: right top;
}

#datebar_prev_next h3 {
	margin-top: 7px;
	font-weight:normal;
	font-size:24px;
}

.vil_jobbe 
{
    float: right;
    margin-right: 5px;
}
.extramanningBtn
{
	float: left;
}

.vil_jobbe a{
	font-weight:normal;	
}



#monthbar {
	text-align:center;
	line-height: 20px;
}
#monthbar ul {
	list-style-type: none;
	padding: 0px;
	margin-left:5px;
	margin-right:5px;
	margin-top:4px;
	margin-bottom:3px;
	display: inline-block;
}

#monthbar ul li{
	display: inline;
	font-size: 12px;
	font-weight:normal;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	border-right:1px solid;
	border-right-color:#b2b2b2;
}
#monthbar ul li:last-of-type{
	border-right:none;
}

#monthbar ul li a {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}

#monthbar .day-picker
{
	position: absolute;
	z-index: 1000;
	display: none;
	width: 100%;
	text-align: center;
}
#monthbar .day-picker .innercontainer
{
    background-color: #386D8C;
    background: linear-gradient(#4281A6, #386D8C) repeat scroll 0 0 #FFFFFF;
    border: 1px solid #335366;
    border-radius: 8px;
	box-shadow: 10px 10px 5px rgba(0, 0, 0, .25);
    margin: 0 auto;
    padding: 0 10px 10px;
    width: 500px;
}


#monthbar .btn
{
	color: #323232;
	text-shadow: none;
/*	background-image: linear-gradient(rgb(250, 250, 250) 0px, rgb(232, 232, 232) 98%, rgb(249, 249, 249) 10%); */
}

.ikke_dekt {
	background-color:#f2d6d8;
}

.dag_header {
	background-color: #999;
	text-align: center;
}
.dag_header h3 {
	padding: 10px;
	color:white;
	font-weight:normal;
}

.uncovered td
{
    background-color: rgba(255, 32, 32, 0.2) !important;
}


.published td
{
    background-color: rgba(141, 77, 205, 0.2) !important;
}

.unattested td {
	background-color: rgba(247, 159, 50, 0.20) !important;
}

.view-list .unattested {
	border-bottom: 1px dotted #a6a6a6;
}

.view-list .unattested:last-child {
	border-bottom: none;
}

.uncovered.published,
.uncovered.published td
{
	
    background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #BF7FFF),
		color-stop(1, #FF0000)
	) !important;
	background-image: -o-linear-gradient(bottom, #BF7FFF 0%, #FF0000 100%) !important;
	background-image: -moz-linear-gradient(bottom, #BF7FFF 0%, #FF0000 100%) !important;
	background-image: -webkit-linear-gradient(bottom, #BF7FFF 0%, #FF0000 100%) !important;
	background-image: -ms-linear-gradient(bottom, #BF7FFF 0%, #FF0000 100%) !important;
	background-image: linear-gradient(to bottom, #BF7FFF 0%, #FF0000 100%) !important;
}


.flipChanger
{
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;

   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   -ms-perspective: 1000;
   perspective: 1000;    

    -webkit-opacity: 1.0;
    -ms-opacity: 1.0;
    -moz-opacity: 1.0;
    opacity: 1.0;
    
    -webkit-transform-origin:0% 0%;
    -ms-transform-origin:0% 0%;
    -moz-transform-origin:0% 0%;
    transform-origin:0% 0%;
	-webkit-transition: 0.5s -webkit-opacity;
	-ms-transition: 0.5s -ms-opacity;
	-moz-transition: 0.5s -moz-opacity;
	transition: 0.5s opacity;
    
}
.flipChanger.flippingLeft,
.flipChanger.flippingFade
{
    -webkit-opacity: 0.5;
    -ms-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
	-webkit-transition: 0.5s -webkit-opacity;
	-ms-transition: 0.5s -ms-opacity;
	-moz-transition: 0.5s -moz-opacity;
	transition: 0.5s opacity;
}
.flipChanger.flippingRight
{
    -webkit-opacity: 0.2;
    -ms-opacity: 0.2;
    -moz-opacity: 0.2;
    opacity: 0.2;
	-webkit-transition: 0.5s -webkit-opacity;
	-ms-transition: 0.5s -ms-opacity;
	-moz-transition: 0.5s -moz-opacity;
	transition: 0.5s opacity;
}
h3.flipChanger
{
	text-shadow: 0 1px 0 #000000;
	-webkit-transition: 0.5s text-shadow;
    -ms-transition: 0.5s text-shadow;
    -moz-transition: 0.5s text-shadow;
    transition: 0.5s text-shadow;
}
h3.flipChanger.flippingRight,
h3.flipChanger.flippingLeft,
h3.flipChanger.flippingFade
{
	text-shadow: 3px 4px 0 #000000;
	-webkit-opacity: 1.0;
    -ms-opacity: 1.0;
    -moz-opacity: 1.0;
    opacity: 1.0;

}
h3.flipChanger.flippingLeft
{
}
h3.flipChanger.flippingRight
{
}



.darkbar
{
	font-size: 16px;
    margin: 0;
    clear: both;
    display: block;
    overflow:visible;
    padding: 0.4em 15px;
    position: relative;
    font-family: Helvetica,Arial,sans-serif;
    background-color: #2E5B73;
/*    background: linear-gradient(#2E5B73, #2E5B73) repeat scroll 0 0 #2E5B73; */
    border: 1px solid #295267;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 1px 0 #000000;        
}
.darkbar a
{
font-family: Helvetica,Arial,sans-serif;
}
.navday
{
    text-align: center;
    font-size: 16px;
    clear: both;
    display: block;
    overflow: hidden;
    padding: 0.4em 15px;
    position: relative;
    background-color: #386D8C;
    background: linear-gradient(#4281A6, #386D8C) repeat scroll 0 0 #FFFFFF;
    border: 1px solid #335366;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
	font-family: Helvetica,Arial,sans-serif !important;
	line-height: 11px;
}


.navday h3 {
    font-size: 24px;
    line-height: normal;
    font-weight: normal;
    margin-top: 7px;
    margin-bottom: 0px;
    display: inline-block;
    padding: 0;
    font-family: Helvetica,Arial,sans-serif;
}

.navbar .btn 
{
	font-size: 12.5px;
	font-family: Helvetica,Arial,sans-serif;
	padding: 0.55em 11px 1.5em;
	background-color: #2A688C;
	background: linear-gradient(#3685B2,​ #2A688C);
	background: linear-gradient(to bottom, #3685B2 10%, #2A688C 90%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	color: #ffffff !important;
	border-radius: 4.8px;
	text-shadow: #000000 0px 1px 0px;
	border: 1px solid #1B4255;
	height: 22px;
}
.navbar-btn 
{
	margin: 5px 5px 3px 0px !important;
}

.btn
{
	height: auto;
}
label.btn-lg 
{
	font-size: 16px;
}

input[type=text].input-lg,
input[type=password].input-lg,
input[type=date].input-lg,
input[type=time].input-lg,
input[type=datetime].input-lg,
input[type=datetime-local].input-lg
{
    font-size: 15px;
    line-height: 18px;
    height: 24px;
}

textarea.input-lg
{
    font-size: 16px;
    line-height: 18px;
}




#rosterPage
{
	padding-top: 132px;
	padding-bottom: 100px;
}

#rosterPage .notesColumn {
	width: 800px;
}

#rosterPage .tasksColumn {
	width: 500px;
}

#rosterPage .taskDiv {
	width: 300px;
	display: inline-block;
	height: 600px;
}

#rosterPage .taskList {
	max-height: 250px;
	max-width: 250px;
	min-width: 250px;
	overflow-y: auto;
	overflow-x: auto;
	display: inline-block;
	white-space: nowrap;
	margin-bottom: 20px;
}

#substitutePage
{
	padding-top:90px;
	padding-bottom: 100px;
}

#registerDeviationPage,
#candidatePage,
#registerExtraManningPage,
#registerPresencePage
{
	padding-top:35px;
	padding-bottom: 100px;
}
#SetWorkpositionPage,
#messagePage
{
	padding-top:42px;
	padding-bottom: 100px;
}

#registerDeviationPage fieldset
{
	width: 100%;
}


.panel-heading .collapseIcon{
	background: url(images/minus_03.png) no-repeat 50% 50% !important;  
   -moz-border-radius:0px;
   -webkit-border-radius:0px;
   border-radius:0px;
   width:22px;
   height:22px;
   display: block;
   float: right;
}
.panel-heading.collapsed .collapseIcon {
	background: url(images/pluss_03.png) no-repeat 50% 50% !important;  
   -moz-border-radius:0px;
   -webkit-border-radius:0px;
   border-radius:0px;
   width:22px;
   height:22px;
   display: block;
   float: right;
}
button.panel-heading
{
	width: 100%;
	border-width: 0px;
	text-align: left;
}

.table
{
	font-size: 16px;
}

.panel.periodgroup
{
	margin-bottom: 0px;
	border-width: 0px !important;
}
.panel .table
{
	margin-bottom: 0px;
}

.daFootah {
	margin: 0;
	height: 76px;
	width: 100%;
	color: #969696;
	font-weight: bold;
	text-shadow: 0 1px 0 #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	border: medium none !important;
	box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
	position: fixed;
}
.daFootah a{
	color: #969696;
    font-family: Helvetica,Arial,sans-serif;
}
.daFootah ul:before, .daFootah ul:after {
    content: " ";
    display: table;
}
.daFootah ul:after {
    clear: both;
}
.daFootah ul:before, .daFootah ul:after {
    content: " ";
    display: table;
}
.daFootah ul {
    border: 0 none;
    display: block;
    list-style: none outside none;
    margin: 0;
    max-width: 100%;
    overflow: visible;
    padding: 0;
	/*position: relative;*/
    height: 100%;
    background-image: url("images/footer_navbar_bg.png");
}
.daFootah ul:firstchild {
    clear: left;
}
.daFootah ul li {
    -moz-box-sizing: border-box;
    border: 0 none;
    float: left;
    min-height: 1px;
    padding: 0;
    height: 100%;
}
.daFootah ul > *:nth-child(n) {
    margin-right: -0.5px;
    width: 25%;
}

.daFootah ul li .footButt {
    border: medium none !important;
    border-bottom-width: 0;
    border-top-width: 0;
    border-right-width: 0;
    display: block;
    margin: 0 -1px 0 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    padding: 0;
    position: relative;
    height: 100%;
    text-decoration: none;
}
.daFootah .btnactive {
    background-image:url("images/footer_navbar_bg_active.png");
    color: #646464;
    font-family: Helvetica,Arial,sans-serif;
    text-decoration: none;
    text-shadow: 0 0 0 #A9A9A9;
}

.footIcon{
   	-moz-border-radius:0px;
   	-webkit-border-radius:0px;
   width:36px !important;
   height:36px !important;
   display: block;
   clear: both;
   margin: 0px auto 0px auto;
}

.vaktplan .footIcon {
    background: url(images/32_working_day.png) no-repeat 50% 50% !important;
}

.vikarliste .footIcon {
    background: url(images/32_users.png) no-repeat 50% 50% !important;
}

.beskjeder .footIcon {
    background: url(images/32_message_bubble.png) no-repeat 50% 50% !important;
}

.managermodul .footIcon {
    background: url(images/32_managers_time_registration.png) no-repeat 50% 50% !important;
}

.rosterList
{
	margin-bottom: 0px;
}

/* Name column */
.rosterList thead th:nth-child(1),
.rosterList tbody td:nth-child(1)
{
	width: 20%;
	min-width: 20%;
}

/* Present column */
.presentColumn
{
	width: 72px;
	min-width: 72px;
}

/* Planned Time-period column */
.rosterList thead th:nth-child(3),
.rosterList tbody td:nth-child(3)
{
	width: 165px;
	min-width: 165px;
}

/* Shiftcode column */
.shiftCodeColumn 
{
    width: 4em;
    max-width: 4em;
}

/* Deviation-button column */
.rosterList thead th:last-child,
.rosterList tbody td:last-child
{
	width: 188px;
}

table.substitutelist .phoneNumberColumn
{
	width: 8em;
}

/* Name column */
table.substitutelist thead th:first-child,
table.substitutelist tbody td:first-child
{
	width: 20%;
}

/* Availability on substitutelist */
table.substitutelist thead .availabilityCategory th,
table.substitutelist tbody td.avIndicator
{
	width: 72px;
	max-width: 72px;
	text-align: center;
}

table.substitutelist thead th.overtimeColumn,
table.substitutelist tbody td.overtimeColumn
{
	width: 88px;
	max-width: 88px;
	text-align: center;
}

table.substitutelist thead th.tidColumn,
table.substitutelist tbody td.tidColumn
{
	width: 165px;
	max-width: 165px;
	text-align: center;
	white-space: normal !important;
}

table.substitutelist thead th.shiftColumn,
table.substitutelist tbody td.shiftColumn {
	width: 80px;
	max-width: 80px;
	text-align: center;
	white-space: normal !important;
}

table.substitutelist thead th.smsColumn,
table.substitutelist tbody td.smsColumn
{
    width: 60px;
    max-width: 60px;
    text-align: center;
}

.cell-with-comment {
	position: relative;
	background-color: lightgreen !important;
}

.cell-comment {
	display: none;
	position: absolute;
	z-index: 100;
	border: 1px;
	background-color: white;
	border-style: solid;
	border-radius: 25%;
	border-width: 1px;
	border-color: black;
	padding: 3px;
	color: black;
	font-size: 12px;
	min-height:30px;
	min-width:40px;
	top: 20px;
	left: 20px;
}

.cell-with-comment:hover span.cell-comment {
	display: block;
}

/* BOOTSTRAP "override" 
Setting alternating (and on header) bg-color on row. Bootstrap sets only on cell. This enables rgba-background-colors on cells
*/
.table-striped > tbody > tr:nth-child(odd), .table-striped > tbody > tr:nth-child(odd){
    background-color: #f9f9f9;
}


#VaktbokHomePage .main
{
	padding: 30px 10px 30px 10px;
	width: 650px;
	margin: 60px auto 60px auto;
	border: 1px #404040 solid;
	box-shadow: 10px 10px 5px rgba(0, 0, 0, .25);
	border-radius: 10px;
}

#VaktbokHomePage .yearDocumentList {
	width: auto;
}

.navRosterHeader{
	width: auto;
}
#registerDeviationPage .container
{

}
#backDropSpinner,
.noShiftsInList
{
	position: absolute;
	width: 100%;
	height:500px;
	z-index: -1;
	font-size: 25px;
	text-align: center;
}
#backDropSpinner img
{
	vertical-align: top;
}
.noShiftsInList
{
	background-color: White;
	z-index: 1;
	font-size: 40px;
}

.AvailabilitySelector
{
	position: absolute;
	width: 250px;
    background-color: #386D8C;
    background: linear-gradient(#4281A6, #386D8C) repeat scroll 0 0 #FFFFFF;
    border: 1px solid #335366;
    border-radius: 8px;
	box-shadow: 10px 10px 5px rgba(0, 0, 0, .25);
	padding:10px;
	right: 16px;
	text-align: left;
}
.AvailabilitySelector,
.AvailabilitySelector label
{
	color: White;
}
.AvailabilitySelector td
{
	padding: 4px;
}
.AvailabilitySelector input
{
	color: Black;
}
.AvailabilitySelector .availLoginControls label
{
	width: 100px;
	display: inline-block;
}
.navday 
{
	overflow:visible;
}

/* AvailabilityIndicators */

.avIndicator.available
{
	background-color: rgba(0, 255, 0, 0.2) !important;
}

.avIndicator.unavailable
{
	background-color: rgba(255, 0, 0, 0.2) !important;
}

.messageDayPanel
{
	display: none;
	position: absolute; 
	right: 8em; 
	width: 32em; 
	max-height: 40em;
	overflow:  auto; /* scroll */
	text-align: left; 
	z-index: 2000;
	margin-top: 2.4em;
	box-shadow: 10px 10px 5px rgba(0, 0, 0, .25);
}

.hiddenshit { display: none;}

.message-list-middle
{
	min-width: 30em;
	max-width: 60em;
	margin-top: 50px;
}

.add-message { margin-bottom: 10px; }

.messagelist-all {}

.serviceLocationChanger 
{
	min-width: 120px;
}

/* overrides what nc.css does */
.navbar .btn .badge 
{
	top: -1px;
	right: inherit;
	position: relative;
}

.filter-messages { margin-top: 20px; margin-bottom: 30px;}

.rblabel { margin-right: 10px;}

#shouldHaveGoneHome .errorText
{
	display: none;
	color: Red;
}

#shouldHaveGoneHome .hasError .errorText
{
	display: block;
}

.authContainer 
{
	margin-left: 20%;
	margin-right: 20%;
	padding-top: 10%;
}

#filterPage .margin 
{
    margin: 10px;
}

#filterPage .checkbox label
{
    width: 100%;
    text-align:left;
}

#filterPage .container
{
    /*padding-bottom must match '#filterPage .navbar-fixed-bottom' height */
    padding-bottom: 50px;
}

#filterPage .navbar-fixed-bottom
{
    padding-top: 20px;
    background: linear-gradient(rgba(255,255,255,0) 0px, rgba(255,255,255,1.0) 20px);
    height: 50px;
}

.filterChanger 
{
    margin-right: 0px !important;
}

.navbar-btn.dropdown-toggle 
{
    height: 28px;
}

#navtop .dropdown-menu
{
    font-size: larger;
    width: 30em;
    white-space: normal;
}
#navtop .dropdown-menu ul
{
    list-style: none;
}

#regDevForm .btn-group
{
    width:100%;
}

#candidatePage .substitutelist .statusColumnRejected {
	background-color: rgba(220, 53, 69, 0.7);
	color: #ffffff
}

.desktop-shortcut {
    background-image: url('images/verm-vaktbok.png');
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
    width: 72px;
    height: 72px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

.tile-special-user {
    display: inline-block;
    width: 250px;
    min-height: 200px;
    border: 1px solid #335366;
    padding: 10px;
    margin: 10px;
    vertical-align: top;
    border-radius: 5px;
}

.deviation-text {
    resize: none;
}

.week-elem {
    background: #4281a6 !important;
    cursor: default;
    margin-right: 2px !important;
}

.flex-table-row
{
    display: flex;
}

.flex-table-column
{
    flex: auto;
}

.deviation-datetime-label {
    margin-right: 20px;
}

.deviation-datetime-controls label {
    font-size: 15px;
    margin: 0px 3px 0px 3px;
}

.deviation-datetime-controls input {
    margin-left: 33px;
}

.btn.glyphicon.glyphicon-chevron-left.mini,
.btn.glyphicon.glyphicon-chevron-right.mini {
    min-width: 20px;
    height: 19px;
    margin: 0px 0px 4px 0px;
}

.btn.glyphicon.glyphicon-chevron-left {
    padding: 3px 3px 3px 0px;
}

.btn.glyphicon.glyphicon-chevron-right {
    padding: 3px 0px 3px 2px;
}

#dTypesSection, #reschToDateSection, #shiftSection, #wpSection {
	margin-bottom: 1em;
}

#wpSection div {
	margin: 0.5em 1em 0.5em 0;
}

#wpSectionContent {
	display: flex;
	flex-direction: row;
	align-items: center;
}


.dev-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
}

.dev-modal-footer {
    text-align: center;
}

.badge-button {
	left: 14px;
	top: 4px;
	right: unset !important;
	position: absolute;
}

.btn-req {
	min-width: 194px !important;
}

.req-modal {
	margin-top: 3em !important;
}

.substitutelist, #candidatePage .panel-default.periodgroup {
	min-width: 1170px;
}

.req-btns-cell {
	text-align: center;
}

.mm-body{
	min-width: 200px !important;
	max-width: 600px;
	margin: 10px 0px  10px 10px;
}

.mm-button-prev {
	min-width: 200px !important;
	max-width: 600px;
	margin-top: 10px;
	margin-left: 10px !important;
	margin-right: auto;
	float:left;
}
.mm-button-next {
	min-width: 200px !important;
	max-width: 600px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: 10px;
	float: right;
}

.mm-month-navn {
	min-width: 200px ;
	margin: 40px 0px 0px 0px;
}

.btn-top-margin{
	margin-top: 10px;
}

#dTypesSection .checkbox {
	margin-top: 12px;
}

#ui-datepicker-div {
	background-color: #4281A6;
	border: 1px solid #335366;
	border-radius: 8px;
	box-shadow: 10px 10px 5px rgba(0, 0, 0, .25);
	margin: 0 auto;
	padding: 0 10px 10px;
	display: none;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	font-size: 16px !important;
	font-family: Helvetica,Arial,sans-serif !important;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 0 1px 0 #000000;
	z-index: 4 !important;
}

.ui-datepicker-calendar th, .ui-datepicker-calendar td {
	border: 1px solid #1B4255;
	border-collapse: collapse;
	text-align: center;
}

.ui-datepicker-calendar{
	margin: auto;
}

.ui-datepicker-calendar th a, .ui-datepicker-calendar td a,
.ui-datepicker-calendar th span, .ui-datepicker-calendar td span {
	font-weight: normal;
	padding: 0.5em 0.7em 0.5em 0.7em !important;
	display: block;
}

.ui-datepicker-calendar th a, .ui-datepicker-calendar th span {
	font-weight: normal;
	padding: 0.5em 0.7em 0.5em 0.7em !important;
	display: block;
	text-shadow: none;
}

#ui-datepicker-div a {
	color: #FFFFFF !important;
	font-weight: normal;
}

.ui-datepicker-header {
	display: flex;
	flex-flow: row wrap;
	height: 5em;
	align-items: center;
}

.ui-datepicker-prev {
	width: 50%;
}
.ui-datepicker-next {
	width: 50%;
}

.ui-datepicker-title {
	width: 100%;
	text-shadow: none;
}

.attestDeviation {
	max-width: 900px;
	margin: 0 auto;
	padding-top: 5em;

}

.attestDeviation .deviationInfo h4 {
	padding-left: 15px;
	margin-bottom: 20px;
	font-size: 2rem;
}

.attestDeviation .deviationInfo .row {
	margin-bottom: 10px;
}

.attestDeviation .deviationInfo .devTypeSelect {
	padding: 1em;
}

.attestDeviation .deviationInfo .devTypeSelect label {
	margin-bottom: 5px;
}

.attestDeviation .deviationInfo .devTypeSelect select {
	height: 30px;
	border-radius: 5px
}

.attestDeviationButtons {
	padding: 1em;
}

.attestDeviation .deviationInfo .key {
	color: #616161;
}

.attestDeviationErrorText {
	padding: 15px;
	color: #b34037;
	text-align: center;
	font-size: 2rem;
}

.attestDeviationModal {
	position: fixed;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
}

.unattestedIntakeBackground {
	background-color: #CFE7CF !important
}

.deviationTypeTextColumn {
	min-width: 150px;
}

.manager-overview-main {
	padding-bottom: 120px
}