/* General */
.ui-widget-header {
	background: #fff !important;
}

.ui-widget {
	/* font-size: 110% !important; */
}

.ui-widget.ui-state-default {
	/* border: 1px solid #E8E8E8; */
}

.ui-widget.ui-state-hover {
	border-color: #989898;
}

.ui-widget.ui-state-highlight,
.ui-widget.ui-state-focus {
	border-color: #181818;
}

.ui-widget.ui-state-error {
	border-color: #D81838;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: 0.5;
}

/* Tabs - flikar */
.ui-tabs {
	padding: 0;
}

.ui-tabs.ui-widget.ui-widget-content {
	background: transparent none repeat scroll 0 0;
}

.ui-tabs.ui-widget.ui-widget-content .ui-tabs-nav.ui-widget-header {
	background: transparent none repeat scroll 0 0 !important;
}

.ui-tabs.ui-widget.ui-widget-content .ui-tabs-panels {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #d5d5d5; /* #bebebe; */
}

.ui-tabs .ui-tabs-nav > li.ui-state-default.ui-state-active {
	border: none;
	-moz-box-shadow:    0px 1px 0 1px #fff, 1px 0 0 1px #d5d5d5, -1px 0 0 1px #d5d5d5;
	-webkit-box-shadow: 0px 1px 0 1px #fff, 1px 0 0 1px #d5d5d5, -1px 0 0 1px #d5d5d5;
	box-shadow: 0px 1px 0 1px #fff, 1px 0 0 1px #d5d5d5, -1px 0 0 1px #d5d5d5;
}

/* dialoger */
.ui-dialog .ui-dialog-content .controls {
	border-top: 1px solid #E8E8E8;
	margin-top: 10px;
	padding-top: 10px;
}

.ui-dialog .ui-dialog-content .controls .ui-button {
	float: right;
	margin-left: 10px;
}

/*
.ui-dialog .ui-dialog-titlebar {
	padding: 0;
	border-bottom: 1px solid #d9d9d9;
}
*/

/* confirm dialog */
.ui-confirm-dialog.ui-dialog.ui-widget.ui-widget-content .ui-dialog-buttonpane.ui-dialog-footer.ui-widget-content {
	text-align: center;
}

/* Picklist */
.ui-picklist.ui-picklist-responsive>div:nth-child(3) {
	padding-top: 33px;
}

/*
.ui-picklist.ui-widget .ui-button.ui-widget .ui-button-icon-left.ui-icon.ui-c.ui-icon-arrow-1-e,
.ui-picklist.ui-widget .ui-button.ui-widget .ui-button-icon-left.ui-icon.ui-c.ui-icon-arrowstop-1-e,
.ui-picklist.ui-widget .ui-button.ui-widget .ui-button-icon-left.ui-icon.ui-c.ui-icon-arrow-1-w,
.ui-picklist.ui-widget .ui-button.ui-widget .ui-button-icon-left.ui-icon.ui-c.ui-icon-arrowstop-1-w {
	 background-image: none !important; 
}
*/

.ui-picklist.ui-widget .ui-button.ui-widget .ui-icon {
	display: none;
}

.ui-picklist.ui-widget .ui-button.ui-widget.ui-button-text-icon-left .ui-button-text {
	padding: 0;
    font-size: 1.9em;
    text-align: center;
}

/*
.ui-picklist.ui-widget .ui-button.ui-widget .ui-icon {
	zoom:2;
    -moz-transform:scale(2);
    -moz-transform-origin: 0 0;
}

.ui-picklist.ui-widget .ui-button-icon-only .ui-icon, .ui-picklist.ui-widget .ui-button-text-icon-left .ui-icon, .ui-picklist.ui-widget .ui-button-text-icon-right .ui-icon {
	top: 0;
	margin-top: 0;
}

.ui-picklist.ui-widget .ui-button-icon-only .ui-icon {
	margin-left: -16px;
	left: 50%;
}
*/


/* Accordion */

.ui-accordion .ui-accordion-content {
	padding-right: 1.2em;
	padding-left: 1.2em;
}

/* Breadcrumbs */

.ui-breadcrumb {
	/* margin: 15px 0; */
	/*
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	*/
}

.ui-breadcrumb ul li .ui-menuitem-link {
  margin-top: 0;
  text-decoration: none;
  color: #025da6;
}

