@import url("jquery-ui-1.12.1.css");

.ui-widget-overlay {
	background: #333;
	opacity: 0.4;
}

.ui-corner-all {
	border-radius: 3px;
}

.ui-widget-content {
	background: none;
	border: 0;
	padding: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: transparent;
	border-color: #CCC;
	color: #333;
	font-weight: normal;
}

.ui-icon,
.ui-widget-content .ui-icon,
.ui-state-default .ui-icon,
.ui-state-highlight .ui-icon,
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url('../App_Themes/NewTheme/Images/ui/bts_basicos.png');
}

.ui-icon {
width: 16px;
height: 16px;
}


.ui-widget-header {
	background: transparent;
	border: none;
	border-color: #CCC;
	color: #333;
	font-weight: normal;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-widget-header .ui-state-hover .ui-icon {
	background-image: url('../App_Themes/NewTheme/Images/ui/bts_basicos_cz.png');
}

.ui-state-active .ui-icon,
.ui-widget-header .ui-icon:active {
	background-image: url('../App_Themes/NewTheme/Images/ui/bts_basicos_active.png');
}

.ui-state-hover {
	border-color: #999 !important;
}

.ui-state-hover .ui-button-text {
	border-color: #C4C4C4;
	box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.5);
}

.ui-button .ui-button-text {
	cursor: pointer;
	font: normal 13px/15px 'Open Sans', Arial, Sans-Serif;
	height: 15px;
}

.ui-state-active .ui-button-text {
	border-color: #DBDBDB;
}

.bt-cinza,
.ui-button-text {
	background-color: #F0F0F0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7F7F7',EndColorStr='#DFDFDF');
	background-image: -webkit-linear-gradient(top,#F7F7F7,#DFDFDF);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#F7F7F7),to(#DFDFDF));
	background-image: -moz-linear-gradient(top,#F7F7F7,#DFDFDF);
	background-image: -ms-linear-gradient(top,#F7F7F7,#DFDFDF);
	background-image: -o-linear-gradient(top,#F7F7F7,#DFDFDF);
	background-image: linear-gradient(top,#F7F7F7,#DFDFDF);
	border-color: #dcdcdc;
	color: #333;
}

.ui-state-focus.ui-button {
	border-color: #FFAD54 !important;
}

/* -------------- */
/* [ DATEPICKER ] */
/* -------------- */
.ui-datepicker {
  background: #FFF;
  border: 1px solid #ccc;
  box-shadow: 0 4px 3px -3px #D6D6D6;
  font-size: .8rem;
  margin-top: -1px;
}

.ui-datepicker .ui-state-highlight.ui-state-hover {
	border-color: #D5491E !important;
}

.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker-next-hover {
	background: white !important;
	border: none !important;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-today a {
  background: rgba(255, 154, 44, 0.5);
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	height: 16px;
	width: 16px;
}

.ui-datepicker .ui-state-hover {
	background: rgba(255,173,84,0.2);
	
}

.ui-datepicker th {
	color: #666;
	font-weight: normal;
}

.ui-datepicker td .ui-state-active {
	background-color: #FF9A2C;
	color: #fff;
}

.ui-datepicker-next-hover {
	margin: 1px 1px 0 0;
}

.ui-datepicker-prev-hover {
	margin: 1px 0 0 1px;
}

/* ---------- */
/* [ DIALOG ] */
/* ---------- */
.ui-dialog {
	background: white;
	font-family: inherit;
	z-index: 9999;
	font-size: 13px;
}


.ui-dialog .ui-dialog-buttonpane {
	border: none;
	margin: 0;
	padding: 0 10px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	clear: both;
	text-align: right;
	width: 100%;
}


.ui-dialog .ui-dialog-content {
	overflow: visible;
	padding: 0.1em 0.8em;
}

.ui-dialog .ui-widget-header {
	background: transparent;
	border: 0;
	border-radius: 3px 3px 0 0;
	color: #0E699C;
}

.ui-dialog .ui-dialog-title {
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
	margin: 3px 0 0 0;
}

/* ---------------- */
/* [ AUTOCOMPLETE ] */
/* ---------------- */
.ui-dialog .ui-dialog-titlebar-close.ui-state-active,
.ui-dialog .ui-dialog-titlebar-close.ui-state-active span {
	background-color: transparent !important;
	border: none !important;
}

.ui-autocomplete {
	background-color: white !important;
	border: 1px #CCC solid !important;
	box-shadow: 0 4px 8px -3px rgba(0, 0, 0, 0.53);
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	background: #E7E7E7 !important;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	margin: 0;
}

/* -------------- */
/* [ TABCONTROL ] */
/* -------------- */
.ui-tabs .ui-tabs-panel,
.ui-tabs .ui-tabs-nav {
	padding: 0;
}

.ui-tabs .ui-tabs-nav li {
	margin: 0;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	margin-right: 4px;
	position: relative;
	display: block;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 2.5;
	padding: 0 1rem;
	color: #666;
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	font-size: .9rem;
	z-index: 1;
}

.ui-tabs .ui-tabs-nav a:focus {
	outline: none;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover a,
.ui-tabs .ui-tabs-nav li.ui-state-active a {
	color: #0E699C;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: default;
	color: #fff;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #ccc;
	content: '';
	-moz-transition: background-color 0.3s, transform 0.3s;
	-o-transition: background-color 0.3s, transform 0.3s;
	-webkit-transition: background-color 0.3s, transform 0.3s;
	transition: background-color 0.3s, transform 0.3s;
	-moz-transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
	-o-transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
	-webkit-transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
	-moz-transform: translate3d(0,100%,0) translate3d(0,-2px,0);
	-ms-transform: translate3d(0,100%,0) translate3d(0,-2px,0);
	-o-transform: translate3d(0,100%,0) translate3d(0,-2px,0);
	-webkit-transform: translate3d(0,100%,0) translate3d(0,-2px,0);
	transform: translate3d(0,100%,0) translate3d(0,-2px,0);
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a::after {
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.ui-tabs .ui-tabs-nav a:hover::after,
.ui-tabs .ui-tabs-nav a:focus::after,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a::after {
	background: #0E699C;
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled {
	background-color: #EAEAEA;
	opacity: 0.5;
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor {
	cursor: not-allowed;
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled:hover a::after {
	background: #ccc;
}

.ui-slider{
  position:relative;
  text-align:left;
}

.ui-slider-handle {
	background: #444 !important;
	border-radius: 50%;
	-moz-transition: .2s;
	-o-transition: .2s;
	-webkit-transition: .2s;
	transition: .2s;
	outline: none;
}

.ui-slider-handle:hover {
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.ui-slider-horizontal{
  height: 8px;
  background: #cccccc;
	margin: 10px 20px; 
}

.ui-slider-range {
	top: 0;
	height: 100%;
	background: #285B8B;
	-moz-transition: .2s;
	-o-transition: .2s;
	-webkit-transition: .2s;
	transition: .2s;
}