﻿/* general customization */

body .ui-widget,
body .ui-widget input {
	font-size: 14px;
	font-family: Calibri, Tahoma, sans-serif;
}

.ui-widget-header {
	background-color: #4297ca;
	border: none;
	font-weight: normal;
	font-size: 14px;
}

.ui-widget-content {
	border: none;
	color: #000;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-radius: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: #fff;
}



/* dialog customization */

.ui-dialog {
	padding: 0;
	background-color: white;
}

	.ui-dialog .ui-dialog-content {
		padding: 10px !important;
	}

	.ui-dialog .ui-dialog-titlebar {
		background-image: none;
		background-color: #4297ca;
		border: none;
		padding: 0.4em 0.4em 0.4em 1em;
		display: flex;
		justify-content: space-between;
	}

		.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
			color: #ffffff;
			flex: 1;
		}

		.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
			font-size: 0;
			position: relative;
			right: 0;
			top: 0;
			margin: 0;
		}

			.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
			.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:active {
				border: 1px solid #cccccc;
				background: #ededed;
			}

			.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
				background-image: url('/content/themes/base/images/ui-icons_777777_256x240.png');
			}

			.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover .ui-icon-closethick,
			.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:active .ui-icon-closethick {
				background-image: url('/content/themes/base/images/ui-icons_444444_256x240.png');
			}

	.ui-dialog .ui-widget-content {
		background-color: #fff !important;
	}

	.ui-dialog .ui-dialog-buttonpane {
		margin-top: 0;
		padding: 0 10px 5px 10px;
	}

	.ui-dialog .ui-dialog-buttonset .ui-button {
		padding: 5px 10px;
	}



/* tabs customization */

.ui-tabs {
	padding: 0;
}

	.ui-tabs .ui-tabs-nav {
		padding: 0;
	}

	.ui-tabs > .ui-widget-header {
		border: none;
		background: none;
	}

	.ui-tabs .ui-widget-content {
		border: none;
		background: none;
	}

	.ui-tabs .ui-state-default {
		background: none;
		background-color: #fff;
		border: 1px solid #bbb;
		border-bottom: none;
		height: 27px;
		min-width: 0;
	}

		.ui-tabs .ui-state-default a, .ui-tabs .ui-state-default a:link, .ui-tabs .ui-state-default a:visited {
			color: #666;
			font-size: 12px;
			font-weight: normal;
		}

	.ui-tabs .ui-tabs-nav li.ui-tabs-active {
		margin: 0 .2em 0 0;
	}

	.ui-tabs .ui-tabs-nav li:first-child {
		margin-left: 10px;
	}

	.ui-tabs .ui-tabs-nav li:last-child {
		margin-right: 10px;
	}

	.ui-tabs .ui-state-active a, .ui-tabs .ui-state-active a:link, .ui-tabs .ui-state-active a:visited {
		color: #666;
		font-size: 12px;
		font-weight: bold !important;
		text-decoration:underline;
	}

	.ui-tabs .ui-tabs-panel {
		border: 1px solid #bbb;
		border-radius: 0 !important;
	}

	.ui-tabs .ui-tabs-anchor {
		outline: none;
	}

.ui-tabs-nav > li {
	border-radius: 0 !important;
}

.ui-tabs.ui-widget-content {
	background: none;
	border: none;
}



/* progressbar customization */

.ui-progressbar {
	border: 1px solid #ccc !important;
	height: 20px;
	position: relative;
}

	.ui-progressbar > .ui-progressbar-value {
		background: #4297ca !important;
		border-radius: 0;
		box-sizing: border-box;
		margin: 0;
		height: 20px;
		display: inline-block;
	}

	.ui-progressbar > span {
		position: absolute;
		text-align: center;
		height: 100%;
		width: 100%;
		display: block;
		line-height: 20px;
	}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled,
.vida-dropdowntreelist-disabled .dropdowntreelist_togglebtn {
	opacity: 0.6;
}