/* Datatable */

.ui-paginator .ui-paginator-next .ui-icon, .ui-paginator .ui-paginator-prev .ui-icon, .ui-paginator .ui-paginator-first .ui-icon, .ui-paginator .ui-paginator-last .ui-icon {
  height: 16px;
  overflow: inherit;
}

.ui-datatable .ui-widget-content a {
	color: #2399e5;
}

/* Menubar */

.ui-menu.ui-menubar {
	padding-top: 0;
	padding-bottom: 0;
	border-top: 0;
	z-index: 99;
}

.ui-menu.ui-menubar.ui-widget.ui-widget-content.ui-corner-all, .ui-menu.ui-menubar.ui-widget.ui-widget-content ul.ui-menu-list li.ui-menuitem.ui-widget.ui-corner-all, .ui-menu.ui-menubar.ui-widget.ui-widget-content ul.ui-menu-list li.ui-menuitem.ui-widget.ui-corner-all a.ui-menuitem-link.ui-corner-all {
	-moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -khtml-border-top-right-radius: 0;
    border-top-right-radius: 0;
    
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -khtml-border-top-left-radius: 0;
    border-top-left-radius: 0;
}

.ui-menu .ui-menuitem.ui-widget {
  	margin: 0;
	outline: 1px solid #cccccc;
	margin-left: 1px;
	margin-top: 1px;
}

.ui-menu .ui-menu-parent .ui-menuitem.ui-widget, .ui-menu .ui-menu-parent.ui-menuitem.ui-widget.ui-menuitem-active {
  	outline: 0;
}

/*
.ui-widget.ui-menuitem.ui-menu-parent .ui-menuitem-link.ui-submenu-link.ui-state-hover {
	outline: 1px solid black;
}
*/

.ui-menu .ui-menuitem .ui-icon {
  	height: 18px;
  	width: 18px;
}

.ui-menu .ui-menu-parent .ui-menuitem .ui-icon {
  	height: 20px;
  	width: 20px;
}

.ui-menu.ui-menubar .ui-menuitem .ui-menuitem-text {
	padding-left: 3px;
}

.ui-menu .ui-menuitem.ui-widget .ui-menuitem-link.beslutinkomplett {
	background-color: #ffbaba;
}

.ui-menu .ui-menuitem.ui-widget .ui-menuitem-link.beslutinkomplett.ui-state-hover {
	background-color: #eee !important;
}

/* Steps */

.ui-steps {
	font-size: 16px;
}

.ui-steps .ui-steps-item .ui-menuitem-link {
	padding: 0.5em;
}

.ui-steps .ui-steps-item .ui-steps-number {
	display: none;
}

/* Panelgrid */

.ui-panelgrid .ui-widget-content {
	border: 0;
}

.ui-panel-content.ui-widget-content .ui-panelgrid.ui-widget {
	margin-left: -10px;
	margin-right: -10px;
}

.tabContainer .ui-panelgrid.ui-widget {
	margin-left: -10px;
	margin-right: -10px;
}

.ui-widget-content a {
    color: #025da6;
}

/* Ordered list */

.ui-orderlist {
	
}

.ui-orderlist-list {
	
}

.ui-orderlist .ui-orderlist-list {
	height: auto;
}

.ui-orderlist .ui-orderlist-list li.ui-orderlist-item {
	padding: 5px 20px;
	margin: 15px 0;
/* 	background-color: #f5f5f5; */
/*  border: 1px solid #e3e3e3; */
	border: 1px solid;
/* 	-webkit-box-shadow: 3px 3px 2px 0px rgba(115,115,115,1); */
/*  -moz-box-shadow: 3px 3px 2px 0px rgba(115,115,115,1); */
/*  box-shadow: 3px 3px 2px 0px rgba(115,115,115,1); */
}

.ui-orderlist .ui-orderlist-list li.ui-orderlist-item .outputEntry .label {
	font-weight: normal;
	font-size: 0.8em;
}

.ui-orderlist .ui-orderlist-list li.ui-orderlist-item:First-child {
	margin: 0 0 15px 0;
}

.ui-orderlist .ui-orderlist-list li.ui-orderlist-item:Last-child {
	margin: 15px 0 10px 0;
}

