/*-------------------Main Layout----------------------*/

.mainContainer {
	padding: 20px;
	width: 100%;
	branc margin: 0 auto;
}

.title {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

.comment {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.label {
	/* override bootstrap styles */
	font-family: Verdana, Helvetica, sans-serif !important;
	font-size: 12px !important;
	color: #444 !important;
	font-weight: bold !important;
	text-align: left !important;
}

.label.updated {
	color: #3333FF !important;
}

.error {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC3333;
	font-weight: normal;
}

.button {
	font-family: Verdana,Helvetica,Arial;
	font-size: 13px;
	cursor: pointer;
	font-weight: bold;
	margin: 2px;
	padding: 7px 17px 7px 17px;
	text-align: center;
	vertical-align: middle;
	/*
	border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
     */
}

.buttonOn, a.button:hover {
	font-family: Verdana,Helvetica,Arial;
	font-size: 13px;
	cursor: pointer;
	font-weight: bold;
	margin: 2px;
	padding: 7px 17px 7px 17px;
	text-align: center;
	vertical-align: middle;
}

.iconButton {
	cursor: pointer;
	background-color: Transparent;
	text-align: center;
	vertical-align: middle;
}

.iconButtonOn {
	cursor: pointer;
	background-color: Transparent;
	text-align: center;
	vertical-align: middle;
}

.mainButtonsBar {
	background-color: #F3F6F9;
	border: 1px solid #999999;
	padding: 3px;
}



/*---------------------Menu------------------------*/

.menu {
	clear: none;
	float: left;
	width: 184px;
	height: 600px;
	display: block;
	display: inline-block;
	background-color: #a1bbcd;
}

.menu .menuTable {
	margin: 5px;
	padding: 5px;
	width: 174px;
	border-collapse: collapse;
	border-spacing: 2px;
	margin-bottom: 0;
	margin-top: 0;
	text-indent: 0;
}

.menu .menuTable td {
	padding: 3px 10px;
	border-bottom: 1px solid #CCCCCC;
}

.menu .section {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

.menu .menuItemCell {
}

.menu .menuItem {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

.menu .menuItem:hover {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}



/*---------------------Controls------------------------*/

.textBox {
	height: 24px;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 5px;
	padding-right: 5px;
	/*
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
    background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
    background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
    background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%);
    */
}

.textBox:focus {
	/*
	height: 24px; 
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;			
	padding-left:5px;	 
	padding-right:5px;   	
	*/
	outline: none;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
	box-shadow: 0 0 5px rgba(0,0,0,.3);
}

.textBoxDisabled {
	height: 24px;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

.textBoxDisabled:focus {
	outline: none;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
	box-shadow: 0 0 5px rgba(0,0,0,.3);
}

.textArea {
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial;
	SCROLLBAR-FACE-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR: #444;
	SCROLLBAR-TRACK-COLOR: #FFFFFF;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-SHADOW-COLOR: #FFFFFF;
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
}

.textArea:focus {
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	SCROLLBAR-FACE-COLOR: #EEEEEE;
	SCROLLBAR-ARROW-COLOR: #333333;
	SCROLLBAR-TRACK-COLOR: #EEEEEE;
	SCROLLBAR-HIGHLIGHT-COLOR: #EEEEEE;
	SCROLLBAR-SHADOW-COLOR: #EEEEEE;
	SCROLLBAR-3DLIGHT-COLOR: #EEEEEE;
	SCROLLBAR-DARKSHADOW-COLOR: #EEEEEE;
	outline: none;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
	box-shadow: 0 0 5px rgba(0,0,0,.3);
}

.textAreaDisabled {
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial;
	SCROLLBAR-FACE-COLOR: #EEEEEE;
	SCROLLBAR-ARROW-COLOR: #999999;
	SCROLLBAR-TRACK-COLOR: #EEEEEE;
	SCROLLBAR-HIGHLIGHT-COLOR: #EEEEEE;
	SCROLLBAR-SHADOW-COLOR: #EEEEEE;
	SCROLLBAR-3DLIGHT-COLOR: #EEEEEE;
	SCROLLBAR-DARKSHADOW-COLOR: #EEEEEE;
}

.textAreaDisabled:focus {
	outline: none;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
	box-shadow: 0 0 5px rgba(0,0,0,.3);
}

.comboList select {
	height: 28px;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
}

.comboList.valueOutOfList .select2-container .select2-choice {
	color: #cc0000 !important;
}

.comboList.error .select2-choice {
	border: solid 1px #CC3333 !important;
}

.datePicker .input {
	width: 100px;
	height: 24px !important;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial;
	height: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

.datePicker .inputOnFocus {
	width: 100px;
	height: 24px !important;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 5px;
	padding-right: 5px;
	outline: none;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
	box-shadow: 0 0 5px rgba(0,0,0,.3);
}

.datePicker .inputDisabled {
	width: 100px;
	height: 24px !important;
	font-size: 12px;
	font-family: Verdana, Helvetica, Arial;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

.datePicker .openButton {
	cursor: pointer;
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #bbb;
	border: solid 1px #ccc;
	margin: 0px 2px;
	padding: 7px 3px 7px 3px;
	background-color: #EEEEEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.datePicker .openButtonOn {
	cursor: pointer;
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #666666;
	border: solid 1px #666666;
	margin: 0px 2px;
	padding: 7px 3px 7px 3px;
	background-color: #CCCCCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.datePicker .openButtonDisabled {
	cursor: pointer;
	font-family: Verdana, Helvetica, Arial;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #999999;
	border: solid 1px #999999;
	margin: 0px 2px;
	padding: 7px 3px 6px 3px;
	background-color: #EEEEEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.datePicker .calendar {
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	color: #444;
	background-color: #fff;
	border: solid 1px #ccc;
	margin-top: 1px;
}

.datePicker .calendar .mainTable {
}

.datePicker .calendar .header {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding: 4px;
}

.datePicker .calendar .day {
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	width: 20px;
	padding: 5px;
}

.datePicker .calendar .selectedDay {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	width: 20px;
	padding: 5px;
}

.datePicker .calendar .month {
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	width: 20px;
	padding: 7px;
}

.datePicker .calendar .selectedMonth {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	width: 20px;
	padding: 7px;
}

.datePicker .calendar .monthLabel {
	font-size: 12px;
	font-weight: bold;
}

.datePicker .calendar .yearInput {
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	font-weight: bold;
	border-width: 0px;
	width: 35px;
}

.datePicker .calendar a {
	text-decoration: none;
	color: #666666;
}

.datePicker .calendar_title_table {
	margin: 0 auto;
	width: 210px !important;
	margin-top: 5px;
}

.datePicker .calendar_main_table {
	width: 100%;
}

.datePicker .monthlycalendar_main_table {
	margin: 5px;
}

.datePicker .monthlycalendar_title_table {
	margin: 0 auto;
	width: 110px !important;
	margin-top: 5px;
}

.datePicker .prevmonth {
	padding-left: 5px;
	font-weight: bold;
}

.datePicker .nextmonth {
	padding-right: 5px;
	font-weight: bold;
}

.selector .selectedItem {
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	background-color: #EEEEEE;
	text-align: left;
}

.selector .unselectedItem {
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	background-color: #FFFFFF;
	text-align: left;
}

.selector .listTable {
	border: solid 1px #999999;
}

.selector .input {
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	background-color: #FFFFFF;
	border: solid 1px #999999;
	height: 24px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

.selector .inputOnFocus {
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	background-color: #EEEEEE;
	border: solid 1px #666666;
	height: 24px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

.selector .inputDisabled {
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	background-color: #EEEEEE;
	border: solid 1px #999999;
	height: 24px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

.selector.error .select2-choice {
	border: solid 1px #CC3333;
}

.selector .select2-choice {
	font-size: 12px !important;
}

.collapsablePanel .title {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	height: 30px;
	/*
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    */
}

.collapsablePanel .title td {
	padding: 10px;
	text-align: left;
	white-space: normal;
}

.collapsablePanel .buttonDown {
	background-image: url("../../Libraries/Pampa/Pampa.WebControls/Images/collapse_down.gif");
	background-color: #EEEEEE;
	border: solid 0px;
	height: 15px;
	width: 17px;
	cursor: pointer;
}

.collapsablePanel .buttonUp {
	background-image: url("../../Libraries/Pampa/Pampa.WebControls/Images/collapse_up.gif");
	border: solid 0px;
	height: 15px;
	width: 17px;
	cursor: pointer;
}

.collapsablePanel {
	/*
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-bottom: 10px; 
	*/
}

.collapsablePanel .container {
	/*
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;	
	*/
}

.collapsablePanel .container.notitle {
	/*
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	*/
}



/* -----------------------------Edit-----------------------------------*/

.entityEdit .caption {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.entityEdit .mandatoryCaption {
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

.entityEdit .validator .error {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CC3333;
	text-align: left;
	padding: 5px;
}

.entityEdit .editableHeader .controlsTable {
	border-collapse: collapse;
}

.entityEdit .editableHeader .captionCell {
	height: 25px;
	text-align: right;
	padding: 17px 5px 0px 20px;
	vertical-align: top;
}

.entityEdit .editableHeader .controlCell {
	padding: 10px;
	height: 25px;
}

.entityEdit .editableHeader .linkCell {
	padding: 0px 7px;
	height: 25px;
}

.entityEdit .editableHeader .errorCell {
	padding-left: 10px;
	height: 25px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC3333;
	font-weight: normal;
}

.entityEdit .editableHeader .linkButton {
	cursor: pointer;
}

.entityEdit .editableDetails {
	margin: 0px 10px 0px 10px;
	width: calc(100% - 20px) !important;
}

.editableDetails .detailsTable {
	/*border:1px solid #a8bed0;*/
	border-collapse: collapse;
}

.editableDetails .headerCell {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 7px !important;
	text-align: left;
}

.editableDetails .controlCell {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 5px !important;
	height: 30px;
	vertical-align: top;
}

.editableDetails .controlCell img {
	padding: 3px 6px 3px 3px;
	float: left;
}

.editableDetails .controlCell > span {
	padding: 6px 5px;
	display: block;
}

.editableDetails .actions .button {
	padding: 5px;
	font-family: Verdana,Helvetica,Arial;
	font-size: 12px;
	cursor: pointer;
	font-weight: bold;
	padding: 5px;
	border: solid 0px !important;
}

.editableDetails .actions .buttonOn {
	padding: 5px;
	font-family: Verdana,Helvetica,Arial;
	font-size: 12px;
	cursor: pointer;
	font-weight: bold;
	padding: 5px;
	border: solid 0px !important;
}

.editableDetails .validator {
	margin: 5px;
}

.editableDetails .draggableCell {
	padding: 0px;
	height: 30px;
}

.editableDetails .draggableIcon {
	cursor: grab;
}

.editableDetails.dragHelper {
	opacity: 0.7;
	background-color: #fff;
	min-width: fit-content;
}

.editableDetails.dragHelper .draggableIcon {
	cursor: grabbing !important;
}

.editableDetails td.headerCell:has(span.caption:empty),
.editableDetails td.headerCell:has(input[type="hidden"]),
.editableDetails td:has(.hidden),
.editableDetails td:has(.coordinateValue) {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.entityViewContainer {
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
}

.entityEdit .actionsTable {
	padding: 0px 0px 0px 20px !important;
}

.entityEdit .actionsTable td {
	padding: 5px !important;
}



/*----------------------------View----------------------------------*/

.entityView {
}

.entityView .groupTable {
	border: solid 1px #999999;
}

.entityView .title {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 5px;
	height: 20px;
}

.entityView .caption {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 5px;
	width: 150px;
	height: 25px;
}

.entityView .value {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 2px 5px;
	height: 25px;
}



/*----------------------------CustomGrid----------------------------------*/

.customGrid {
	overflow: auto;
	overflow-x: hidden;
	width: 100%;
}

.customGrid table {
	width: 100%;
}

.customGrid .actionButton {
	font-family: Verdana,Helvetica,Arial;
	font-size: 12px;
	cursor: pointer;
	font-weight: bold;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 8px;
	margin: 2px;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}

.customGrid .actionButtonOn {
	font-family: Verdana,Helvetica,Arial;
	font-size: 12px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #999999;
	cursor: pointer;
	font-weight: bold;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 8px;
	margin: 2px;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}

.customGrid th {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding: 13px 8px;
}

.customGrid th.asc,
.customGrid th.desc {
	font-style: italic;
}

.customGrid th a {
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

.customGrid td {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px 8px;
	cursor: default;
}

.customGrid td.nowrap {
	white-space: nowrap;
}

.customGrid tr.evenRow {
}

.customGrid tr.oddRow {
}

.customGrid tr.checkedRow {
}

.customGrid tr.deleted td {
	color: #c33;
}

.customGrid tr.disabled td {
	background-color: #EEEEEE !important;
	color: #CCCCCC !important;
}

.customGrid td.String {
	text-align: left;
}

.customGrid td.Number {
	text-align: left;
}

.customGrid td.Date {
	text-align: left;
}

.customGrid td.Bool {
	text-align: left;
}

.customGrid td.Checkbox {
	text-align: left;
}

.customGrid checkbox {
}

.customGrid .massiveButtonContainer {
	float: left;
}

.customGrid .gridSelectedContainer {
	float: left;
	padding: 10px;
}

.print_container {
	display: none;
}

@media print {
	.print_container {
		display: block !important;
	}
}

.print_container .customGrid {
	border: solid 0px !important;
}

	.print_container .customGrid td {
		border-bottom: solid 0px !important;
	}

.print_container .print_title {
	border-bottom: solid 0px !important;
}

.print_container .print_filters {
}

.print_container .print_filters .filter {
}



/*-------------------Pager----------------------*/

.pager {
	margin: 0px !important;
	width: 100%;
	min-height: 40px;
}

.pager .pager-container {
	/*float: right;*/
	/*padding-right: 2px;*/
	white-space: nowrap;
	display: inline-flex;
}

.pager .page-button,
.pager .page-first,
.pager .page-previous,
.pager .page-next,
.pager .page-last {
	min-width: 20px;
	height: 20px;
	padding: 8px 4px 4px 4px;
	margin: 3px;
	cursor: pointer;
	float: left;
	border-radius: 3px;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
}

.pager .page-dots {
	width: 28px;
	height: 20px;
	padding: 12px 4px 4px 4px;
	float: left;
	color: #eee;
}

.pager .selected {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	background-color: #fff !important;
}

.pager .unselected {
	font-family: Verdana;
	font-size: 12px;
}

.pager .page-button:hover {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}

.pager .pager-count {
	font-family: Verdana;
	font-size: 12px;
	padding: 12px;
	float: right;
}



/*-------------------Quick Filters----------------------*/

.quickFilters .quickfilter_panel {
	float: left;
	padding: 5px;
}

.quickFilters .quickfilter_panel .quickfilter {
	float: left;
	min-width: 60px;
	padding: 6px;
	min-height: 50px;
}

.quickFilters .quickfilter_panel .quickfilter .label {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	font-weight: bold;
	padding: 3px;
	display: table-cell;
	text-align: left;
}

.quickFilters .quickfilter_panel .quickfilter .control {
}

.quickFilters .quickfilter_panel .buttons_panel {
	float: left;
	min-width: 70px;
	padding: 23px 0px 10px 5px;
}

.quickFilters .quickfilter_panel .buttons_panel .qf_button {
	float: left;
	min-width: 25px;
	padding: 1px 5px 0px 5px;
}



/*-------------------Config Manager----------------------*/

.configManager .tabContainer {
	background-color: #FFFFFF;
}

.configManager .managersContainer {
	border: solid 1px #999999;
	background-color: #FFFFFF;
	overflow-y: auto;
	overflow-x: hidden;
	SCROLLBAR-FACE-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR: #999999;
	SCROLLBAR-TRACK-COLOR: #FFFFFF;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-SHADOW-COLOR: #FFFFFF;
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
}

.configManager .actionButtonsBar {
	background-color: #FFFFFF;
	text-align: right;
}

.configManager .tabLink {
	font-family: Verdana, tahoma, Verdana;
	font-size: 12px;
	color: #333333;
}

.configManager A {
	text-decoration: none;
	color: #333333;
}



/*-------------------Column Manager----------------------*/

.columnManager {
	font-family: Verdana;
	font-size: 12px;
	color: #999999;
	width: 100%;
}

.columnManager .dragBox {
	font-family: Verdana;
	font-size: 12px;
	color: #666666;
	width: 170px;
	margin-top: 5px;
	padding: 7px;
	cursor: grab;
	vertical-align: middle;
	border: solid 1px #999999;
	background-color: #EEEEEE;
}

.columnManager .notElegible {
	background-color: #efe5e5;
}

.columnManager .overDragBox {
	font-family: Verdana;
	font-size: 12px;
	color: #666666;
	width: 170px;
	margin-top: 5px;
	padding: 7px;
	cursor: grab;
	vertical-align: middle;
	border: solid 1px #789ebb;
	background-color: #bcd8ed;
}

.columnManager_dragingBox {
	font-family: Verdana,Verdana;
	font-size: 12px;
	color: #666666;
	padding: 7px;
	width: 170px;
	cursor: grabbing;
	opacity: 0.50;
	filter: alpha(Opacity=50);
	margin-top: 5px;
	vertical-align: middle;
	border: solid 1px #789ebb;
	background-color: #bcd8ed;
}

.columnManager .dragContainer {
	border: #CCCCCC 1px solid;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	float: left;
	margin: 5px;
	width: 186px;
	min-height: 35px;
}

.columnManager .title {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
	color: #666666;
}

.columnManager .trash {
	position: fixed;
	top: 410px;
	left: 650px;
}

.columnManagerPopup .modal-dialog {
	width: 710px;
}



/*-------------------Context Menu Manager----------------------*/

.contextMenu {
	border: 1px solid #999999;
	padding: 2px;
	background-color: #FFFFFF;
	cursor: pointer;
}

.contextMenu .item {
	font-family: Verdana;
	font-size: 12px;
	color: #999999;
	background-color: #F2F5F7;
}

.contextMenu .overItem {
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #999999;
}



/*-------------------Filter Manager----------------------*/

.filterManager {
	font-family: Verdana;
	font-size: 12px;
	color: #999999;
}

.filterManager .conditionFilter {
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 0px;
}

.filterManager .mainFilter {
}

.filterManager .groupFilter1 {
	border: #999999 1px solid;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #FFFFFF
}

.filterManager .groupFilter2 {
	border: 1px solid #666666;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #EEEEEE
}

.filterManager .mainFilter {
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.filterManager .inputValue {
	font-family: Verdana;
	font-size: 12px;
	color: #999999;
	border: 1px solid #999999;
	height: 20px;
}

.filterManager .buttonsBar {
	float: none;
}

.filterManager .removeButton {
	background-color: #EEEEEE;
	border: 1px solid #666666;
	color: #666666;
	cursor: pointer;
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	width: 18px;
	margin: 2px;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
}

.filterManager .removeButtonOn {
	background-color: #CCCCCC;
	border: 1px solid #333333;
	color: #333333;
	cursor: pointer;
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	width: 18px;
	margin: 2px;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
}

.filterManager .title {
	font-family: Verdana;
	font-weight: bold;
}



/*-----------------------------------Popups-----------------------------------*/

.floatingWindow .modal-header {
	border-bottom: 0px !important;
	padding: 5px;
}

.floatingWindow .modal-footer {
	border-top: 0px !important;
}

.configWindow {
	background-color: White;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-left-color: #999999;
	border-left-style: solid;
	border-left-width: thin;
	border-right-color: #999999;
	border-right-style: solid;
	border-right-width: thin;
	border-top-color: #999999;
	border-top-style: solid;
	border-top-width: thick;
	padding: 5px;
	color: #999999;
	font-size: 10px;
	font-family: verdana, tahoma, arial;
}

.configWindow .titleBar {
	background-color: White;
	font-family: verdana, tahoma, arial;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
}

.configWindow .closeButton {
	cursor: pointer;
	background-image: url("../../Libraries/Pampa/Pampa.WebControls/Images/close.gif");
	height: 19px;
	width: 13px;
}

.configWindow .closeButtonOn {
	cursor: pointer;
	background-image: url("../../Libraries/Pampa/Pampa.WebControls/Images/close_on.gif");
	height: 19px;
	width: 13px
}



/* ------------------------------------ Custom ------------------------------------- */

#Permissions {
	padding-left: 25px;
}

#Permissions table.groupContent {
	width: 200px;
}

#Permissions .controlCell {
	border: 0px;
}

#Permissions .headerCell {
	border: 0px;
}

#Permissions .detailsTable {
	border: 0px;
}

#MonitoringDefinitionEdit #panel_LiveMonitoringPoints table.groupContent {
	min-width: 750px;
}

#MonitoringTypeEdit #panel_Parameters table.groupContent {
	min-width: 550px;
}

.entityEdit .editableDetails .controlCell .iconButton {
	/*vertical-align: baseline !important;*/
}

.entityEdit .editableDetails .controlCell .iconButtonOn {
	/*vertical-align: baseline !important;*/
}

.monitoringValues table.detailsTable {
	/*width: 520px !important;*/
}

.validator {
	padding: 10px;
}

#panel_DeletedMonitoringPoints {
	border: solid 1px #ccc;
	background-color: #f0f0f0;
}

#panel_DeletedMonitoringPoints .container {
	background-color: #f0f0f0;
}

#panel_DeletedMonitoringPoints .title {
	background-color: #ddd;
	color: #666;
}

#panel_DeletedMonitoringPoints td.headerCell {
	background-color: #f0f0f0 !important;
}

#panel_DeletedMonitoringPoints td.controlCell {
	background-color: #f0f0f0 !important;
}

.lastValueAsDefault {
	color: blue !important;
}

.lastValueAsDefault .input {
	color: blue !important;
}

.lastValueAsDefault .select2-choice {
	color: blue !important;
}


/* ------------------------------------ Bootstrap fix ------------------------------------- */

.collapsablePanel .container {
	width: calc(100% - 2px) !important;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.controlCell .label {
	padding: 5px 2px 0px 3px !important;
	/* padding: 2px !important; */
	font-weight: normal !important;
}

.editableDetails .controlCell .label {
	padding: 8px 2px 0px 3px !important;
	white-space: normal;
}

@media (max-width: 1280px) {
	.controlCell .label {
		padding: unset !important;
		padding: 5px 2px 0px 3px !important;
		font-weight: normal !important;
	}
}

@media (max-width: 767px) {
	.controlCell .label {
		padding: 10px 2px 0px 3px !important;
	}
}


/* ------------------------------------ Waining cursor ------------------------------------- */

html.waiting, body.waiting, body.waiting * {
	cursor: wait !important;
}


/* ------------------------------ Menú desplegable en grillas ------------------------------- */

.grid-row-dropdown {
	position: relative;
	display: inline-block;
}

.grid-row-dropdown-toggle {
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.grid-row-dropdown-menu-icon {
	width: 20px;
	height: 2px;
	background-color: #333;
	margin: 4px 0;
	transition: all 0.3s ease;
}

.grid-row-dropdown-menu {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 120px;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	z-index: 1;
	left: auto; /* Ajuste para abrir hacia la izquierda */
	right: 0; /* Ajuste para abrir hacia la izquierda */
}

.grid-row-dropdown-menu span {
	color: #333;
	padding: 12px 16px;
	display: block;
	transition: background-color 0.3s;
	cursor: pointer;
	white-space: nowrap;
}

.grid-row-dropdown-menu span:hover {
	background-color: #ddd;
	color: #333 !important;
	text-decoration: none !important;
}