/*!
 * Nordic Cool 3 (http://ux.visma.com/weblibrary/latest/)
 * Custom CSS for NC3 of Wicket Elements.
 */
.custom-select { position: relative; }
.custom-select:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 12px;
	line-height: 1;
	padding: 0 10px;
	pointer-events: none;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #d9d9d9 #d2d2d2 #c0c0c0;
	background: #fbfbfb;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#f3f3f3 73%,#f7f7f7 100%); 
	background: linear-gradient(to bottom,  #fbfbfb 0%,#f3f3f3 73%,#f7f7f7 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f7f7f7',GradientType=0 ); 
	color: #282828;
	cursor: pointer;
}
.custom-select:before {
	background: url(../img/arrow-medium.svg) no-repeat -30px 0;
	border: 0 none;
	bottom: 0;
	content: "";
	cursor: pointer;
	height: 7px;
	opacity: 0.77;
	pointer-events: none;
	position: absolute;
	right: 10px;
	top: 13px;
	width: 10px;
	z-index: 10;
}

.custom-select select {
    appearance:none !important;
    -moz-appearance:none !important; /* Firefox */
    -webkit-appearance:none !important; /* Safari and Chrome */
}
.custom-select select,
.custom-select select:focus	{
	display: block;
	padding: 3px 25px 3px 5px;
	margin: 0;
	font: inherit;
	outline:none; 
	line-height: 1.2;
	border-width: 1px;
	border-style: solid;
	border-color: #d9d9d9 #d2d2d2 #c0c0c0;
	background: #fbfbfb;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#f3f3f3 73%,#f7f7f7 100%); 
	background: linear-gradient(to bottom,  #fbfbfb 0%,#f3f3f3 73%,#f7f7f7 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f7f7f7',GradientType=0 ); 
	color: #282828;
	box-shadow: none;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.custom-select:hover:after {
	background: #eff7fd;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZjdmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmY0ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-linear-gradient(top,  #eff7fd 0%,#ebf4f9 100%); 
	background: linear-gradient(to bottom,  #eff7fd 0%,#ebf4f9 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff7fd', endColorstr='#ebf4f9',GradientType=0 );
	border-color: #b5d8ed #afd3e8 #8ebbd6;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	outline: none;
}
.custom-select:hover select,
.custom-select:hover select:focus {
	background: #eff7fd;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZjdmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmY0ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-linear-gradient(top,  #eff7fd 0%,#ebf4f9 100%); 
	background: linear-gradient(to bottom,  #eff7fd 0%,#ebf4f9 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff7fd', endColorstr='#ebf4f9',GradientType=0 );
	border-color: #b5d8ed #afd3e8 #8ebbd6;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	outline: none;
}
.custom-select:before:hover { background-position: -29px 0; }

.custom-select.activeState select,
.custom-select.activeState select:focus {
	background: #e1e1e1;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-linear-gradient(top,  #e1e1e1 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom,  #e1e1e1 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#e5e5e5',GradientType=0 );
	border-color: #b1b1b1 #c6c6c6 #cecece;
	color: #282828;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 0px rgba(0, 0, 0, 0.05) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 0px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 0px rgba(0, 0, 0, 0.05) inset;
	outline: none !important;
}
.custom-select.activeState:after {
	background: #e1e1e1; 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-linear-gradient(top,  #e1e1e1 0%,#e5e5e5 100%); 
	background: linear-gradient(to bottom,  #e1e1e1 0%,#e5e5e5 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#e5e5e5',GradientType=0 );
	border-color: #b1b1b1 #c6c6c6 #cecece;
	color: #282828;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 0px rgba(0, 0, 0, 0.05) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 0px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 2px 0px rgba(0, 0, 0, 0.05) inset;
}

.custom-select.disabled,
.custom-select.disabled:hover {
	pointer-events: none;
}	
.custom-select.disabled select,
.custom-select.disabled select:focus,			
.custom-select.disabled:hover select,
.custom-select.disabled:hover select:focus {
	background: #f5f5f5;
	border: 1px solid #d0d0d0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	color: #a0a0a0;
}
.custom-select.disabled:after,
.custom-select.disabled:hover:after { 
	background: #f5f5f5;
	border: 1px solid #d0d0d0;
	border-width: 1px 1px 1px 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	color: #a0a0a0;
}
.custom-select.disabled:before,
.custom-select.disabled:hover:before { background-position: -45px 0; }

.has-error .custom-select .form-control, .has-error .custom-select:hover .form-control { border: none; }
.has-error .custom-select, .has-error .custom-select:hover { outline: 1px solid #c72828; }

.custom-select select::-ms-expand { display: none; }

/* /new select tag*/

/* for grid */
.goto {
	cursor:default;
	text-decoration: none;	
	border: none;
	color: #737373; 	
	float:left;
	padding:5px 5px 0px 0px
}
.goto > A.disabled {
    color: #4f4f4f;
    text-decoration: none;	
}
.table.table-active > tfoot > tr.navigation >td
{
     border-top: 1px dotted #d3d3d3;
}
.table.table-active > tfoot > tr.navigation :hover
{
	background-color: transparent;
	cursor:default;
}

.table.table-hover.table-active  th a {
	display:block;
	color:#337ab7;
	text-decoration:none;
	font-style:normal;
}
.table.table-hover.table-active th a.wicket_orderUp:before,

.table.table-sortable > thead > tr > td:hover,
.table.table-sortable > thead > tr > th:hover {
  cursor: pointer;
  background: #e7f5fe;
  background: -webkit-linear-gradient(top, #e7f5fe 0%, #e4f2fa 50%, #d9e6ee 100%);
  background: linear-gradient(to bottom, #e7f5fe 0%, #e4f2fa 50%, #d9e6ee 100%);
}
.table-sortable th.wicket_orderUp:before,
.table-sortable th div.inner-header.wicket_orderUp:before,
.table-sortable th.sortAscending:before,
.sortable-panel a.wicket_orderUp:before  {
	display:block;
	background: url(../img/vismaicons/action-icons/16_arrow_up.svg) no-repeat;
  	background-position: 0 0;
  	content: ""!important;
  	width: 16px;
  	height:16px;
  	float:right;
}

.table.table-hover.table-active th a.wicket_orderDown:before,
.table-sortable th.sortDescending:before,
.table-sortable th.wicket_orderDown:before,
.table-sortable th div.inner-header.wicket_orderDown:before,
.sortable-panel a.wicket_orderDown:before {
	display:block;
	background: url(../img/vismaicons/action-icons/16_arrow_down.svg) no-repeat;
  	background-position: 0 0;
  	content: ""!important;
  	width: 16px;
  	height:16px;
  	float:right;
}

.table.table-hover.table-static-header th:hover,
.table.table-hover.table-active th.no-sorting:hover,
.table.table-hover.table-active th.no-sorting a {
	background: none !important;
	box-shadow: none !important;
	cursor: default !important;
}

.table.table-active > tfoot > tr.border-top >td
{
     border-top: 1px dotted #d3d3d3;
     border-left: 0px;
     border-right: 0px;
}
/* /for grid */

/* for FramePanel */
.panel > .panel-heading .headerItems {
	color: #282828;
	font-size: 14px;
	font-weight: 400;
}
/* /for FramePanel */

div.input-group.datepicker-icon {
	width: 100%;	
}

/* EXPERIMENTAL: 
 NC3 Style Datepicker. Use instead of "glyphicon glyphicon-calendar" 
 - Feedback wanted: Contact Andreas :)
*/

div.datepicker-icon > .enterprise-calendar {
    background: url(../img/vismaicons/top_menu/menu_calendar.svg) no-repeat scroll -85px 0;
    display: inline;
    height: 24px;
    position: absolute;
    top: 3px;
    vertical-align: top;
    width: 26px;
    right: 5px;
}

div.datepicker-icon.disabled > .enterprise-calendar,
input[disabled="disabled"] + .enterprise-calendar {
    background: url(../img/vismaicons/top_menu/menu_calendar.svg) no-repeat scroll -41px 0;
    display: inline;
    height: 24px;
    position: absolute;
    top: 3px;
    vertical-align: top;
    width: 26px;
    right: 5px;
}

div.timeinput-icon > .enterprise-time {
    background: url(../img/vismaicons/worksurface/24_time.svg) no-repeat scroll;
    display: inline;
    height: 24px;
    position: absolute;
    top: 3px;
    vertical-align: top;
    width: 26px;
    right: 5px;
}

div.timeinput-icon.disabled > .enterprise-time,
input[disabled="disabled"] + .enterprise-time {
    background: url(../img/vismaicons/worksurface/24_time.svg) no-repeat scroll -28px 0;
    display: inline;
    height: 24px;
    position: absolute;
    top: 3px;
    vertical-align: top;
    width: 26px;
    right: 5px;
}

/* FileUpload */
.btn-file {
  position: relative;
  overflow: hidden;
  min-width: 110px;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}

/* NC3 Compliant Custom VismaIcons */
.enterprise-note.vismaicon-sm:before{background-image:url(../img/enterpriseicons/note/note_16.png);}
.enterprise-note.vismaicon-sm:hover:before{background-image:url(../img/enterpriseicons/note/note_16_hover.png);background-position:0 0 !important;}
.enterprise-note.vismaicon-sm.disabled:before{background-image:url(../img/enterpriseicons/note/note_16_disabled.png);background-position:0 0 !important;}

.enterprise-note-filled.vismaicon-sm:before{background-image:url(../img/enterpriseicons/note/note_16_filled.png);}
.enterprise-note-filled.vismaicon-sm:hover:before{background-image:url(../img/enterpriseicons/note/note_16_filled_hover.png);background-position:0 0 !important;}
.enterprise-note-filled.vismaicon-sm.disabled:before{background-image:url(../img/enterpriseicons/note/note_16_filled_disabled.png);background-position:0 0 !important;}

.enterprise-note:before{background-image:url(../img/enterpriseicons/note/note_24.png);}
.enterprise-note:hover:before{background-image:url(../img/enterpriseicons/note/note_24_hover.png);background-position:0 0 !important;}
.enterprise-note.disabled:before{background-image:url(../img/enterpriseicons/note/note_24_disabled.png);background-position:0 0 !important;}

.enterprise-note-filled:before{background-image:url(../img/enterpriseicons/note/note_24_filled.png);}
.enterprise-note-filled:hover:before{background-image:url(../img/enterpriseicons/note/note_24_filled_hover.png);background-position:0 0 !important;}
.enterprise-note-filled.disabled:before{background-image:url(../img/enterpriseicons/note/note_24_filled_disabled.png);background-position:0 0 !important;}

/* Tree nodes */
.tree-theme-windows a.tree-folder-open,
.tree-theme-windows a.tree-folder-closed,
.tree-theme-windows a.tree-folder-other {
	background: none;
	padding-left: 2px;
}

div.tree-theme-windows div.tree-subtree {
	margin-left: 22px;
}

div.tree-theme-windows div.tree-branch-mid {
	background: none;
}

.tree-theme-windows a.tree-folder-open::before,
.tree-theme-windows a.tree-folder-closed::before,
.tree-theme-windows a.tree-folder-other::before {
	background-image: url("../img/vismaicons/worksurface/16_open.svg");
	background-repeat: no-repeat;
	display: inline-block;
	height: 16px;
	width: 16px;
	content: "" !important;
	vertical-align: text-bottom;
}

.tree-theme-windows div.tree-branch a.tree-junction {
	background: none;
}

.tree-theme-windows div.tree-branch a.tree-junction-expanded,
.tree-theme-windows div.tree-branch a.tree-junction-collapsed {
	border: 0;
	display: inline-block;
	height: 9px;
	width: 10px;
	margin-top: 5px;
	background: url(../img/arrow-medium.svg);
	background-position: -30px 0;
	background-repeat: no-repeat;
}

.tree-theme-windows div.tree-branch a.tree-junction-collapsed {
	transform: rotate(-90deg);
}

/* Under Construction - CaseFlow for eProcurement/economy . Currenctly used as follows:
	<div class="caseflow">
		<ul>
			<li wicket:id="flowHolder" class="first visited">
				<div>
					<table>
						<tr>
							<td>
								<p class="form-control-static" wicket:id="flowLabel" ></p>
							</td>
							<td class="caseflow-input">
								<input class="form-control" type="text" wicket:id="flowInput" />
							</td>
							<td wicket:enclosure="flowIcon">
								<span wicket:id="flowIcon" class="vismaicon"></span>
							</td>
						</tr>
					</table>
				</div>
			</li>
		</ul>
	</div>
*/

/** START CASEFLOW ***/
/**
 * Caseflow styles - Nordic Cool 3.0
*/
.caseflow {
  clear: both;
  overflow: hidden;
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  /* /.caseflow ul */
}
.caseflow ul {
  display: block;
  padding-left: 0px;
  margin-top: 0px;
  list-style: none;
  /* /.caseflow ul li */
}
.caseflow ul li {
  display: block;
  float: left;
  cursor: default;
  min-width: 10px;
  width: 21.61%;
  height: 50px;
  margin-left: -13px;
  padding: 0px 0 0 0;
  /* /.caseflow ul li:not(:first-child):not(:last-child) */
  /* /.caseflow ul li:first-child */
  /* /.caseflow ul li:last-child */
}
.caseflow-childs-11.caseflow ul li {
  width: calc(9.0909% + 9px);
}
.caseflow-childs-11.caseflow ul li:last-child {
  width: 9.0909%;
}
.caseflow-childs-10.caseflow ul li {
  width: calc(10% + 9px);
}
.caseflow-childs-10.caseflow ul li:last-child {
  width: 10%;
}
.caseflow-childs-9.caseflow ul li {
  width: calc(11.1111% + 9px);
}
.caseflow-childs-9.caseflow ul li:last-child {
  width: 11.1111%;
}
.caseflow-childs-8.caseflow ul li {
  width: calc(12.5% + 9px);
}
.caseflow-childs-8.caseflow ul li:last-child {
  width: 12.5%;
}
.caseflow-childs-7.caseflow ul li {
  width: calc(14.2857% + 9px);
}
.caseflow-childs-7.caseflow ul li:last-child {
  width: 14.2857%;
}
.caseflow-childs-6.caseflow ul li {
  width: calc(16.6666% + 9px);
}
.caseflow-childs-6.caseflow ul li:last-child {
  width: 16.6666%;
}
.caseflow-childs-5.caseflow ul li {
  width: calc(20% + 9px);
}
.caseflow-childs-5.caseflow ul li:last-child {
  width: 20%;
}
.caseflow-childs-4.caseflow ul li {
  width: calc(25% + 9px);
}
.caseflow-childs-4.caseflow ul li:last-child {
  width: 25%;
}
.caseflow-childs-3.caseflow ul li {
  width: calc(33.3333% + 9px);
}
.caseflow-childs-3.caseflow ul li:last-child {
  width: 33.3333%;
}
.caseflow-childs-2.caseflow ul li {
  width: calc(50% + 9px);
}
.caseflow-childs-2.caseflow ul li:last-child {
  width: 50%;
}
.caseflow-childs-1.caseflow ul li {
  width: 1000%;
}
.caseflow ul li > div {
  display: block;
  cursor: default;
  position: relative;
  min-width: 10px;
  width: auto;
  height: 50px;
  margin-right: 20px;
  padding: 13px 6px 13px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 125%;
  text-decoration: none;
  vertical-align: baseline;
  background: url(../img/caseflow/caseflow-inner-backgrounds.png) repeat-x scroll 0 0 transparent;
  /* /.caseflow ul li div:before */
  /* /.caseflow ul li div:after */
}
.caseflow ul li > div::before,
.caseflow ul li > div::after {
  content: "";
  position: absolute;
  top: 0;
  width: 13px;
  height: 50px;
}
.caseflow ul li > div::before {
  left: -11px;
  background: url(../img/caseflow/caseflow-before-backgrounds.png) repeat-x scroll 0 0 transparent;
}
.caseflow ul li > div::after {
  right: -11px;
  background: url(../img/caseflow/caseflow-after-backgrounds.png) repeat-x scroll 0 0 transparent;
}

.caseflow ul li.returned > div::before {
  left: -11px;
  background: url(../img/caseflow/caseflow-after-backgrounds-reversed.png) repeat-x scroll 0 0 transparent;
}
.caseflow ul li.returned > div::after {
  right: -11px;
  background: url(../img/caseflow/caseflow-before-backgrounds-reversed.png) repeat-x scroll 0 0 transparent;
}

.caseflow ul li > div span {
  display: block;
  overflow: hidden;
  /* Comment the width for now, as it causes unexpected behaviour
	width: 100%; */
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  padding-bottom: 3px;
  padding-top: 3px;
}
.caseflow-childs-2.caseflow ul li:not(:first-child):not(:last-child),
.caseflow-childs-3.caseflow ul li:not(:first-child):not(:last-child),
.caseflow-childs-4.caseflow ul li:not(:first-child):not(:last-child),
.caseflow-childs-5.caseflow ul li:not(:first-child):not(:last-child),
.caseflow-childs-6.caseflow ul li:not(:first-child):not(:last-child),
.caseflow-childs-7.caseflow ul li:not(:first-child):not(:last-child),
.caseflow-childs-8.caseflow ul li:not(:first-child):not(:last-child),
.caseflow-childs-9.caseflow ul li:not(:first-child):not(:last-child),
.caseflow-childs-10.caseflow ul li:not(:first-child):not(:last-child),
.caseflow-childs-11.caseflow ul li:not(:first-child):not(:last-child) {
  margin-right: 13px;
  margin-left: -22px;
}
.caseflow ul li.first {
  margin-right: 13px;
  margin-left: 0 !important;
  /* /.caseflow ul li:first-child div */
}
.caseflow ul li.first > div {
  margin-left: 0 !important;
  padding-left: 16px;
  /* /.caseflow ul li:first-child div:before */
}
.caseflow ul li.first > div::before {
  left: 0 !important;
  width: 5px !important;
  background: url(../img/caseflow/caseflow-left-end-backgrounds.png) repeat-x scroll 0 0 transparent;
}
.caseflow ul li.last {
  margin-right: 0;
  margin-left: -22px;
  /* /.caseflow ul li:last-child div */
}
.caseflow ul li.last > div {
  margin-right: 0px;
  /* /.caseflow ul li:last-child div:after */
}
.caseflow ul li.last > div::after {
  right: 0 !important;
  width: 5px !important;
  background: url(../img/caseflow/caseflow-right-end-backgrounds.png) repeat-x scroll 0 0 transparent;
}
/* /.caseflow */
/* Normal */
.caseflow ul li.normal {
  /* /.caseflow ul li.normal div */
}
.caseflow ul li.normal > div {
  z-index: 8;
  color: #282828;
}
.caseflow ul li.normal > div,
.caseflow ul li.normal > div::before,
.caseflow ul li.normal > div::after,
.caseflow ul li.normal.first > div::before,
.caseflow ul li.normal.last > div::after {
  background-position: 0 0px;
}

/* /.caseflow ul li.normal */
/* Focus */
.caseflow ul li.focus:not(.disabled):not(.visited) > div,
.caseflow ul li:not(.disabled):not(.visited) > div:focus {
  z-index: 13;
  outline: none !important;
  color: #282828;
}
.caseflow ul li.focus:not(.disabled):not(.visited) > div,
.caseflow ul li:not(.disabled):not(.visited) > div:focus,
.caseflow ul li.focus:not(.disabled):not(.visited) > div::before,
.caseflow ul li:not(.disabled):not(.visited) > div:focus::before,
.caseflow ul li.focus:not(.disabled):not(.visited) > div::after,
.caseflow ul li:not(.disabled):not(.visited) > div:focus::after,
.caseflow ul li.first.focus:not(.disabled):not(.visited) > div:before,
.caseflow ul li.first:not(.disabled):not(.visited) > div:focus:before,
.caseflow ul li.last.focus:not(.disabled):not(.visited) > div:after,
.caseflow ul li.last:not(.disabled):not(.visited) > div:focus:after {
  background-position: 0 -300px;
}

/* Active */
.caseflow ul li.active {
  /* /.caseflow ul li.active div */
  /* Active Focus */
}
.caseflow ul li.active > div {
  z-index: 11;
  color: #282828;
}
.caseflow ul li.active > div,
.caseflow ul li.active > div::before,
.caseflow ul li.active > div::after,
.caseflow ul li.active.first > div::before,
.caseflow ul li.active.last > div::after {
  background-position: 0 -180px;
}
.caseflow ul li.active:not(.disabled):not(.visited) > div:focus,
.caseflow ul li.active.focus:not(.disabled):not(.visited) > div {
  z-index: 15;
  outline: none;
  color: #282828;
}
.caseflow ul li.active:not(.disabled):not(.visited) > div:focus,
.caseflow ul li.active.focus:not(.disabled):not(.visited) > div,
.caseflow ul li.active:not(.disabled):not(.visited) > div:focus::before,
.caseflow ul li.active.focus:not(.disabled):not(.visited) > div::before,
.caseflow ul li.active:not(.disabled):not(.visited) > div:focus::after,
.caseflow ul li.active.focus:not(.disabled):not(.visited) > div::after,
.caseflow ul li.active.first.focus:not(.disabled):not(.visited) > div::before,
.caseflow ul li.active.first:not(.disabled):not(.visited) > div:focus::before,
.caseflow ul li.active.last.focus:not(.disabled):not(.visited) > div::after,
.caseflow ul li.active.last:not(.disabled):not(.visited) > div:focus::after {
  background-position: 0 -360px;
}
/* /.caseflow ul li.active */
/* Visited */
.caseflow ul li.visited {
  /* /.caseflow ul li.visited div */
}
.caseflow ul li.visited > div {
  color: #fff;
}
.caseflow ul li.visited > div:focus {
  outline: 0px !important;
}
.caseflow ul li.visited > div,
.caseflow ul li.visited > div::before,
.caseflow ul li.visited > div::after,
.caseflow ul li.visited.first > div::before,
.caseflow ul li.visited.last > div::after {
  background-position: 0 -540px;
}

/* Frozen */
.caseflow ul li.frozen:not(.disabled):not(.visited) > div,
.caseflow ul li.frozen:not(.disabled):not(.visited) > div::before,
.caseflow ul li.frozen:not(.disabled):not(.visited) > div::after,
.caseflow ul li.first.frozen:not(.disabled):not(.visited) > div::before,
.caseflow ul li.last.frozen:not(.disabled):not(.visited) > div::after {
  background-position: 0 -660px;
  z-index: 9;
}

/* /.caseflow ul li.visited */
/* Disabled */
.caseflow ul li.disabled {
  /* /.caseflow ul li.disabled div */
  /* /.caseflow ul li.disabled.last div:after */
}
.caseflow ul li.disabled > div {
  cursor: default;
  z-index: 7;
  color: #a0a0a0;
}
.caseflow ul li.disabled > div:focus {
  outline: none !important;
}
.caseflow ul li.disabled > div,
.caseflow ul li.disabled > div::before,
.caseflow ul li.disabled > div::after,
.caseflow ul li.disabled.first > div::before,
.caseflow ul li.disabled.last > div::after {
  background-position: 0 -600px;
}

.caseflow-icon > ul > li.active > div > span:after {
  background-position: 0 -104px;
}

/* Alignment of Elements in Section (Description(p) - Person (p/input) - Icon(span) ) */
.caseflow ul li > div{display:block;height:50px;line-height:125%;min-width:10px;padding:10px;text-decoration:none;vertical-align:baseline;font-size:14px;font-weight:400;position:relative;width:auto;margin-right:10px}
.caseflow ul li > div table{width: 100%;}
.caseflow-input{padding-left: 10px;width: 100%;}
/*** END CASEFLOW ***/

.navigation {
	text-align: center;
}
.bootstrap-select:not(:open) {
	z-index: 2001;
	}
	
th > .bootstrap-select > select {
	-webkit-appearance:none;
} 
	
th > .bootstrap-select {
	display: inline !important;
}

th > .bootstrap-select > .dropdown-menu {
	margin-top: 3px;
}

th > .bootstrap-select > button.dropdown-toggle {
	display: none;
}

a.filter-toggle {
	float: left;
	padding: 4px 6px 4px 3px;
}

.bootstrap-select .dropdown-menu li.active .text {
	color: white;
}

.bootstrap-select .dropdown-menu li.active:hover .text,
.bootstrap-select .dropdown-menu li .text,
.bootstrap-select .dropdown-menu li.no-results {
	color: #282828;
}



.custom-table-headers .inner-header  > a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.custom-table-headers .inner-header  > a:focus {
	outline: 0;
}

.cursor-pointer {
	cursor: pointer !important;
}

.alert{
	margin:0px 20px 20px;
}

.form-horizontal .alert{
   color: black;
   text-align: left;
   margin:0px 0px 20px 0px;
   max-width: 100%;
}

.wizard ul li a { cursor: default; }
.wizard ul li.normal a:hover,
.wizard ul li.normal a:hover:before,
.wizard ul li.normal a:hover:after { background-position: 0 0 !important; } 

.wizard-primary ul li.selected a, 
.wizard-primary ul li.selected a:before, 
.wizard-primary ul li.selected a:after, 
.wizard-primary ul li.selected.first a:before, 
.wizard-primary ul li.selected.last a:after {
    background-position: right -240px;
}

.wizard-icon > ul > li.visited > a > span, 
.wizard-icon > ul > li.selected > a > span {
    position: relative;
    padding-right: 27px;
    color: #fff;
}

.clear-none{
	clear: none;
}

div.wicket-aa-container {
	z-index: 99;
	width: 300px;
}

div.wicket-aa {
    background-color: white;
    border-width: 1px;
    border-color: #cccccc;
    border-style: solid;
    padding: 2px;
    margin: 1px 0 0 0;
    text-align:left;
    z-index: 98;
}

div.wicket-aa ul { 
	list-style:none;
	padding: 2px;
	margin:0;
	height: auto;
}

div.wicket-aa ul li { 
	padding: 2px;
	margin: 0;
	cursor: pointer;
}

div.wicket-aa ul li.selected { 
	background-color: #ccebff;
}