.ui-orderlist .ui-orderlist-list li.ui-orderlist-item table td a, .ui-orderlist .ui-orderlist-list li.ui-orderlist-item table td a:link, .ui-orderlist .ui-orderlist-list li.ui-orderlist-item table td a:visited, .delkurserGroupClass>div.control a, .delkurserGroupClass>div.control a:link, .delkurserGroupClass>div.control a:visited  {
	color: #025da6;
}

.ui-orderlist .ui-orderlist-list li.ui-orderlist-item table td a:hover, .delkurserGroupClass>div.control a:hover {
	color: orange;
}

.ui-orderlist .ui-orderlist-list li.ui-orderlist-item.ui-state-highlight table td a, .ui-orderlist .ui-orderlist-list li.ui-orderlist-item.ui-state-highlight table td a:link, .ui-orderlist .ui-orderlist-list li.ui-orderlist-item.ui-state-highlight table td a:visited  {
	color: #cde8fe;
}

.ui-orderlist .ui-orderlist-list li.ui-orderlist-item.ui-state-highlight table td a:hover  {
	color: orange;
}

/*
.ui-widget-content.ui-orderlist-list .ui-orderlist-item {
		background-color: #ffffe6;
}
*/

.ui-widget-content.ui-orderlist-list .ui-orderlist-item {
	background-color: #bccad6;
	border: 1px solid;
}

.ui-widget-content.ui-orderlist-list .ui-orderlist-item.ui-state-highlight {
	background-color: #667292;
	/*background: #186ba0 none repeat scroll 0 0;*/
    /* border: 1px solid #156090; */
    color: #fff;
}

.ui-widget-content.ui-orderlist-list .ui-orderlist-item.ui-state-hover {
	background-color: #8d9db6; /*d3d5d8;*/
}

.ui-orderlist .ui-orderlist-list.ui-widget-content {
	border: none;
}

.ui-orderlist .ui-widget-header {
	border: none;
	font-weight: normal;
}

.ui-orderlist .ui-orderlist-caption {
	text-align: left;
}

/* Editor */

.ui-widget-content .cke a {
    color: #fff;
}

/* Datatable */

.ui-datatable-odd {
	background-color: #fff;
}

.ui-datatable-header {
	background: #dfe5e8;	
}

/* Panels - general */

.ui-panel {
	/*
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	*/
	padding: 0;
}

.ui-panel.kursplan-comment {
	box-shadow: 0px 0px 5px 10px rgba(255, 255, 0,0.62);
	-webkit-box-shadow: 0px 0px 5px 10px rgba(255, 255, 0,0.62);
	-moz-box-shadow: 0px 0px 5px 10px rgba(255, 255, 0,0.62);	
}

.ui-panel .ui-widget-header {
	border: none;
	border-bottom: 1px solid #a8a8a8;
}

.ui-panel .ui-widget-header.ui-corner-all {
	border-radius: 0;
}

.ui-panel .ui-panel-content {
	padding: 1em;
	/* background-color: #fff; */
}

.ui-panel .ui-panel-title {
	font-size: 1.3em;
	font-family: "Open Sans", sans-serif;
	/* display: block; */
	margin: 0.1em 0 0.2em 0;
}

.ui-panel .ui-panel-title .title {
	float: left;
	/* display: block; */
}

.ui-panel .ui-panel-title .action {
	float: right;
	display: block;
	font-size: 0.7em;
}

.ui-panel .ui-panel-title .action button {
	margin-left: 15px;
}

.ui-panel .ui-panel-titlebar-icon, .ui-panel .ui-panel-titlebar-icon:hover, .ui-panel .ui-panel-titlebar-icon:focus {
    margin-left: 1em;
    margin-top: 0;
}

/*
.ui-panel .ui-panel-title::after {
    content:'';
    display:block;
    clear: both;
}
*/

.ui-panel .ui-panel-footer {
	margin: 0;
}

.ui-panel-footer .ui-button {
	float: right;
}

.ui-panel-footer>a {
	float: right;
	display: inline-block;
	color: #025DA6;
	text-decoration: none;
}

.ui-panel-footer:after {
    content:'';
    display:block;
    clear: both;
}

/* Panels - Infoboxes */

.infobox.ui-panel .ui-panel-content, .infobox.ui-panel .ui-panel-content {
	padding: 0;
    border: 0;
}

.infobox.ui-panel.ui-widget.ui-widget-content .ui-panel-footer.ui-widget-content {
	border: 0;
}

/*
.infobox.ui-panel .ui-panel-titlebar .ui-panel-title {
	display: block;
	margin: 0;
}
.infobox.ui-panel .ui-panel-titlebar .ui-panel-title:after {
    content:'';
    display:block;
    clear: both;
}

.infobox.ui-panel .ui-panel-titlebar i {
    font-size: 4em;
    display: inline-block;
    float: left;
}

.infobox.ui-panel .ui-widget-header {
	color: inherit;
}

*/

.infobox.ui-panel .ui-panel-content i {
    font-size: 4em;
    display: inline-block;
    float: left;
}

.infobox.ui-panel.ui-widget .ui-panel-content.ui-widget-content {
	background: none;
}

.infobox.ui-panel.ui-widget .ui-widget-content a {
	text-decoration: none;
	display: block;
}

.infobox.ui-panel .ui-panel-content a div {
	padding: 1em;
}

.infobox.ui-panel .ui-panel-content a div>span {
	float: right;
	display: block;
}

.infobox.ui-panel .ui-panel-content a div>span>span {
	text-align: right;
	font-size: 0.9em;
	font-weight: normal;
	display: block;
}

.infobox.ui-panel .ui-panel-content a div>span>span:first-child {
	font-size: 2em;
}

.infobox.ui-panel .ui-panel-content div:after {
    content:'';
    display:block;
    clear: both;
}

/* topbar */

.topbar .ui-inputswitch {
	position: relative;
	top: 5px;
}

/* radioknappar */

.ui-radiobutton-icon {
    margin-left: 0;
    margin-top: -1px;
}

/* Inputs ----------------------------------------------------------------------------------------------------------- */

.ui-inputfield {
	position: relative;
	color: black;
}

.ui-inputfield,
.ui-spinner,
.ui-selectonemenu,
.ui-autocomplete {
	box-sizing: border-box;
	width: 100%;
	background: white;
}

.ui-autocomplete-panel,
.ui-selectonemenu-panel {
	z-index: 9997 !important;	
}

.ui-selectonemenu-panel .ui-selectonemenu-item.ui-state-disabled,
.ui-autocomplete-panel .ui-autocomplete-item.ui-state-disabled {
	display: none;
}

.ui-selectonemenu-panel .ui-selectonemenu-item.ui-state-highlight,
.ui-autocomplete-panel .ui-autocomplete-item.ui-state-highlight {
	background: #ebedf0; /* #F8F8F8; */
	color: #000;
}

.ui-selectonemenu-panel .ui-selectonemenu-item.ui-state-hover,
.ui-autocomplete-panel .ui-autocomplete-item.ui-state-hover {
	background: #d3d5d8;
}

.ui-spinner-button.ui-state-default {
	height: 20px;
	width: 20px;
	border-radius: 20px;
	line-height: 20px;
	padding: 0;
	background: white;
	border: 2px solid #B8B8B8;
	color: #B8B8B8;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
	padding: 0;
}

.ui-selectonemenu .ui-selectonemenu-trigger span.ui-icon {
	margin-top: 8px;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
	padding: 0;
}

#kursplanerFormId .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger span.ui-icon {
	margin-top: 8px;
}

.ui-spinner-button.ui-state-focus,
.ui-spinner-button.ui-state-hover {
	border-color: black;
	color: black;
}

.ui-spinner-button.ui-state-default .ui-button-text {
	display: inline;
	padding: 0;
}

.ui-spinner-up.ui-state-default {
	top: 16px;
	right: 16px;
}

.ui-spinner-down.ui-state-default {
	top: 16px;
	right: 54px;
}

.ui-spinner .ui-icon {
	position: static;
	margin: 0;
	vertical-align: middle;
}

.ui-spinner-up .ui-icon:after {
	content: "\f067"; /* fa-plus */
}

.ui-spinner-down .ui-icon:after {
	content: "\f068"; /* fa-minus */
}

.ui-chkbox {
	float: left;
}

.ui-chkbox .ui-chkbox-box {
	box-sizing: border-box;
	width: 25px;
	height: 25px;
	padding: 2px;
	line-height: 25px;
	text-align: center;
}

.ui-chkbox .ui-icon-check:after {
	content: "\f00c"; /* fa-check */
	color: #D81838;
}

/* Grid */
.ui-g-1, .ui-g-2, .ui-g-3, .ui-g-4, .ui-g-5, .ui-g-6, .ui-g-7, .ui-g-8, .ui-g-9, .ui-g-10, .ui-g-11, .ui-g-12 {
	padding: 1em;
}

@media screen and (max-width: 40em) {
	.ui-sm-1, .ui-sm-2, .ui-sm-3, .ui-sm-4, .ui-sm-5, .ui-sm-6, .ui-sm-7, .ui-sm-8, .ui-sm-9, .ui-sm-10, .ui-sm-11, .ui-sm-12 {
	    padding: 0.7em;
	}
}

@media screen and (min-width: 40.063em) {
	.ui-md-1, .ui-md-2, .ui-md-3, .ui-md-4, .ui-md-5, .ui-md-6, .ui-md-7, .ui-md-8, .ui-md-9, .ui-md-10, .ui-md-11, .ui-md-12 {
	    padding: 1em;
	}
}

@media screen and (min-width: 64.063em) {
	.ui-lg-1, .ui-lg-2, .ui-lg-3, .ui-lg-4, .ui-lg-5, .ui-lg-6, .ui-lg-7, .ui-lg-8, .ui-lg-9, .ui-lg-10, .ui-lg-11, .ui-lg-12 {
	    padding: 1em;
	}
}

@media screen and (min-width: 90.063em) {
	.ui-xl-1, .ui-xl-2, .ui-xl-3, .ui-xl-4, .ui-xl-5, .ui-xl-6, .ui-xl-7, .ui-xl-8, .ui-xl-9, .ui-xl-10, .ui-xl-11, .ui-xl-12 {
	    padding: 1em;
	}
}

/* Minified grid */
.minified .ui-g-1, .minified  .ui-g-2, .minified  .ui-g-3, .minified  .ui-g-4, .minified  .ui-g-5, .minified  .ui-g-6, .minified  .ui-g-7, .minified  .ui-g-8, .minified  .ui-g-9, .minified  .ui-g-10, .minified  .ui-g-11, .minified  .ui-g-12 {
	padding: 0.3em;
}

@media screen and (max-width: 40em) {
	.minified .ui-sm-1, .minified  .ui-sm-2, .minified  .ui-sm-3, .minified  .ui-sm-4, .minified  .ui-sm-5, .minified  .ui-sm-6, .minified  .ui-sm-7, .minified  .ui-sm-8, .minified  .ui-sm-9, .minified  .ui-sm-10, .minified  .ui-sm-11, .minified  .ui-sm-12 {
	    padding: 0.1em;
	}
}

@media screen and (min-width: 40.063em) {
	.minified .ui-md-1, .minified  .ui-md-2, .minified  .ui-md-3, .minified  .ui-md-4, .minified  .ui-md-5, .minified  .ui-md-6, .minified  .ui-md-7, .minified  .ui-md-8, .minified  .ui-md-9, .minified  .ui-md-10, .minified  .ui-md-11, .minified  .ui-md-12 {
	    padding: 0.3em;
	}
}

@media screen and (min-width: 64.063em) {
	.minified .ui-lg-1, .minified  .ui-lg-2, .minified  .ui-lg-3, .minified  .ui-lg-4, .minified  .ui-lg-5, .minified  .ui-lg-6, .minified  .ui-lg-7, .minified  .ui-lg-8, .minified  .ui-lg-9, .minified  .ui-lg-10, .minified  .ui-lg-11, .minified  .ui-lg-12 {
	    padding: 0.3em;
	}
}

@media screen and (min-width: 90.063em) {
	.minified .ui-xl-1, .minified  .ui-xl-2, .minified  .ui-xl-3, .minified  .ui-xl-4, .minified  .ui-xl-5, .minified  .ui-xl-6, .minified  .ui-xl-7, .minified  .ui-xl-8, .minified  .ui-xl-9, .minified  .ui-xl-10, .minified  .ui-xl-11, .minified  .ui-xl-12 {
	    padding: 0.3em;
	}
}

.ui-g-nopad {
    padding: 0;
}

/* Bugfix för IE11 bug rörande flex */
.ui-dialog .ui-g {
	display: block;
	flex-wrap: none;
}