.modal-fullscreen .modal-header {
  border-radius:0 !important;
}

#wrapTaskInProgress {
	float: right;
	padding: 9px 0px;
}

input:focus, textarea:focus, select:focus {
	border-color: #3e8ef7 ;
	outline: 0 none;
	box-shadow: none;
}
.ui-front {
	z-index: 10000000 !important;
}
.flexSignature canvas {
	border: .2rem solid #eee;
	cursor: crosshair;
	display: block;
	background:#FFF;
	min-width:350px;
	min-height:350px;

}
.loadingForm{
	float: right;
	height: 10px;
	margin: 10px;
	position: relative;
	width: 80px;
}
.list-group-item .btn .icon {
	margin-right: inherit;
}
.fountainG{
	position:absolute;
	top:0;
	background-color:#292929;
	width:10px;
	height:10px;
	-moz-animation-name:bounce_fountainG;
	-moz-animation-duration:0.8s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	-moz-transform:scale(.3);
	-moz-border-radius:7px;
	-webkit-animation-name:bounce_fountainG;
	-webkit-animation-duration:0.8s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-webkit-transform:scale(.3);
	-webkit-border-radius:7px;
	-ms-animation-name:bounce_fountainG;
	-ms-animation-duration:0.8s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:linear;
	-ms-transform:scale(.3);
	-ms-border-radius:7px;
	-o-animation-name:bounce_fountainG;
	-o-animation-duration:0.8s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:linear;
	-o-transform:scale(.3);
	-o-border-radius:7px;
	animation-name:bounce_fountainG;
	animation-duration:0.8s;
	animation-iteration-count:infinite;
	animation-direction:linear;
	transform:scale(.3);
	border-radius:7px;
}

#fountainG_1{
	left:0;
	-moz-animation-delay:0.32s;
	-webkit-animation-delay:0.32s;
	-ms-animation-delay:0.32s;
	-o-animation-delay:0.32s;
	animation-delay:0.32s;
}

#fountainG_2{
	left:10px;
	-moz-animation-delay:0.4s;
	-webkit-animation-delay:0.4s;
	-ms-animation-delay:0.4s;
	-o-animation-delay:0.4s;
	animation-delay:0.4s;
}

#fountainG_3{
	left:20px;
	-moz-animation-delay:0.48s;
	-webkit-animation-delay:0.48s;
	-ms-animation-delay:0.48s;
	-o-animation-delay:0.48s;
	animation-delay:0.48s;
}

#fountainG_4{
	left:30px;
	-moz-animation-delay:0.56s;
	-webkit-animation-delay:0.56s;
	-ms-animation-delay:0.56s;
	-o-animation-delay:0.56s;
	animation-delay:0.56s;
}

#fountainG_5{
	left:40px;
	-moz-animation-delay:0.64s;
	-webkit-animation-delay:0.64s;
	-ms-animation-delay:0.64s;
	-o-animation-delay:0.64s;
	animation-delay:0.64s;
}

#fountainG_6{
	left:50px;
	-moz-animation-delay:0.72s;
	-webkit-animation-delay:0.72s;
	-ms-animation-delay:0.72s;
	-o-animation-delay:0.72s;
	animation-delay:0.72s;
}

#fountainG_7{
	left:60px;
	-moz-animation-delay:0.8s;
	-webkit-animation-delay:0.8s;
	-ms-animation-delay:0.8s;
	-o-animation-delay:0.8s;
	animation-delay:0.8s;
}

#fountainG_8{
	left:70px;
	-moz-animation-delay:0.88s;
	-webkit-animation-delay:0.88s;
	-ms-animation-delay:0.88s;
	-o-animation-delay:0.88s;
	animation-delay:0.88s;
}

@-moz-keyframes bounce_fountainG{
	0%{
		-moz-transform:scale(1);
		background-color:#292929;
	}

	100%{
		-moz-transform:scale(.3);
		background-color:#E8E8E8;
	}

}

@-webkit-keyframes bounce_fountainG{
	0%{
		-webkit-transform:scale(1);
		background-color:#292929;
	}

	100%{
		-webkit-transform:scale(.3);
		background-color:#E8E8E8;
	}

}

@-ms-keyframes bounce_fountainG{
	0%{
		-ms-transform:scale(1);
		background-color:#292929;
	}

	100%{
		-ms-transform:scale(.3);
		background-color:#E8E8E8;
	}

}

@-o-keyframes bounce_fountainG{
	0%{
		-o-transform:scale(1);
		background-color:#292929;
	}

	100%{
		-o-transform:scale(.3);
		background-color:#E8E8E8;
	}

}

@keyframes bounce_fountainG{
	0%{
		transform:scale(1);
		background-color:#292929;
	}

	100%{
		transform:scale(.3);
		background-color:#E8E8E8;
	}
}





/* Chrome, Safari, Edge, Opera */
#loginData input::-webkit-outer-spin-button,
#loginData input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
#loginData input[type=number] {
	-moz-appearance: textfield;
}

#actionsToDoContent .panel-title {
	padding: 1.071rem 0;
	font-size: 1.428rem;
	margin: 1.071rem 0;
	border-bottom: 1px solid #e4eaec;
}
.modal-fill-in .modal-dialog{
	height:auto;
}

.btn,button, [type="reset"], [type="submit"], button, html [type="button"]{
	-webkit-appearance:none !important
}
button.dropdown-item {
	cursor: pointer;
}

.btn-white {
	background-color:white !important;
}
.hidden {    display: none !important;}
.hide{ display:none;}

p{margin-bottom:0.35rem;}

/* extended boostrap for btn pure */

.btn-info.btn-pure.disabled, .btn-info.btn-pure.disabled.active, .btn-info.btn-pure.disabled.focus, .btn-info.btn-pure.disabled.hover, .btn-info.btn-pure.disabled:active, .btn-info.btn-pure.disabled:focus, .btn-info.btn-pure.disabled:hover, .btn-info[disabled], .btn-info.btn-pure[disabled].active, .btn-info.btn-pure[disabled].focus, .btn-info.btn-pure[disabled].hover, .btn-info.btn-pure[disabled]:active, .btn-info.btn-pure[disabled]:focus, .btn-info.btn-pure[disabled]:hover, fieldset[disabled] .btn-info.btn-pure, fieldset[disabled] .btn-info.btn-pure.active, fieldset[disabled] .btn-info.btn-pure.focus, fieldset[disabled] .btn-info.btn-pure.hover, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
	color: #54cbe3;
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
}

.btn-warning.btn-pure.disabled, .btn-warning.btn-pure.disabled.active, .btn-warning.btn-pure.disabled.focus, .btn-warning.btn-pure.disabled.hover, .btn-warning.btn-pure.disabled:active, .btn-warning.btn-pure.disabled:focus, .btn-warning.btn-pure.disabled:hover, .btn-warning[disabled], .btn-warning.btn-pure[disabled].active, .btn-warning.btn-pure[disabled].focus, .btn-warning.btn-pure[disabled].hover, .btn-warning.btn-pure[disabled]:active, .btn-warning.btn-pure[disabled]:focus, .btn-warning.btn-pure[disabled]:hover, fieldset[disabled] .btn-warning.btn-pure, fieldset[disabled] .btn-warning.btn-pure.active, fieldset[disabled] .btn-warning.btn-pure.focus, fieldset[disabled] .btn-warning.btn-pure.hover, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
	color: #fa983c;
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
}

.btn-success.btn-pure.disabled, .btn-success.btn-pure.disabled.active, .btn-success.btn-pure.disabled.focus, .btn-success.btn-pure.disabled.hover, .btn-success.btn-pure.disabled:active, .btn-success.btn-pure.disabled:focus, .btn-success.btn-pure.disabled:hover, .btn-success[disabled], .btn-success.btn-pure[disabled].active, .btn-success.btn-pure[disabled].focus, .btn-success.btn-pure[disabled].hover, .btn-success.btn-pure[disabled]:active, .btn-success.btn-pure[disabled]:focus, .btn-success.btn-pure[disabled]:hover, fieldset[disabled] .btn-success.btn-pure, fieldset[disabled] .btn-success.btn-pure.active, fieldset[disabled] .btn-success.btn-pure.focus, fieldset[disabled] .btn-success.btn-pure.hover, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
	color: #49de94;
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
}
.btn-primary.btn-pure.disabled, .btn-primary.btn-pure.disabled.active, .btn-primary.btn-pure.disabled.focus, .btn-primary.btn-pure.disabled.hover, .btn-primary.btn-pure.disabled:active, .btn-primary.btn-pure.disabled:focus, .btn-primary.btn-pure.disabled:hover, .btn-primary[disabled], .btn-primary.btn-pure[disabled].active, .btn-primary.btn-pure[disabled].focus, .btn-primary.btn-pure[disabled].hover, .btn-primary.btn-pure[disabled]:active, .btn-primary.btn-pure[disabled]:focus, .btn-primary.btn-pure[disabled]:hover, fieldset[disabled] .btn-primary.btn-pure, fieldset[disabled] .btn-primary.btn-pure.active, fieldset[disabled] .btn-primary.btn-pure.focus, fieldset[disabled] .btn-primary.btn-pure.hover, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
	color: #79b2fc;
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
}
@media (max-width: 767px) {

	.btn-xs-block {
		display: block;
		width: 100%;
	}
	input[type="submit"].btn-xs-block,
	input[type="reset"].btn-xs-block,
	input[type="button"].btn-xs-block {
		width: 100%;
	}
	.btn-block + .btn-xs-block,
	.btn-xs-block + .btn-block,
	.btn-xs-block + .btn-xs-block {
		margin-top: 0.5rem;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.btn-sm-block {
		display: block;
		width: 100%;
	}
	input[type="submit"].btn-sm-block,
	input[type="reset"].btn-sm-block,
	input[type="button"].btn-sm-block {
		width: 100%;
	}
	.btn-block + .btn-sm-block,
	.btn-sm-block + .btn-block,
	.btn-sm-block + .btn-sm-block {
		margin-top: 0.5rem;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.btn-md-block {
		display: block;
		width: 100%;
	}
	input[type="submit"].btn-md-block,
	input[type="reset"].btn-md-block,
	input[type="button"].btn-md-block {
		width: 100%;
	}
	.btn-block + .btn-md-block,
	.btn-md-block + .btn-block,
	.btn-md-block + .btn-md-block {
		margin-top: 0.5rem;
	}
}
@media (min-width: 1200px) {
	.btn-lg-block {
		display: block;
		width: 100%;
	}
	input[type="submit"].btn-lg-block,
	input[type="reset"].btn-lg-block,
	input[type="button"].btn-lg-block {
		width: 100%;
	}
	.btn-block + .btn-lg-block,
	.btn-lg-block + .btn-block,
	.btn-lg-block + .btn-lg-block {
		margin-top: 0.5rem;
	}
}

.cursor-col-resize,
.cursor-col-resize .flexGrid thead th.sortable{
	cursor:col-resize !important

}
.table-responsive > .table-bordered{
	border:1px solid #e4eaec;
}
.unselectable{
	-moz-user-select:'-moz-none',
		-moz-user-select:'none',
		-o-user-select:'none',
		-khtml-user-select:'none', 
		-webkit-user-select:'none',
		-ms-user-select:'none',
		user-select:'none'
}

/****************** FORM SEACH ADVANCE ****************** */
form.searchAdvance {
	border-bottom: 1px solid #e4eaec;
	margin-bottom: 1.071rem;
}
form.searchAdvance.form-inline .form-group {
	
}

form.form-inline.report fieldset {
	min-width: 100%;
}
form.searchAdvance  select.form-control-sm{
	min-width: 62px;
}

form.searchAdvance .divadvance.group {
	
}

form.searchAdvance  .divadvance.group  legend {

}

/****************** CHATS ****************** */
.timeline-messages {
	margin: 0 auto;
	width: 100%;
	padding: 0.714rem;
}
.timeline-messages-footer {
	margin: 0 auto;
	padding: 0 0.75rem 0.75rem 0.75rem;
	background:#FFF;
}
.timeline-messages::before {
	background: #d7d7d7 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 31px;
	position: absolute;
	top: 0px;
	width: 1px;
}

.timeline-messages .message-body {
	background: rgba(0,0,0,.03);
	margin-left: 50px;
	padding: 0em;
	position: relative;

	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
}
.timeline-messages .message-body::after, .timeline-messages .message-body::before {
	border-style: solid;
	content: " ";
	height: 0;
	pointer-events: none;
	position: absolute;
	right: 100%;
	width: 0;
}
.timeline-messages .message-body::after, .timeline-messages .message-body::before {
	content: " ";
	display: table;
}
.timeline-messages .message-body .timeline-date {
	display: inline-block;
	padding: 5px 0 0.714rem;
}
.timeline-messages .message-body::before {
	border-color: transparent #d7d7d7 transparent transparent;
	border-width: 7px;
	top: 13px;
}
.timeline-messages .message-body::after {
	border-color: transparent rgba(0,0,0,.125) transparent transparent;
	border-width: 6px;
	top: 14px;
}

.timeline-messages, .msg-time-chat {
	position: relative;
}
.msg-time-chat:first-child:before {
	margin-top: 16px;
}


.message-img {
	border-radius: 50%;
	float: left;
	margin-right: 1.071rem;
	overflow: hidden;
}
.message-img img {
	display: block;
	height: 38px;
	width: 38px;
}

.msg-time-chat .text {
	/* background: none repeat scroll 0 0 #F9F9F9;
	border: 1px solid #E5E5E5;*/
}
.msg-time-chat p {
	margin: 0;
}
.msg-time-chat .attribution {
	color: #666666;
	min-height:35px;
	position:relative;

}
.msg-time-chat .attribution .fr {
	padding: 0.714rem;
}
.msg-time-chat .attribution .date {
	padding: 0.714rem;
	position: absolute;
	right: 0;
	top: 0;
}
.msg-time-chat .from {
	cursor:pointer;
	padding: 0.714rem;
	display: block;
	width:80%;
}
.msg-time-chat .from.origen {
	cursor:pointer;
	padding: 0.714rem;
	display: block;
	width:70%;
}

.msg-time-chat {
	overflow: hidden;
	padding: 0;
	margin: 0 0 1.428rem 0;
}
.message-body .all-text {
	background: none repeat scroll 0 0 #FFFFFF;
	padding: 0.714rem;
}
.message-body .attachMsj {
	background: none repeat scroll 0 0 #FFFFFF;
	padding: 0.714rem;
}

.msg-buttons {
	display: block;
	position: relative;
	right: -0.357rem;
	top: -0.714rem;
}

.msg-in a {
	color: #22878E;
	text-decoration:none;
}
.external {
	color: #d14836;
}
.internal {
	color: #4787ED;
}


.no-transition {
	transition: none !important;
}

.popover-body {
	max-width: 300px;
	max-height: 300px;
	overflow: auto;
}
.popover-body img {
	max-width: 225px !important;
}




.page-item .page-link.disabled {
	color: #ccd5db;
	pointer-events: none;
	background-color: transparent;
	border-color: #e4eaec;
}
/*flexcalendar */
.flexcalendar {
	position:relative;
	height:100%;
	width:100%;
	border:solid 1px #d7d7d7;
	border-collapse:collapse;
	background-color: #FFF;
}
.wrapCalendar .monthNavigation {
	padding-bottom: 1.071rem;
}



.monthNavigation .datePick{
	width: 105px;
	text-align:center;

}

.mobile .monthNavigation .datePickWrap{display:none;}
.monthNavigation .datePickWrap{
	float: right;
	width: auto;
}

.monthNavigation .datePick::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	line-height: 1;
	speak: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	text-align: center;
	font-size: 1.5rem;
	display: block;
	line-height: 2em;
	content: "\f111";
	color:#687581
}
.monthNavigation .datePick:focus{
	
}
.flex.wrapCalendar div.mDiv {
	display:none;
	line-height: 38px;
	padding: 0 5px;
	border:1px solid #CCCCCC  !important;
}
.flex.wrapCalendar div.mDiv h2{
	margin:0;
}
.flex.wrapCalendar.flexFullScreen div.mDiv {
	display:block;
}
.flex.wrapCalendar.flexFullScreen .contentCalendar {
	padding: 0 5px;
}

.wrapCalendar .monthNavPrev, .wrapCalendar .monthNavNext, .wrapCalendar .todayLink {
	float:left;
}

.wrapCalendar .toggleLink, 
.wrapCalendar .changeView, 
.wrapCalendar .yearNavNext, 
.wrapCalendar .yearNavPrev 
{
	float:right;
}





.wrapCalendar .monthNavigation .btn.blue span{
	color: #FFF !important;
}
.wrapCalendar .monthName {
	float: left;
	text-transform: uppercase;
	line-height: 2.5;
	margin: 0 0.714rem;
}

.flexcalendar .calendarHead th {

	border-color: -moz-use-text-color #ddd #ddd;
	border-right: 1px solid #ddd;
	border-style: none solid solid;
	border-width: medium 1px 1px;
	border-left: none;
	border-bottom: none;
	width:14%;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;

	font-weight: 500;
}

.flexcalendar .calendarHead th.dl {
	cursor:pointer
}
.flexcalendar .calendarHead th.dateHeader .dl{
	display:block;
}
.flexcalendar .calendarHead th.dateHeader .ds{
	display:none;
}

.mobile .flexcalendar .calendarHead th.dateHeader .dl{
	display:none;
}
.mobile  .flexcalendar .calendarHead th.dateHeader .ds{
	display:block;
}
.flexcalendar .hours {
	display:block;
	border-bottom: 1px solid #ddd;
	/*margin:5px;*/
}
.flexcalendar .dateBox {

	transition: background 0.5s ease 0s, color 0.5s ease 0s;
	-o-transition: background 0.5s, color 0s;
	-ms-transition: background 0.5s, color 0s;
	-moz-transition: background 0.5s, color 0s;
	-webkit-transition: background 0.5s, color 0s;
	border: 1px solid #ddd;
	color: #687581;
	vertical-align: top;
	width: 14%;
}
.contentCalendar .calDivHeader{
	padding: 0 17px 0 0;
	background: -moz-linear-gradient(center top , #d7d7d7 0%, #EAEAE9 99%) repeat scroll 0 0 transparent;
}
.contentCalendar .calDivBody{
	overflow-y: scroll;
}
.flexcalendar.week .calendarHead th,
.flexcalendar.week .dateBox
{
	width: 13.5%;
}
.flexcalendar.scheduler.seven .dateBox
{
	width: 5.5%;
}
.flexcalendar.scheduler.seven .calendarHead th.dateHeader,
.flexcalendar.scheduler.seven .dateBox.tcell
{
	width: 13.5%;
}
.flexcalendar.scheduler.fourteen .calendarHead th.dateHeader,
.flexcalendar.scheduler.fourteen .dateBox.tcell
{
	width: 6.75%;
}
.flexcalendar.scheduler.twentyone .calendarHead th.dateHeader,
.flexcalendar.scheduler.twentyone .dateBox.tcell
{
	width: 4.5%;
}

.flexcalendar .calendarHead th.hs,
.flexcalendar .dateBox.hs
{
	width: 5.5% !important;
}

.flexcalendar.day .calendarHead th.hs,
.flexcalendar.day .dateBox.hs
{
	min-width: 5rem !important;
}
.flexcalendar.day .calendarHead th,
.flexcalendar.day .dateBox  
{
	width: auto;
}

.flexcalendar .calendarHead th.row,
.flexcalendar .dateBox.row
{
	width: 5.5%;
	padding: 0 5px;
	text-align:left;
}
.flexcalendar.month .dateBox.hs 
{
	height: 20px;
}
.flexcalendar.week .dateBox.hs 
{
	height: 40px;
}
.flexcalendar.scheduler .dateBox 
{
	height: 40px;
	vertical-align:middle;
}
.flexcalendar .actionsEvent 
{
	display:none;
}
.flexcalendar.scheduler .events
{
	height: 40px;
}
.flexcalendar.day .dateBox.hs 
{
	height: 80px;
}
.flexcalendar .dateBox.holiday {

}
.flexcalendar .dateBox:hover {

}
.flexcalendar .dateBox.holiday:hover {

}
.flexcalendar .holidayLabel {
	padding: 0 0 0 0;
	text-align: left;
	color: #4787ED;
	line-height: 1.5;
	font-size: .85em;
	word-wrap: anywhere;
	float: left;
	height: 16px;
	overflow: hidden;
	width: 80px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.eventHolderMobile .holidayLabel {
	padding: 2px 0.714rem;
	font-weight: 300;
	line-height: 1.3;
	font-size: 1em;
}


.mobile .flexcalendar .holidayLabel {
	display:none;
}
.flexcalendar .today .holidayLabel {
	/*color:#ccc !important;*/
}
.flexcalendar .dateLabel {
	overflow:hidden;
	line-height:1.3;
	padding: 2px;
	text-align: left;
	/*	width: 98%;
	*/}
.flexcalendar.month .dateLabel {
	cursor:pointer;
}
.mobile .flexcalendar.month .dateLabel {
	cursor:default;
}
.flexcalendar .dateLabel .dateNum {
	float: right;

}
.mobile .flexcalendar .dateLabel .dateNum {
	float: none;
	text-align: center;
	display: block;
	font-size: 1.2rem;
}
.flexcalendar .dateData {
}
.flexcalendar .dateData.more {
	position:relative;
}
.flexcalendar .dateData.opened {
	height: auto !important;
	padding-bottom: 14px;
	position: absolute;
	z-index: 200;
	width: 14.2%;
	background: #FFF;
}
.flexcalendar .today .dateData.opened {
	background: #4787ED;
}
.flexcalendar .dateData.last.opened {
	position: relative;
	width: auto;
}
.flexcalendar .dateLabel:hover {
	color:#4787ED;
	text-decoration: underline;
}
.flexcalendar .dateBox.inactive .dateLabel{
	color:#CCCCCC;
}
.calendarBody .weekend {
	/*background:none repeat scroll 0 0 #F0F0F0;*/
	color:#DD4B39;
}
.calendarBody .weekend:hover {
	color:#DD4B39;
	/* background: none repeat scroll 0 0 #EFEFEF;*/
}
.calendarBody .otherMonth, .calendarBody .otherMonth.weekend  {
	color:#999;
	/*background:none repeat scroll 0 0 #FAFAFA*/
}
.calendarBody .otherMonth:hover, .calendarBody .otherMonth.weekend:hover  {
	color:#999;
	/*background:none repeat scroll 0 0 #EFEFEF*/
}
.calendarBody .inactive, .calendarBody .inactive.weekend  {
	color:#999;
	/*background:none repeat scroll 0 0 #FFFFFF*/
}
.flexcalendar .dateBox.inactive:hover {
	color:#999;
	/*background:none repeat scroll 0 0 #FFFFFF*/
}
.flexcalendar .today, .flexcalendar .today:hover {

}
.flexcalendar .today .dateLabel,
.flexcalendar th.today span
{
	color: #4787ED;
}
.flexcalendar .selected, .flexcalendar .selected:hover {
	background: #f3f7f9;
	color: #222 !important;
}
.flexcalendar .tcellSelected, .flexcalendar .tcellSelected:hover {
	background: #f3f7f9;
	color: #222 !important;
}
.flexcalendar .events {
	position:relative;
}
.flexcalendar .events .event {
	position: relative;
	cursor: pointer;
	font-weight: 300;
	line-height: 1.3;
	font-size:.85em;
	text-decoration: none;
	margin: 1px 2px 0 !important;
	word-break: break-all;
	padding:0;
	border-radius: 3px;
}
.eventHolderMobile {
	padding: 1.071rem 0;
}
.eventHolderMobile .events .event {
	position: relative;
	cursor: pointer;
	font-weight: 300;
	line-height: 1.3;
	font-size:1em;
	text-decoration: none;
	margin: 1px 2px 0 !important;
	padding:0;
	border-radius: 3px;
}
.eventHolderMobile .events .event .ev-content {
	padding: 2px 5px;
	display: block;
}
.flexcalendar.scheduler .events .event {
	background-color: #FFF8CC;
	border: 1px solid #FFE222;
	position: absolute;
	color: #666;
	cursor: pointer;
	line-height: 38px;
	font-size:100%;
	text-decoration: none;
	margin: 0 !important;
	word-break: break-all;
	padding: 0;
	z-index: 1;
	overflow: hidden;
	height: 40px;
}
.flexcalendar .events .event .ev-content {
	padding: 2px 5px;
	height: 18px;
	overflow: hidden;
	display: block;
}
.mobile .flexcalendar .events .event{
	display:none;
}
/*.mobile .flexcalendar .events .event{
overflow: hidden;
height: 20px;
}
.mobile .flexcalendar .events .event .ev-content {
padding: 2px 2px;
}*/
.mobile .flexcalendar .events {
	display: block;
	height: 2.5em;
}

.mobile .flexcalendar .hasHolidays .events,
.mobile .flexcalendar .hasEvents .events {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	line-height: 1;
	speak: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	text-align: center;
	font-size: 1.5rem;
	display: block;
	line-height: 2em;
}
.mobile .flexcalendar .hasEvents .events::before {
	content: "\f111";
	color:#687581
}
/*.mobile .flexcalendar .holiday.hasEvents .events::before {
color: #4787ED;
}*/
.mobile .flexcalendar .hasHolidays .events::after {
	content: "\f111";
	color: #4787ED;
}
.eventHolderMobile .holidayLabel{
	color: #4787ED;
}
.eventHolderMobile .events .event p,
.flexcalendar .events .event p {
	margin: 0;
	display: inline;
	line-height: 1.3;
}
.eventHolderMobile .events .event span[class^="icomoon-icon-"],
.flexcalendar .events .event span[class^="icomoon-icon-"] ,
.eventHolderMobile .events .event i,
.flexcalendar .events .event i 
{
	padding: 0px 0px 1px 0px;
	margin: 0px 5px 0 0;
	font-size: .85em;
	line-height: 1.3;
}
.flexcalendar .events .event.bg-dark span[class^="icomoon-icon-"],
.flexcalendar .events .event.bg-blue span[class^="icomoon-icon-"],
.flexcalendar .events .event.bg-red span[class^="icomoon-icon-"],
.flexcalendar .events .event.bg-green span[class^="icomoon-icon-"],
.flexcalendar .events .event.blue span[class^="icomoon-icon-"],
.flexcalendar .events .event.red span[class^="icomoon-icon-"],
.flexcalendar .events .event.green span[class^="icomoon-icon-"]
{
	color:#FFF;
}
.flexcalendar .events .event .popup {
	border: 1px solid #000;
	border-bottom:none;
	background:none repeat scroll 0 0 #000;
	position: absolute;
	bottom: 100%;
	left: -9999px;
	width: 100%;
	color: #fff;
	opacity: 0;
	transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-moz-transition: opacity 0.3;
	-webkit-transition: opacity 0.3s;
	transition-delay: 0.5s;
}
.flexcalendar.scheduler .events .event .popup {
	border: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	background:none repeat scroll 0 0 #f6f6f6;
	line-height: 22px;
}
.flexcalendar .events .event .popup .popupCont{
	padding:5px;
}
.popupCont [class^="icomoon-icon-"], .popupCont [class*=" icomoon-icon-"] {
	color: #FFFFFF !important;
}
.flexcalendar .events .event .popup:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -4px;
	border-top: 4px solid transparent;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	border-top-color: #000;
}
.flexcalendar.scheduler .events .event .popup:after {
	border-top-color: #d2d2d2;
}


.flexcalendar .events .border-yellow {
	border-color: #FAA700 !important;
}
.flexcalendar .events .border-red {
	border-color: #ff4c52 !important;
}
.flexcalendar .events .border-green {
	border-color: #11c26d !important;
}

.flexcalendar .events .event.yellow {
	background-color: #FAA700;
	border: 1px solid #FAA700;
	color: #FFF !important;
}
.flexcalendar .events .event.red {
	background-color: #ff4c52;
	border: 1px solid #ff4c52;
	color: #FFFFFF !important;
}
.flexcalendar .events .event.green {
	background-color: #11c26d;
	border: 1px solid #11c26d;
	color: #FFFFFF !important;
}
.flexcalendar .events .event:hover.yellow ,
.flexcalendar .events .event:hover.red ,
.flexcalendar .events .event:hover.green {
	opacity: .8;

}
.flexcalendar.scheduler .events .event:hover .popup {
	color: #222 !important;
}
.flexcalendar .events .event:hover .popup {
	left: -1px;
	opacity: 1;
	color: #fff !important;
}
.flexcalendar .events .event.ui-draggable-dragging .popup {
	left: -9999px !important;
	opacity: 0 !important;
}
.flexcalendar .events .event.noclick:hover .popup {
	left: -9999px;
	opacity: 0;
	color: #fff !important;
}
.flexcalendar .events .event .eh {
	overflow: hidden;
	display: block;
	line-height: 12px;
}
.flexcalendar .events div span.time{
	color: #337BB2;
}
.flexcalendar .events div.undone {
	color: #707070;
}
.flexcalendar .events div.done {
	text-decoration: line-through !important;
}
.flexcalendar .events event:hover {
	text-decoration: underline;

}
.flexcalendar .today .dateLabel:hover {
	/*color: #FFFFFF;*/
}
.flexcalendar .today .events div {
	/*border:1px solid #FFFFFF;*/
}
.flexcalendar ul, .flexcalendar ul li {
	list-style: none outside none;
	margin: 0 0 0 0 !important;
}
.leyendCalendar {
	margin-top:5px;
}
.leyendCalendar td{
	padding: 3px 5px;
}
.leyendCalendar td.colorLeyend{
	padding: 3px 0.714rem;
	border: 1px solid #FFF;
}
.leyendCalendar td.default{
	background:#FFF8CC;
}




/* FLEX BOX */
.flexbox .modal-header{
	padding-right: 20px;
}
.flexbox .modal-title{
	flex: 1;
}
.flexbox .modal-custom-buttons {
	order: 2;
}
.flexbox .modalClose {
	order: 3;
}
.flexbox .modal-header button {
	opacity: .6;
}
.flexbox .modal-header button:hover {
	opacity: 1;
}
.flexbox .modalRemoveFullscreen{
	display:none;
}
.flexbox.min .modalSetFullscreen{
	display:none !important;
}
.flexbox .modal-fullscreen .modalSetFullscreen{
	display:none;
}
.flexbox .modal-fullscreen .modalRemoveFullscreen{
	display:block;
}
.flexbox.modal-fill-in .modal-dialog > * {
	width: 100% !important;
}
.modal-fill-in .modal-dialog button.close.modalMinimize {
	/*right: 62px;*/
}

.flexbox.min .modal-body {
	display: none;
}
.flexbox.min .modal-header * {
	color: #37474f;
}
.min.modal-fill-in .modal-dialog button.close {
	top: 0;
}

.flexbox .modal-sidebar {

	justify-content: flex-start;
	box-shadow: -10px 0 20px 0 rgba(66,66,66,.2);


}
.flexbox .modal-sidebar .modalMinimize{
	display: none;
}

.flexbox .panel-action.fas fa-expand {
	display: none;
}

.flexBoxLoader .modal-dialog{
	display: table;
	position: relative;
	margin: 0 auto;
	top: calc(50% - 24px);
	width: 48px;
}

.flexBoxLoader .modal-dialog .modal-content{
	background-color: transparent;
	border: none;
	box-shadow: none;
}
.flexBoxLoaderOverlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1802;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #000;
	opacity: .5;
}
.flexBoxLoaderWrap{

	position: fixed;
	top: 0;
	left: 0;
	z-index: 1803;
	width: 100%;
	height: 100%;
	outline: 0!important;
}
.flexBoxLoaderContainer{

	position: absolute;
	top: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0 8px;
	text-align: center;
}
.flexBoxLoader {
	position: absolute;
	top: 50%;
	right: 8px;
	left: 8px;
	z-index: 1804;
	width: auto;
	margin-top: -5em;
	color: #9ca6ad;
	text-align: center;
}


.modal.min{
	width: 250px; 
	height: 35px;
	overflow: hidden !important;
	padding: 0px !important;
	margin: 0px 0px 0px 5px;    
	float: right;  
	position: static !important; 
}

.modal.min .modal-content {
	background: #E4EAEC;
	border: 1px solid rgba(0,0,0,.2);
}

.modal.min .modal-dialog,.modal .min .modal-content{
	height: 100%;
	width: 100%;
	margin: 0px !important;
	padding: 0px !important; 
}

.modal.min .modal-header{
	height: 100%;
	width: 100%;
	margin: 0px !important;
	padding: 3px 5px !important; 
	background: transparent;
}
.min .modal-primary .modal-header * {
	color: #37474f;
}
.display-none{display: none;}


.modal-header  .fa{
	font-size: 1rem; 
}

.modal.min .menuTab{display: none;}

/*.modalMinimize {
	position: absolute;
	right: 67px;
}
.modal.min .modalMinimize {
	right: 26px;
}*/
.modal.min .closebox  {
	display:none;
}
.minmaxCon{
	height: 35px;
	bottom: 1px;
	/*left: 1px;*/
	position: fixed;
	right: 1px;
	z-index: 9999;
}


.appriseOverlay{
	position:fixed;
	top:0;
	left:0;
	background:#000000;
	opacity:0.5;
	display:none;
	z-index:99999998;



}
.appriseOuter{
	border: medium none;
	bottom: auto;
	display: none;
	min-height: 50px;
	min-width: 200px;
	position: fixed;
	right: auto;
	z-index: 99999999;
}
.appriseOuter.pin{
	/*min-width:280px;*/
}

.white-space-pre {
	white-space: pre;
}
.appriseText{
	word-wrap: break-word;
}

.appriseOuter .body {
	margin: 0 !important; 
	width:100%;
	background-color: #FFFFFF;
	position: relative;
	box-sizing: content-box;
	display: block;

	border-radius:.4rem .4rem .286rem .286rem ;
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.084);
}

.appriseOuter .body > div {
	margin: 0;
}

.appriseTitle{
	background-color: #4787ed;
	padding:1.071rem 1.071rem;;
	font-size: 1rem;
	color:#FFF;
	border-radius: .286rem .286rem 0 0;

}


.appriseInner{
	padding:1.071rem 1.428rem;
	max-width: 400px;
	max-height: 300px;
	overflow: auto;
}



.appriseInner{
	padding:1.071rem 1.428rem;
	max-width: 400px;
	max-height: 300px;
	overflow: auto;
}


.appriseInner button{
	margin:0 3px;
}


.designModern .appriseInner .aButtons {
	padding-top: 1.071rem;
	text-align: right;
}
.appriseInner .aInput{
	margin:0.714rem 0;
	text-align:center;
}


.appriseInner .aTextbox {
	width: 100%;
	height: 2.573rem;
	padding: 0.429rem 1rem;
	margin-bottom: 0;
	font-size: 1rem;
	line-height: 1.57142857;
	color: #76838f;
	background-color: #fff;
	background-image: none;
	border: 1px solid #e4eaec;
	border-radius: 0.215rem;
	box-shadow: none;
	transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
}
.


.input-pin-flex-wrap  {
	display: flex;
	justify-content: center;
}

/********************** FLEX FORM **********************/


/**********************  separators **********************/
.btnseparator{
}
.btnseparator.break {
	border-top: 1px solid #e4eaec;
	display: block;
	margin: 1px 3px;
}
.fieldseparator{
	border-bottom: 1px solid #e4eaec;
	height: 1px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	width: 100%;
	margin-bottom: 0.7145rem;
}


.clearform{
	float:none;
	clear:both;
	height:0;
	padding: 0;
}


.fieldgroup{
	border-bottom:1px solid #e4eaec;
	color: #76838f;
	padding:0.357rem 0;
}
.searchAdvance .fieldgroup{
	display: block;
	width: 100%;
	margin-bottom: 1.071rem;
}

.flexForm .form-inline div.tabContent.active .tabContentInnter {
	flex: 0 0 100%;
}
.fieldgroup.fl{
	margin-left:5px;
}

.fieldgroup.leyend{
	border: medium none;
	height: 22px;
	line-height: 22px;
	box-shadow:none;
}
div.fieldgroup.blue{
	background-color: #4787ED;
	border-bottom: 1px solid #3079ED;
	color:#FFFFFF !important;
}
div.fieldgroup.red{
	background-color: #C53727;
	border-bottom: 1px solid #B0281A;
	color:#FFFFFF !important;

}
div.fieldgroup.green{
	background-color: #3D9400;
	border-bottom: 1px solid #29691D;
	color:#FFFFFF !important;
}
div.fieldgroup.grey{
	background-color: #E9E4E1;
	border-bottom: 1px solid #C6C6C6;
}


div.SubFormWrap .divForm.multiple{
/*	border-bottom:1px solid #d7d7d7;
	border-top:1px solid #fff;
	background-color: #E3E3E3;
	min-height: 100px;*/
}

form fieldset div.SubFormWrapInner .divForm:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



/* SUBFORMS buttons */
.divFormBtns{
	float:right;
}

.form-inline .divFormBtns {
  margin-left: auto;
  order: 99; /* forzamos que aparezca visualmente al final */
}

.divSubFormBtns .btn.addSubform:hover span,
.divFormBtns .btn.addSubformAfter:hover span.icomoon-icon-forward {
	color:#4787ed !important;
}

.divSubFormBtns .btn.deleteSubformAll:hover span,
.divFormBtns .btn.deleteSubform:hover span{
	color:#d14836 !important;
}

/* fieldAction (add button to field) */
.fieldAction {
	display: block;
	float: left;
	line-height: 30px;
	text-decoration: none
}
.fieldAction span {
	margin: 0 4px;
}


/* upload */
.flex-form-classic .btn.upload {
	float: left;
}
.flex-form-grid .btn.upload{
	/*margin-left: 0.714rem;*/
	width: 100%;
}

.upload_status{
	display:inline-block;
	font-size: 1.5rem;
}


div.file-upload-wrap{
	padding:0;
	margin:0;
	margin:0;
	float:left;
}
/*.cropWraper.active ul.files{
	float:left;
}*/
div.file-upload-wrap .file-uploaded{
	height: auto;
	position:relative;
}


div.file-upload-wrap img {
	max-height: 50px;
}

ul.files li.tocrop.loading img
{
	opacity:0.5 
}
ul.files li.tocrop.loading
{
	background:url(/css/images/flex/load.gif) no-repeat center center #FFF
}

ul.files li span
{
	cursor:pointer !important;
}

div.file-upload-wrap .file-uploaded.error{
	border:1px solid #ff4c52;
}

ul.files.multiple{
	display: block;
	
	list-style: none;
	/*
	float: right;
	margin: 0 15px;*/
	padding: 0 0;
}


.df.multiple .img-uploaded{
	max-height: 100px;
	padding: .429rem;
	border: 1px solid #e4eaec;
}
}
div.file-upload-wrap .file-uploaded.document {
	padding:.429rem .429rem .429rem 1.429rem;

}

div.file-upload-wrap .file-uploaded.document::before {
	position: absolute;
	top: .429rem;
	left: 0.75rem;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	transition: all 300ms linear 0s;
	content: "\f15b";
}


div.file-upload-wrap .file-uploaded a{
	color:#37474f;
	text-decoration:none;
	margin-left: 1rem;
}
div.file-upload-wrap .file-uploaded a:hover{
	color:#000;
	
}
.wmCheck{
	display: block;
	line-height: 20px;
	color: #666;
}
.wmCheck input{
	margin:-2px 0 0 5px;
}
.cropWraper{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	background: #FFF;
	padding: 1.071rem;
}
.cropImgWraper{
	float: left;
}
.cropBtnWraper {
	float: left;
	padding: 0 1.071rem;
}
.cropBtnWraper h4 {
	color: #555555;
	font-size: 1.428rem;
	font-weight: 300;
	margin: 0 0 0;
}
.cropWraper.active{
	display: block;
	height: 100%;
	width: 100%;
}
.cropBtnWraper .previewCrop img.imgPreviewLoaded {
	display: block;
}
.cropBtnWraper .previewCrop img {
	display: none;
}
.cropWraper.active img{
	max-width:800px;
	max-height:800px;
}
.cropWraper button {
	margin: 0.357rem 0.714rem 0 0;
}
div.previewCrop{
	clear: both;
	padding:0;
	margin:5px 0;
	float:left;
	background:#ffffff url("/lib/flex/media/no_image.gif") no-repeat scroll 50% 40% / 30% auto;
	border:1px solid #FFF;
	overflow: hidden;
	position: relative;
	display: block;
}
.cropActive {
	background: #ffffff none repeat scroll 0 0;
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.4);
	height: 92%;
	position: fixed;
	top: 4%;
	z-index: 100000000;
}
.cropActive ul.files {
	float: left;
	max-width: 100%;
}
.cropActive > label {
	clear: both;
	float: none;
	text-align: center;
	width: 100%;
}
.previewCrop img{
	max-width:none;
}


.hideBody fieldset{ display:none; visibility:hidden;}




/* forms classes */
.flexForm .form-control{
	padding: .429rem .858rem;
}

/*.flexForm .form-control-sm {
	font-size: 1rem;
	height:2.573rem;
	line-height: 1.57142857;
}*/

.form-inline .form-group {
	margin-bottom: 1.071rem;
	margin-right: 1.071rem;
}

.flexForm input[type="text"]{
	min-width:3rem;
}
.searchAdvance input[type="text"],
.searchAdvance select{
	min-width:5rem;
}

.flexForm .flex-form-classic input[type="checkbox"], .flexForm .flex-form-classic input[type="radio"] {
	height: 2.288rem;
}

.flexForm .flex-form-classic .SubFormWrap .labelCheck.first input[type="checkbox"], .flexForm .flex-form-classic .SubFormWrap .labelCheck.first input[type="radio"] {
	height: auto;
}
.flexForm .flex-form-classic .input-icon-group input[type="text"],
.flexForm .flex-form-classic .input-icon-group input[type="password"],
.flexForm .flex-form-classic .input-icon-group select{
	padding-left:1.729rem;
}
.flexForm .flex-form-classic .input-icon-group {
	position: relative;
}

.flexForm .flex-form-classic .input-icon-group .input-icon {
	position: absolute;
	top: 0.829rem;
	z-index: 1;
	left: 6px;
	color: #76838f;
}
.flexForm .flex-form-classic .input-icon-group [class^="icomoon-icon-"].cp {
	position:relative;
	top: 0;
}

/* form div label  */ 
.flexForm .flex-form-classic .form-control-label{
	box-sizing: content-box;
	display: block;
	float: left;
	width: 16rem;
	padding: 0 1.071rem 0 0.357rem !important;
	margin: 0;
	text-align: right;
	line-height: 2.5rem;
}


.flexForm .labelsInline .form-control-label{

	width: auto;
}

@media (max-width: 767px) {
	.mobile .flexForm .flex-form-classic .form-control-label{
		float: none;
		width: auto;
		text-align: left;
		display: inline-block;
	}
	
	.mobile .flexForm .flex-form-classic .error-wrap{
		float: none;
	}
}
.flexForm .flex-form-classic.flex-form-size-fields-lg .form-control-label {

	padding: .357rem 1.071rem .357rem 0.357rem !important;
	font-size: 1.286rem;
}
.flexForm .flex-form-classic.divForm .form-control-label{
	width: auto
}
.flexForm .flex-form-classic.divForm label.labelCheck.first
{
	margin: 0;
}

.form-control-label.label-required {
	position: relative;
	padding: .429rem .729rem .429rem 0;
}

.form-control-label.label-required::before {
	display: block;
	position: absolute;
	content: "*";
	font-style: normal;
	text-rendering: auto;
	/*  font-family: "Font Awesome 5 Pro";*/
	font-weight: 900;
	right: 1px;
	color: #ff4c52;
	top: 2px;
}
.flexForm .flex-form-classic .form-control-label.label-required::before {
	top:  -3px;
	right: 4px;
}
.flexForm .flex-form-classic .form-control-label.fl {
	width: auto;
}

.flexForm .flex-form-classic label.labelCheck{
	padding: 0;
	margin: 0 ;
}

.flexForm .flex-form-classic label.labelCheck.first {
	margin-left: 16rem;
	text-align: left;
	width: auto;

}

.flexForm .flex-form-classic label.labelCheck input[type="checkbox"] {
	margin: 0 4px 0 0!important;
}

.flex-form-grid .btn-flex-combo {
  padding: .315rem .715rem;
}

form div label.fl{
	width: auto;
}

/* PENDIENTES */
.flexForm [class^="icomoon-icon-"].cp, .flexForm  [class*=" icomoon-icon-"].cp {
	margin: 0px 5px;
	cursor: pointer;
	font-size: 1.142rem;
	line-height: 2.288rem;
}


/* maps inside forms */
.flexForm .wrap_map_div {
	width:100%;
	clear: none;
	display: block;
	margin:1.071rem 0 0;
	padding: 0;
	border: 1px solid #d7d7d7;
	position: relative;
	-webkit-user-select: none;        
	-moz-user-select: none; 
	-ms-user-select: none; 
	-o-user-select: none;
	user-select: none; 

}
.flexForm .map_div {
	width:650px;
	height:300px;
	clear: none;
	display: block;
	margin:0;
	padding: 0;
	-webkit-user-select: none;        
	-moz-user-select: none; 
	-ms-user-select: none; 
	-o-user-select: none;
	user-select: none; 

}
.flexForm .map_div img{
	max-width: none !important;
}

.flexForm .wrap_map_div .seachmap {
	position: absolute;
	right: 5px;
	top: 4px;
	width: 50%;
	z-index: 2;
}
.tooltipmap {
	background-color: black;
	border-radius: 3px 3px 3px 3px;
	color: white;
	max-width: 200px;
	text-align: center;
	font-size: 0.8rem;
	padding: 5px;
	opacity:0.8;
}

.flexForm .map_div *{
	clear: none;
	display: inherit;
	margin:0;
	padding: 0;
}


.flexForm .error-wrap input.fl {
  float: none;
}
.flexForm .SubFormWrap {

}
.flexForm .form-inline .SubFormWrap  {
	flex: 0 0 100%;
}
.flexForm  div.SubFormWrapInner.ah  {
	overflow-y: auto;
	padding-bottom: 14px;
	overflow-x: hidden;
}
.flexForm div.SubFormWrapInner .divForm {
	border-bottom:1px solid #d7d7d7;
	min-height:1.714rem;
/*	padding-bottom:0.5rem;
	margin-bottom:0.5rem;*/
	position:relative;
	margin-right: 0;
}
.flexForm .flex-form-classic div.SubFormWrapInner .divForm,
.flexForm .form-inline div.SubFormWrapInner .divForm {
	/*padding-bottom:0.5rem;*/
}
.flexForm div.SubFormWrapInner .divForm:last-child {
	border-bottom:none !important;
	padding-bottom:0;
}
.flexForm  div.SubFormWrapInner .divForm.ui-sortable-helper {
	background-color: #E3E3E3;
}
.flexForm  div.SubFormWrapInner .divFormHolder {
	background-color:#F5D796 !important;
	border-top:1px dotted #EAAA26;
	min-height:24px;
}

.flexForm .captchaWrap {
	background-color: #f3f7f9 !important;
	padding: 0.73rem;
	border-radius: .143rem;
}
.flexForm #captcha_img_form{
	border: #e4eaec 1px solid;
	margin-bottom: 5px;
	width: 100%;
	max-width: 320px;
}

.flexForm .form-group {
	margin-bottom:1.071rem;
	line-height:1;
}
.flexForm .labelsAsPlaceholders .form-group.form-group-flex {
	display:flex;
}
.flexForm .form-group.form-group-flex .fr-box{
	width: 100%;
}

.flexForm .SubFormWrapInner .divForm .form-group:last-of-type {
	/*margin-bottom: 0;*/
}
.flexForm .form-inline .fieldgroup.form-group {
	display: block;
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 0.8rem;
}
.flexForm  div.SubFormWrapInner .form-sub-group {
	margin-bottom:1rem;
}

.flexForm .input-group {
	flex-wrap: inherit;
	float:left;

}
.flexForm .strength-container{
  float:left;
}

.flexForm div.SubFormWrapInner .form-sub-group:last-child {
	margin-bottom:0 !important;
}
.flexForm div.divSubFormBtns {
	text-align:right;
	display: block;
	margin-right: 0;
}
.divSubFormBtns:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


.flexForm .subFormHeader {
	border-bottom:1px solid #76838f;
	color: #76838f;
	margin-right: 0;
}

.flexForm .subFormHeader.toggleAdded {
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 65px;
	position:relative;

}
.flexForm .subFormHeader.toggleAdded a.toggleSubForm {
	position: absolute; 
	left: 0px;
}

.flexForm .subFormHeader div{
	margin:0;
	padding:0;
	display: inline-block;
	height: 2.28rem;
	line-height: 2.28rem;
}

.flexForm .subFormHeader div.cell{
	margin:0 5px 0 0;
	overflow:hidden;
	height: 2.28rem;
	line-height: 2.28rem;
	padding: 0 .858rem;
	min-width: 3rem;
	text-overflow: ellipsis;
}

.flexForm .subFormFooter {
	width:100%;
	clear: both;
	height: 22px;
	line-height:22px;
	font-weight:bold;
	color:#666666;
	border-top: 1px solid #666;
	margin:5px 0 0;
	padding:0;
}
.flexForm .subFormFooter div{
	margin:0;
	padding:0;
	float:left;
	clear: none;
}
.flexForm .subFormFooter div span,
.flexForm .subFormHeader div span{
	margin:0 3px;

}
.flexForm .SubFormField{margin-right:5px;}



.error-wrap {
	position: relative;

}

.flex-form-grid .form-group-flex .error-wrap {
	width: 100%;

}
.flexForm .flex-form-classic .error-wrap{
	float: left;

}
span.error{
	color: #ff4c52;

}

span.error_text{ 
	color: #ff4c52;
	font-size: .775rem;
	display: inline-block;
	position: absolute;
	bottom: -1.31rem;
	left: 2px;
	width: 300px;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 1.2rem;
}
.checkbox-custom span.error_text {
	bottom: 0;
	left: 9px;
	width: auto;
}
input.error, select.error, textarea.error, .error .chosen-single{ border: 1px solid #ff4c52 !important; }

span.sb{ color:#4787ED; padding:3px;position:relative; float:left;}
select.sb{ width:100px;position:relative;float:left;}
input.autoGridComplete {
	position:relative;
	padding-right:1.071rem;
	background-position: right 0%;
	background-repeat: no-repeat;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA+swAAIT6AAB5gQAA/RMAADBtAAASKQ0eJk4AAACFSURBVHja7NKhDcJQFIbRWwMJCVPgmKGGMZCIo9DsAQOwRxWLIPEIDCnmYR4JaSp4DYKQis/8NznqRkopvlWM2Ij9BYY1Wtx7arEpwaZokHo6Yf4xFhGBGrcOdMUqIqIUq3DoYEdUxVgGFzhn6ILl61aMZXCLB3bv+1Bsgj1mg7CfeNrnAMXSyqQtsCNeAAAAAElFTkSuQmCC");
}
input.autoGridComplete:focus {
	background:url("/css/images/flex/up.png") no-repeat scroll 98% center #FFF;
	box-shadow: none;
	outline: 0 none;
}

.flexForm .tabNavWrap.top{
	position: absolute;
	top: 0;
	right: 0;
}
.flexForm .tabNavWrap.bottom{

}

.flexForm .report .prev-tab,
.flexForm .report .next-tab{
	top: 1.071rem;

}

.flexForm  ul.tab li.active.error,
.flexForm ul.tab li.active.error a,
.flexForm  ul.tab li.error
{
	color:#ff4c52
}




.flexForm  div.tabContent {
	display: none;
	padding-top:0.7145rem;
}
.flexForm .report div.tabContent {
	padding-bottom: 0.7145rem;
}
.flexForm  div.tabContent.active {
	display: block;
}
.flexForm .form-inline div.tabContent.active .tabContentInnter {
	display: flex;
	flex-wrap: wrap;
}
form fieldset div.tabContent .tabReportDiv{
	border: 1px solid #d7d7d7; 
	background-color:#FFF;
	width:100%;
}


form fieldset div.tabContent .tTab button{

	margin-bottom: 0;
}
form div fieldset legend {
	padding: 0 3px 0 9px;
}

.fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line textarea{
	height:auto;
	-moz-user-select: text;
	background-clip: padding-box;
}


form.report div label {
	display: block;
	float: left;
	width: auto;
	padding: 3px 5px;
	margin: 0 0 5px 0;
	text-align: right;
}


div.report{
	margin: 0.714rem auto;
}

form div label.full {
	width: 98%;
	margin:0;
	text-align: left;
}


 
form div .wtd img {
	float: none;
	margin: 0 0 0 0;
}
form div a.helpLink {
	float: right;
	margin-left: 5px;
}


form div input.inputText, form div input.inputPassword {
	padding: 1px 3px;
	margin: 0 0 0 0;
}


form div .protected_check input[type="checkbox"]{
	margin:2px !important;
}
form div input.inputFile {width: 211px;}

form input.date {
	min-width: 6.5rem !important;
}
form input.datetime {
	min-width: 10rem !important;
}


form div select.selectOne, form div select.selectMultiple {
	width: 211px;
	padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
	display: inline;
	height: auto;
	width: auto;
	background-color: transparent;
	border-width: 0;
	padding: 0;
	margin: 0 0 0 140px;
}

form div.submit {


}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
	line-height: 0;
}
.clearfix:after {
	clear: both;
}
form div.submit.clearfix {

	width: 100%;
}
form div.submit.float {

}

form div.submit div {

}


form div small {
	display: block;
	padding: 1px 3px;
	font-size: 0.88rem;
}

.filterUserWrap {
	background-color: #fafafa;
	border: 1px solid #e0e0e0;
	display: block;
	font-size: 0.9rem;
	line-height: 26px;
	margin-bottom: 0;
	overflow: hidden;
	padding: 0 2px;
	position: relative;
	text-align: right;
	top: -4px;
	white-space: nowrap;
}
.filterUserWrap label{
	line-height: 18px; 
	padding: 0px 2px;
}


/****************************** flex Grid class *******************************/
.flex{

}
.flex.flexGrid  .pagination{ margin:0}

.flex.flexGrid .change-rp-grid {
	width: 65px;
	float: left;
}
.flex.flexGrid .label-footer-grid {
	margin: 0 .5rem 0 .5rem;
	line-height: 2.5rem;

}
.flex.flexGrid {
	margin:0;
}
.panel-body-flexgrid{
/*	overflow:hidden;*/
}

.panel-overflow{overflow:auto;}
.panel-body-flexgrid .panel.box.panel-bordered {
	border: 1px solid #e4eaec;
	/*border-top-width: 0;*/
}

.panel-min-padding .panel-body,
.panel-min-padding .panel-sub-title,
.panel-min-padding .panel-footer
{
	padding: 5px !important;
}
.panel-min-padding .panel-title{
	padding:0.357rem 0.714rem !important
}
.panel-min-padding .panel-actions{
	right:5px;
}
.flex.hideBody{
	height: 26px !important
}
.flex.flexGrid .lb {
	display: inline-block;
	min-width: 30%;
	font-weight: 500;
	text-align: left !important;
	margin: 0 3px 0 0;
}


.hideFlex{
	display:none !important
}
.ie6fullwidthbug{
	border-right:0px solid #d7d7d7;
	padding-right:2px
}

.flex div.nDiv{
	background-color:#E6E6E6;
	background-image:linear-gradient(to bottom, #E6E6E6, #F0F0F0);
	background-repeat: repeat-x;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;
	border:1px solid #d7d7d7;
	border-bottom:0px;
	border-left:0px;
	float:left;
	left:0;
	display:none;
	overflow:auto;
	position:absolute;
	bottom:30px;
	z-index:999
}
.flex div.nDiv.fix{
	bottom:35px;
}


.flex div.menuDiv{
	background-color:#e5e5e5;
	border:1px solid #d7d7d7;
	border-top:0px;
	float:left;
	display:none;
	overflow:auto;
	position:absolute;
	z-index:999;
	min-width:110px;
	max-width: 260px;
	padding:2px;
	-webkit-box-shadow: 2px 2px 2px  #ccc;
	-moz-box-shadow: 2px 2px 2px  #ccc;	
	box-shadow: 2px 2px 2px  #ccc;

}

.flex div.menuDiv div.clear{
	height:0; clear:both; float:none;
}

.flex div.menuDiv div.fbutton {
	cursor: pointer;
	display: block;
	float: left;
	padding: 1px;
	width:99%;
}



.flex div.nDiv table{margin:0}



.flex .bDiv .aGrid table{margin-bottom:0}
.agoc{ position:relative; left:-40px;}



.flex div.nDiv td{
	border:1px solid #F0F0F0;
	cursor:default;
	padding:2px 3px;
	vertical-align: middle;
}
.flex div.nDiv td input[type="checkbox"]{
	margin:-2px 0 0 !important;
}

.flex div.nDiv tr:hover td,.flex div.nDiv tr.ndcolover td{
	background-color: #e9e4e1;
	background-image: -webkit-linear-gradient(center top, #f8f8f8, #e9e4e1);
	background-image: -moz-linear-gradient(center top, #f8f8f8, #e9e4e1);
	background-image: -ms-linear-gradient(center top, #f8f8f8, #e9e4e1);
	background-image: -o-linear-gradient(center top, #f8f8f8, #e9e4e1);
	background-image: linear-gradient(center top, #f8f8f8, #e9e4e1);

	border: 1px solid #c6c6c6;
}

.flex div.nDiv td.ndcol1{border-right:1px solid #d7d7d7}

.flex div.nDiv td.ndcol2{
	border-left:1px solid #fff;
	padding-right:0.714rem
}

.flex div.nDiv tr:hover td.ndcol1,.flex div.nDiv tr.ndcolover td.ndcol1{border-right:1px solid #d7d7d7}
.flex div.nDiv tr:hover td.ndcol2,.flex div.nDiv tr.ndcolover td.ndcol2{border-left:1px solid #ffffff}

.flex div.nBtn{
	background:#fafafa url(/css/images/flex/fhbg.gif) repeat-x bottom;
	border:0px solid #d7d7d7;
	border-left:1px solid #d7d7d7;
	cursor:pointer;
	display:none;
	height:24px;
	left:0px;
	margin-top:1px;
	position:absolute;
	top:0px;
	width:14px;
	z-index:900
}

.flex div.nBtn div{
	background:url(/css/images/flex/ddn.png) no-repeat center;
	border-left:1px solid #fff;
	float:left;
	height:24px;
	width:12px
}

.flex div.nBtn .srtd{
	background-color:#F8F8F8;
	background-image:linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-repeat: repeat-x;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;

}


.flexbox div.mDiv{display:none;}


.flex.flexGrid div.mDiv{
	border:none;
	border-bottom: 1px solid #d7d7d7;
	line-height: 28px;
	overflow: hidden;
	padding: 0 5px;
	position: relative;
	white-space: nowrap;
	font-size:1.2rem;
	background-color:#e5e5e5;

}




.flex div.mDiv div.ftitle{
	padding:0;
	white-space:nowrap;
	float:left;
}

.div_iframe_wrap {
	background: url(/css/images/flex/flexgridloading.gif) no-repeat center center;
	min-height: 100px;
}

.div_iframe_wrap iframe{
	background: #FFF;
	border: #e4eaec 1px solid;
}



.flex div.mDiv div.ptogview,
.flex div.mDiv div.pfullscreen,
.flex div.mDiv div.pnormalscreen

{
	cursor:pointer;
	overflow:hidden;
	padding:0px;
	margin:0;
	float:right;
}

.flex div.mDiv [class^="icomoon-icon-"]
{
	margin-top:0;
	font-size: 1.142rem;
}

.flex div.mDiv div.ptogtitle:hover{

}

.flex div.mDiv div.pclose{
	cursor:pointer;
	height:16px;
	overflow:hidden;
	padding:0px;
	width:16px;
	margin:4px 4px 0 0;
	float:right;
}

.flex div.mDiv div.pclose:hover{

}

.flex div.mDiv div.pclose span{

}



.flex div.mDiv div.ptogtitle.vsble span{ background:url(/css/images/flex/ddn.png) no-repeat center}

/*toolbar*/
.flex div.wrapToolBarMain{
	position:relative
}


.flex div.toolBarMain{
	/*padding:0px 0 1.071rem 0;*/
}

.flex div.toolBarMain button,
.flex div.toolBarOnSelectItems button {
	margin-bottom: 1.071rem;
}

.mobile .flex div.toolBarOnSelectItems  {
	margin-top: 0.5rem;
}
.flex .dropdown-item{
	cursor:pointer;
}

.flex div.toolBarMain .menu button.dropdown-item{
	margin-bottom: 0;
}


.flex .nblr div.toolBarMain{
	padding:0;
	text-align: right;
}
.flex .report .nblr div.toolBarMain {
	text-align: left;
	padding-top: 0.7145rem;
	border-top: 1px solid #e4eaec;
}

.flex div.selections
{
	/*float:left;*/
}

.flex div.selections.floating
{
	position: fixed;
	z-index:1;
	bottom: 50px;
}

.flex div.selections.floating.floating-right
{
	right: 50px;
}


.site-menubar-unfold .flex div.selections.floating.floating-left
{
	left: 305px;
}
.site-menubar-fold .flex div.selections.floating.floating-left
{
	left: 135px;
}
.site-menubar-fold.site-menubar-full-hidden .flex div.selections.floating.floating-left
{
	left: 45px;
}

.flex .dropdown-menu
{
	z-index:1501;
}
.flex div.selections.keepOpen .dropdown-menu {
	display: block;
	position: absolute;
	top: 0;

}
.flex .selectionsWrapMenu {
	width: 270px; 
}

.flex .selectionsWrapMenu .listSelectionsWrapper{
	max-height: 300px; 
	overflow: auto; 
}

.flex div.selections.keepOpen .selectionsWrapMenu{
	position: absolute;
	z-index: 1200;
	display: none;
	min-width: 160px;
	padding: 5px 0;
	margin: 5px 0 0;
	font-size: 1rem;
	color: #76838f;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #e4eaec;
	border-radius: .215rem;
	-webkit-box-shadow: 0 3px 12px rgba(0,0,0,.15);
	box-shadow: 0 3px 12px rgba(0,0,0,.15);
	width: 300px;
	margin-bottom: 5px;
}
.flex div.selections.keepOpen.fl .selectionsWrapMenu {
	left: 0;
	top: 100%;
}
.flex div.selections.keepOpen.fr .selectionsWrapMenu {
	top: 100%;
	right: 0;
}
.flex div.selections.keepOpen.floating-left .selectionsWrapMenu {
	left: 0;
	bottom: 100%;
}
.flex div.selections.keepOpen.floating-right .selectionsWrapMenu {
	bottom: 100%;
	right: 0;
}


.flex div.selections.floating.keepOpen .selectionsWrapMenu{

	display: block;

}
.flex div.selections .listSelections.table  {
	margin-bottom: 0;
}
.selectionsWrapMenu .selectionTotal {
	color: #222;
	border-top: 1px solid #e4eaec;
	padding:.358rem .358rem 0 .358rem
}
.selectionsWrapMenu .selectionsWrapButtons{
	padding:.358rem .358rem 0 .358rem
}
.flex div.selections .listSelections.table tr:first-child td {
	border-top: 0;
}
.selectionsWrapMenu .dropdown-item{
	position: relative;
}


.selectionsWrapMenu .hide{
	display:none;
}

.selectionsWrapMenu .removeItem span{
	cursor: pointer;
	margin:.358rem;
}

.selectionsWrapMenu .removeItem span:hover{
	color: #ff4c52 !important;
}


.flex div.sDiv{
	display:none;

}

.flex div.sDiv2{
	padding: 5px;
	display: inline-block;
}

.flex div.sDiv2 input,.flex div.sDiv2 select{
	margin:0 3px 0 0px;
}

.flex div.sDiv2 .qsbox{padding:1px 2px}

.flex div.wrapGr{
	padding: 3px 5px;
	padding: 0 .858rem;
	display: inline-block;
}

.flex div.groupbox{
	display:block;
	float:left;
	margin-left:5px;

}
.flex div.groupbox:first-child {
	margin-left: 0;
}
.flex div.groupbox-holder{
	display:block;
	float:left;
	height:22px;
	border:1px dotted #EAAA26;
	background-color:#F5D796!important;
}


.flex div.groupbox span.grouptitle{
	line-height: 22px;
	padding: 0 3px;
}
.flex div.groupbox a.closeGr {
	border-right: 4px solid rgba(0, 0, 0, 0);
	border-bottom: 4px solid rgba(0, 0, 0, 0);
	border-left: 4px solid #222222;
	border-top: 4px solid rgba(0, 0, 0, 0);
	color: #cccccc;
	display: block;
	float: left;
	font-size: 100%;
	font-weight: normal;
	margin-left: 0;
	margin-top: 8px;
	text-indent: -10000px;
	width: 6px;
}
.flex div.groupbox a.closeGr:hover {
	border-bottom: 4px solid rgba(0, 0, 0, 0);
	border-left: 4px solid rgba(0, 0, 0, 0);
	border-right: 4px solid #d14836;
	border-top: 4px solid rgba(0, 0, 0, 0);
}

.flex div.fbutton{

	float:left;
}

.flex img.action{
	cursor:pointer;
	padding: 0 4px;
}

.flex div.fbutton div{
	float:left;
	line-height: 22px;
	padding:0 5px 0 0;
	-webkit-user-select: none;        
	-moz-user-select: none; 
	-ms-user-select: none; 
	-o-user-select: none;
	user-select: none; 

}

.flex div.fbutton span{

	float: left;
	line-height: 22px;
	margin: 0 4px;
	padding: 0;
}

.flex div.fbutton.menu {}
.flex div.fbutton.menu span.caret {
	margin:9px 3px 0 3px
}



.flex div.menuDiv div.fbutton:hover {
	/*	background-color: #e9e4e1;
	background-image: -webkit-linear-gradient(center top, #f8f8f8, #e9e4e1);
	background-image: -moz-linear-gradient(center top, #f8f8f8, #e9e4e1);
	background-image: -ms-linear-gradient(center top, #f8f8f8, #e9e4e1);
	background-image: -o-linear-gradient(center top, #f8f8f8, #e9e4e1);
	background-image: linear-gradient(center top, #f8f8f8, #e9e4e1);		
	border: 1px solid #c6c6c6;
	color: #333333;
	padding: 0;*/
}

.flex div.fbutton .add{
	background:url(/css/images/flex/add.png) no-repeat center left;
}

.flex div.fbutton .save{
	background:url(/css/images/flex/accept.png) no-repeat center left;
}


.flex div.fbutton .excel{
	background-image:url(/css/images/flex/document_excel.png);
	height:14px;
	width:14px;
}
.flex div.fbutton .word{
	background-image:url(/css/images/flex/document_word.png);
	height:14px;
	width:14px;

}
.flex div.fbutton .pdf{
	background-image:url(/css/images/flex/document_pdf.png);
	height:14px;
	width:14px;
}
.flex div.fbutton .print{
	background-image:url(/css/images/flex/printer.png);
	height:14px;
	width:14px;
}

.flex div.fbutton .add{background:url(/css/images/flex/add.png) no-repeat center left;}
.flex div.fbutton .save{background:url(/css/images/flex/accept.png) no-repeat center left;}

.flex div.fbutton .excel{
	background-image:url(/css/images/flex/document_excel.png);
	height:14px;
	width:14px;
}
.flex div.fbutton .word{
	background-image:url(/css/images/flex/document_word.png);
	height:14px;
	width:14px;

}
.flex div.fbutton .pdf{
	background-image:url(/css/images/flex/document_pdf.png);
	height:14px;
	width:14px;
}
.flex div.fbutton .print{
	background-image:url(/css/images/flex/printer.png);
	height:14px;
	width:14px;
}


.flex div.fbutton .add.disabled{background:url(/css/images/flex/add_disabled.png) no-repeat center left;}

.flex div.fbutton .save.disabled{background:url(/css/images/flex/accept_disabled.png) no-repeat center left;}

.flex div.fbutton .excel.disabled{background-image:url(/css/images/flex/document_excel_disabled.png);}
.flex div.fbutton .word.disabled{background-image:url(/css/images/flex/document_word_disabled.png);}
.flex div.fbutton .pdf.disabled{background-image:url(/css/images/flex/document_pdf_disabled.png);}
.flex div.fbutton .print.disabled{background-image:url(/css/images/flex/printer_disabled.png);}
.flex div.fbutton .switch_right{background:url(/css/images/flex/switch_right.png) no-repeat center left}
.flex div.fbutton .switch_right.disabled{background:url(/css/images/flex/switch_right.png) no-repeat center left}
.flex div.fbutton .delete{background:url(/css/images/flex/delete.png) no-repeat center left}
.flex div.fbutton .delete.disabled{background:url(/css/images/flex/delete_disabled.png) no-repeat center left}
.flex div.fbutton .clean{background:url(/css/images/flex/clean.png) no-repeat center left}
.flex div.fbutton .search_go{background:url(/css/images/flex/search_go.png) no-repeat center left}
.flex div.fbutton .loading{background:url(/css/images/flex/load.gif) no-repeat center left}

.flex div.fbutton .excel.loading,
.flex div.fbutton .word.loading,
.flex div.fbutton .pdf.loading,
.flex div.fbutton .print.loading {
	height:14px;
	width:40px;
}


/* end toolbar*/

/*.flex div.hDiv {
overflow: hidden;
}
.flex div.hDivBox{
padding-right:40px
}
.flex div.hDiv.ntb {
border-top: none;
}
.flex div.hDiv table{
width:auto;
margin:0;

}
*/
.flex  .bDiv .table a {
	text-decoration: none;
}

.flex div.cDrag{
	float:left;
	overflow:visible;
	position:absolute;
	z-index:2
}

.flex div.cDrag div{
	background:none;
	cursor:col-resize;
	display:block;
	float:left;
	height:100%;
	position:absolute;
	width:4px
}

.flex div.cDrag div:hover,.flex div.cDrag div.dragging{
	background: rgb(220, 220, 220);
	background: linear-gradient(90deg, rgb(251, 251, 251) 30%, rgb(220, 220, 220) 50%, rgb(255, 255, 255) 70%)
}

.flex div.iDiv{
	background:none;
	border:1px solid #316ac5;
	overflow:visible;
	position:absolute
}

.flex div.iDiv input,.flex div.iDiv select,.flex div.iDiv textarea{}

.flex div.iDiv input.tb{
	background:none;
	border:0px;
	height:100%;
	padding:0px;
	width:100%
}

.flex .bDiv{

	position:relative
}


.flex.flexGrid .bDiv.empty {
	overflow: hidden;
}

.flex.flexGrid .bDiv.viewgrid{

	overflow:hidden;

}
.flex.flexGrid .icon16 {
	font-size: 1.142rem;
}
.flex.flexGrid .toolBarMain   .btn .icon,
.flex.flexGrid .toolBarOnSelectItems  .btn .icon {
	font-size: 1rem;
}

.flex .bDiv table{
	width:auto;
	margin:0;
}

.flex .bDiv table.autoht{
	border-bottom:0px;
	margin-bottom:0px
}
.flex .bDiv table.viewgrid{
	width: 100%;
	border:0 !important;
}
.flex .bDiv table.viewlist{
	width: 100%;
	border:0 !important;
}
.flex .bDiv table.viewlist .list-group.flexGridBody
{
margin:0;
}

.flex .bDiv table.viewlist .list-group-item{
	padding: .75rem 0;
	border-top-color: #e4eaec;
}

.flex .bDiv table.viewlis .media-body p {
  color: #76838f;
}

.flex .bDiv table.error{ border: 1px solid #ff4c52; background-color:#FFCCCC; border-collapse:separate; }

.flex div.hGrip{
	background:url(/css/images/flex/line.gif) repeat-x center;
	cursor:col-resize;
	height:5px;
	margin-right:1px;
	position:absolute;
	right:0px;
	top:0px;
	width:5px
}

.flex div.hGrip:hover,.flex div.hGrip .hgOver{
	border-right:1px solid #999;
	margin-right:0px
}

.flex div.vGrip{
	background-color:#F8F8F8;
	background-image: -webkit-linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-image: -moz-linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-image: -ms-linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-image: -o-linear-gradient(to bottom, #F8F8F8, #E6E6E6);
	background-image: linear-gradient(to bottom, #F8F8F8, #E6E6E6);		
	background-repeat: repeat-x;
	border-top: 1px solid #d7d7d7;
	cursor:row-resize;
	height:5px;
	overflow:hidden;
	position:relative;
	text-align:center
}

.flex div.vGrip span{
	background:none;
	border-bottom:1px solid #aaa;
	border-top:1px solid #aaa;
	display:block;
	height:1px;
	margin:1px auto;
	overflow:hidden;
	width:20px
}


.flex .bDiv td{
	overflow:hidden;
	vertical-align:middle;
}
.flex .bDiv td.actions{
	overflow:auto;
	white-space: normal;
}

/* flexGrid header table */
.flexGrid thead tr {
	background: #f0f0f0;
}
.flexGrid thead th{
	white-space:nowrap;
	position:relative;
}

.flexGrid thead th div.wth,.flexGrid .bDiv td div.wtd {

	overflow: hidden;
}

.flexGrid thead th .dragResizeCol {
	position: absolute !important;
	top: 0px;
	right: -4px;
	height: 100%;
	width: 8px;
}
.flexGrid thead th .dragResizeCol:hover {
	cursor: col-resize;
	/* background: linear-gradient(90deg, rgb(251, 251, 251) 30%, rgb(220, 220, 220) 50%, rgb(255, 255, 255) 70%);*/
	background:linear-gradient(90deg, rgb(240, 240, 240) 29%, rgb(172, 172, 172) 50%, rgb(240, 240, 240) 70%)
}
.flexGrid thead th .radio-custom, .flexGrid thead th .checkbox-custom,
.flexGrid tbody td .radio-custom, .flexGrid tbody td .checkbox-custom{
	margin:0;

}
.flexGrid thead th.iconHead img{
	height:14px;
	vertical-align: middle;
}

.iconHead [class^="icomoon-icon-"], .iconHead [class*=" icomoon-icon-"] {
	margin: -2px 0 0;
}

div.colCopy{
	cursor:default;
	height:24px;
	overflow:hidden;
	background:#E6E6E6;
	border:1px solid #d7d7d7;
	white-space:nowrap;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.7);
	padding:0 5px;
	line-height: 24px;
}



.flexGrid thead th.sorted{
	/*background-color:#f3f7f9;*/

}


.flexGrid thead th.thOver div,
.flexGrid thead th.sorted .thOver div{
	/*border-bottom:1px solid orange;
	padding-bottom:4px*/
}

.flexGrid thead th.thOver.iconHead div,
.flexGrid thead th.sorted.iconHead .thOver div{
	padding-bottom:0px
}

.flexGrid thead th.thMove{
	background-color:#fff;
	color:#fff
}

.flexGrid thead th.sorted .thMove div{
	/*border-bottom:1px solid #fff;
	padding-bottom:4px*/
}

.flexGrid thead th.thMove div{
	background: #fff !important
}
.flexGrid thead th.sortable{

	background-position: right;
	background-repeat: no-repeat;
	/*padding-right: 19px !important;*/

	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");
}

.flexGrid thead th.sortable.asc {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA+swAAIT6AAB5gQAA/RMAADBtAAASKQ0eJk4AAACASURBVHja7NKhDcJQFIbRV1MSEqaoYwYMYyARR6HZowzAHqguUolHYEgxD9MmTYPpA1JEb/KZK476Q4wxfKvwc6x/WKJE3v+nYkc8cfgIwxpXRNQokjBkOLdQ1wlZCrbFbYDdsRmFYYVqAHVdsBiD7dHg8aYGu2l2NmMz9s/YawDpU8qkYQTHqgAAAABJRU5ErkJggg==");
}

.flexGrid thead th.sortable.desc {
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA+swAAIT6AAB5gQAA/RMAADBtAAASKQ0eJk4AAACFSURBVHja7NKhDcJQFIbRWwMJCVPgmKGGMZCIo9DsAQOwRxWLIPEIDCnmYR4JaSp4DYKQis/8NznqRkopvlWM2Ij9BYY1Wtx7arEpwaZokHo6Yf4xFhGBGrcOdMUqIqIUq3DoYEdUxVgGFzhn6ILl61aMZXCLB3bv+1Bsgj1mg7CfeNrnAMXSyqQtsCNeAAAAAElFTkSuQmCC");
}

.flexGrid thead th.sortable div.wth {

	cursor: pointer;
}
.flexGrid thead span.cdropleft,
.flexGrid thead span.cdropright{
	display: block;
	height: 35px;
	line-height: 35px;
	margin: 0;
	position: absolute;
	top: 0;
	width: 22px;
}
.flexGrid thead span.cdropright{
	right: 0;
}


/*.flexGrid thead th.sortable:hover div{
background:url(/css/images/flex/uup.png) no-repeat center top
}
.flexGrid thead th.desc div{
background:url(/css/images/flex/dn.png) no-repeat center top
}

.flexGrid thead th.asc div{
background:url(/css/images/flex/up.png) no-repeat center top
}

.flexGrid thead th.desc:hover div{
background:url(/css/images/flex/uup.png) no-repeat center top
}

.flexGrid thead th.asc:hover div{
background:url(/css/images/flex/ddn.png) no-repeat center top
}


*/

/* flexGrid Body table */
/*.flexGrid .hDiv input[type="checkbox"],*/
.flexGrid .bDiv input[type="checkbox"] {
	/* margin:  0 0 !important;*/
}
.flex .bDiv td{
	white-space:nowrap;
}
.flex .bDiv.striped td{
	border-bottom:1px solid #fff;
}

.flex .bDiv td.tdSubgrid {
	padding:0 !important;
}

.flex .bDiv td.tdSubgrid div.divSubgrid{
	padding: 0.714rem 0.714rem !important;
	overflow: auto;
	position: relative;
}
.flex .bDiv td.tdSubgrid div.divSubgrid::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 1.071rem;
	height: 0.714rem;
	border-left: 1px dotted #808080;
}
.flex .bDiv td.tdSubgrid div.divSubgrid div.flex{
	padding:0 !important;
	border:1px dotted #808080;
	z-index:5;
}
.modalGridConfig .ui-sortable-helper {
	display: table;
	background:#ffe1c4!important;
}

.flex .bDiv td.actions div.wtd{
	overflow:initial;

}

.flex .titleAction{ margin-left:5px;}
.flex .viewtable .titleAction,
.flex .viewgrid .panel-footer .titleAction{
	display:none;

}

.flex .bDiv td.actions .dropdown-menu .titleAction{
	display:inline-block;

}
.flex .bDiv .wtd.actionApply  {
  cursor: pointer;
  color: #3e8ef7;
}
.flex .bDiv td div.wtd{
}

.flex .bDiv td div.wtd.wrap{
	white-space: normal;
}

.flex .bDiv td div.wtd.fit{
	height: 26px;
}
.flex .bDiv td div.wtd img{
	vertical-align: middle;
}
.viewgrid .box .ActionsLink,
.flex .bDiv td .ActionsLink{
	margin-left:2px !important;
	margin-right:2px !important;
	cursor:pointer;
}
.flex .actionLinkName{
	display:none;
}
.flex .dropdown-item .actionLinkName{
	display:bloack;
}



.flex .bDiv td div.wtd p{
	margin:0 !important;
	line-height: 20px;
}

.flex .bDiv td div.wtd [class^="icomoon-icon-"], .flex .bDiv td div.wtd [class*=" icomoon-icon-"]{
	margin-left:1px;
	margin-right:1px;
}

.flex .bDiv td span.sorthandle{ cursor:n-resize;}
.flex .sorthandle{ cursor:n-resize;}

.flex .bDiv td .tooltip_text{
	cursor:pointer !important;
	float: left !important;
	padding: 0 !important;
	text-align: left !important;
}

.flex .bDiv td .colors{
	display:block;
	height:14px;
	border:1px solid #d7d7d7;
}

.flex .bDiv tr td.sorted{
	background-color:#f3f7f9;
}

.bDiv tr.clickable{
	cursor: pointer;
}

.flex tr.erow td,.erow{
	background-color:#eff5f7;
}

.flex tr.row-holder{
	height:25px;
	border-bottom:1px dotted #EAAA26
}

.flex tr.row-holder td{
	background-color:#F5D796!important;
}

.flex .bDiv  tr.erow td.sorted{
	background-color:#e3e3e3;
}
.flex .bDiv tr.rowSum td, 
.flex .bDiv tr.rowSum td.sorted {
	background-color: #B8D7FF;
}

.flex .bDiv tr:hover>td,.flex .bDiv tr:hover>td.sorted,.flex .bDiv tr.trOver td.sorted,.flex .bDiv tr.trOver td{
	/*	background-color:#d9ebf5;
	border-bottom:1px dotted #a8d8eb;
	border-left:1px solid #eef8ff;
	color: #000;*/
}

.flex .bDiv tr:hover td.tdSubgrid,.flex .bDiv tr:hover td.sorted.tdSubgrid,.flex .bDiv tr.trOver td.sorted.tdSubgrid,.flex .bDiv tr.trOver td.tdSubgrid{
	/*	background-color:#FFF;
	border-bottom:1px dotted #a8d8eb;
	border-left:1px solid #eef8ff*/

}


.flex .bDiv tr.recordSelected:hover td,
.flex .bDiv tr.recordSelected:hover td.sorted,
.flex .bDiv tr.trOver .recordSelected td.sorted,
.flex .bDiv tr.trOver .recordSelected td,
.flex .bDiv tr.recordSelected td.sorted,
.flex .bDiv tr.recordSelected td

{
	background-color:#D9E9FF;

}


.flex .bDiv.viewgrid .data-row.recordSelected .box,
.flex .bDiv.viewlist .data-row.recordSelected .media {
  background: #F2F8FA;
}
.flex .bDiv tr.trContext:hover td,
.flex .bDiv tr.trContext:hover td.sorted,
.flex .bDiv tr.trOver .trContext td.sorted,
.flex .bDiv tr.trOver .trContext td,
.flex tr.trContext td.sorted,
.flex tr.trContext td{
	background-color:#FFF6B5;

}

.flex tr td.rp{
	background-color:#FFF !important;
	border-bottom:1px solid #FFF !important;
	border-left:1px solid #FFF !important;
	border-right:1px solid #ddd !important;
}


.flex tr.rowSubSum.c0 td,
.flex tr.rowSubSum.c3 td
{
	background-color:#D9F4DE !important;
	border-top:1px solid #94E0A2 !important;
}
.flex tr.rowSubSum.c1 td,
.flex tr.rowSubSum.c4 td
{
	background-color:#F4D9E0 !important;
	border-top:1px solid #D1617D !important;
}

.flex tr.rowSubSum.c2 td,
.flex tr.rowSubSum.c5 td
{
	background-color:#FFE9B7 !important;
	border-top:1px solid #F89266 !important;
}

.flex tr td.rp.c0,
.flex tr td.rp.c3
{
	background-color:#D9F4DE !important;
	border-bottom:1px solid #D9F4DE !important;
	border-top:1px solid #94E0A2 !important;
	border-right:1px solid #94E0A2 !important;
}
.flex tr td.rp.c1,
.flex tr td.rp.c4
{
	background-color:#F4D9E0 !important;
	border-bottom:1px solid #F4D9E0 !important;
	border-top:1px solid #D1617D !important;
	border-right:1px solid #D1617D !important;
}

.flex tr td.rp.c2,
.flex tr td.rp.c5
{
	background-color:#FFE9B7 !important;
	border-bottom:1px solid #FFE9B7 !important;
	border-top:1px solid #F89266 !important;
	border-right:1px solid #F89266 !important;
}


.flex tr.rowSubSum.c0 td:first-child,
.flex tr.rowSubSum.c3 td:first-child
{
	border-top:1px solid #D9F4DE !important;
}


.flex tr.rowSubSum.c1 td:first-child,
.flex tr.rowSubSum.c4 td:first-child
{
	border-top:1px solid #F4D9E0 !important;
}

.flex tr.rowSubSum.c2 td:first-child,
.flex tr.rowSubSum.c5 td:first-child
{
	border-top:1px solid #FFE9B7 !important;
}

/* novstripe adjustments */

.flex .novstripe .bDiv table{
	border-bottom:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7
}

.flex .novstripe .bDiv td{
	border-right-color:#fff
}

.flex .novstripe .bDiv tr.erow td.sorted{
	border-right-color:#e3e3e3
}

.flex .novstripe .bDiv tr td.sorted{
	border-right-color:#f3f3f3
}

.flex .novstripe .bDiv tr.erow td{
	border-left-color:#f7f7f7;
	border-right-color:#f7f7f7
}

.flex .novstripe .bDiv tr.recordSelected:hover td,.flex .novstripe .bDiv tr.recordSelected:hover td.sorted,.flex .novstripe .bDiv tr.trOver .recordSelected td.sorted,.flex .novstripe .bDiv tr.trOver .recordSelected td,.flex .novstripe tr.recordSelected td.sorted,.flex .novstripe tr.recordSelected td{
	border-left:1px solid #0066FF;
	border-right:1px solid #0066FF
}

.flex .novstripe .bDiv tr.trOver td,.flex .novstripe .bDiv tr:hover td{
	border-left-color:#d9ebf5;
	border-right-color:#d9ebf5
}
/* end novstripe */

.flex div.pDiv{


}

.flex div.pDiv div.pDiv2{
	/*	float:left;
	margin:3px 3px 3px 0px;
	width:1024px;
	height:22px;*/
}
.flex div.pDiv div.pDiv2 .btn-group{
	margin: 0 0.714rem 0 0;
}

.flex .btn-group label {
	margin: 0 5px 0 0;
}
.flex .btn-group .totalPage {
	font-weight: 700;
}
div.pGroup{
	background:none;
	float:left;
	height:22px;
	margin:0px 5px
}

/*.flex div.pDiv .pPageStat,.flex div.pDiv .pcontrol{
overflow:visible;
position:relative;
top:5px
}*/

.flex div.pDiv input, .flex div.pDiv  select{
	text-align: center;
	margin: 0 5px;
}

.flex div.pDiv div.pButton{
	border:1px solid transparent;
	cursor:pointer;
	float:left;
	height:22px;
	overflow:hidden;
	width:22px
}

.flex div.pDiv div.pButton:hover,.flex div.pDiv div.pButton .pBtnOver{


}

.flex div.pDiv div.pButton span{

	float: left;
	line-height: 20px;
	margin: 0 3px;
}
.flex .dropdown-menu-overflow.dropdown-menu {
	overflow: auto;
	max-height: 250px;
}
.controlColsHolder  .togCol {
	margin: 0 5px 0 0;
}
.flex div.pDiv div.pButton:hover span{
	color:#4787ed !important;
}
.flex .pReload i.fa-spin{
	display:none;
}
.flex .pReload.loading i{
	display:none;
}
.flex .pReload.loading i.fa-spin{
	display:inline-block;
}

.flex .pReload.loading:hover{

}

.flex .pReload.loading span{display:none;}


.flex .pFirst.disabled span{color:#CCC !important}
.flex .pPrev.disabled span{color:#CCC !important}
.flex .pNext.disabled span{color:#CCC !important}
.flex .pLast.disabled span{color:#CCC !important}

.loadingCombo{
	background:url(/css/images/flex/load.gif) no-repeat left;
	border:1px solid #d7d7d7;
	padding-left:1.071rem
}

.flexcombo optgroup{
	font-style:normal;
}
.flexcombo option{
	/*line-height:14px;
	height:14px;*/
}
.flexcombo option:disabled {
	color: #CCC;
}
.flexcombo option img{
	float: none !important;
	height: 14px;
	margin-right: 3px;
	vertical-align: middle;
}

.flex .bDiv td div.wtd .moneyWrap{
	text-align: left;
	float: left;
	padding: 0pt;
}
.flex .bDiv td div.wtd .suffix{
	text-align: right;
	float: right;
	padding: 0 0 0 1px;
}
.flex .bDiv td div.wtd .prefix{
	text-align: left;
	float: left;
	padding: 0;
}
.flex .bDiv .panel-body .prefix{
	display:inline;
	padding: 0 5px;
}


/* MAP FLEX*/

.flexmap {
	position: relative;
	width: 100%;
}
.flexmap.fullscreen {
	left: 0;
	top: 0;
	position: absolute;
	z-index:1500;
	background:#f1f4f5;
}


.flexmap .bottomnav {
	font-size:100%;
	line-height:23px;
	text-align:left;
	margin-top:0px;
	margin-left:303px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1000;
	width:100%;
	display:none;
}
.flexmap .bottomnav .bottomnav_content {
	padding:0.714rem;

}


.flexmap.fullscreen .bottomnav {
	margin-left:303px;

}


.flexmap .bottomnav a {
	color:#FFFFFF;
}

.flexmap .bottomnav h2 {
	color:#FFF;
	font-weight: normal;
	font-size: 120%;
	display:inline;
	letter-spacing:2px;
}
.flexmap .bottomnav a.dropUp {
	background-color: #f5f5f5 ;

	border: 1px solid #dcdcdc;
	padding:4px 6px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	outline:none;
	outline:none;
	position:relative;
	margin-left:3px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-o-user-select:none;
}
.flexmap .bottomnav a.dropUp:hover {
	background-color: #4787ed;
	border: 1px solid #3079ed;
	color: #fff !important;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}

.flexmap .bottomnav a.dropUp span.toogle {
	background-image:url("/css/images/map/toggle_up.png");
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:4px 16px 6px 0;
}
.flexmap .bottomnav a.dropUp.menu-open {
	background:#FFF !important;
	color:#222!important;
	outline:none;
}

.flexmap .bottomnav a.dropUp.menu-open span.toogle {
	background-image:url("/css/images/map/toggle_down.png");
	color:#222;
}

.flexmap .bottomnav a.dropUp span.loadingMap {
	background:url("/css/images/map/loading.gif") no-repeat 0 50%;
	color: #666666;
	display: none;
	line-height: 20px;
	padding: 3px 3px 3px 160px;
	width: 128px;
}

.flexmap .bottomnav a.dropUp:hover span.toogle{
	background-image:url("/css/images/map/toggle_up_light.png");
}
.flexmap .bottomnav a.dropUp.menu-open:hover span.toogle{
	background-image:url("/css/images/map/toggle_down_light.png");
}
.flexmap .bottomnav a.dropUp.no-stats{
	cursor: default;
}
.flexmap .bottomnav a.dropUp.no-stats:hover {
	background-color: #f1f1f1;
	background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
	background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
	background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
	background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
	background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
	border: 1px solid #dcdcdc;
}

.flexmap .bottomnav a.dropUp.no-stats span.toogle {
	background-image:none !important;
	padding:4px 2px 6px 0 !important;
}

/* menu */
.flexmap .bottomnav .menuDropUp {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #d7d7d7;
	bottom: 39px;
	color: #222222;
	display: none;
	left: 8px;
	margin-top: 0;
	padding: 5px;
	position: absolute;
	text-align: left;
	width: 20%;
	z-index: 100;
}
.flexmap .bottomnav .menuDropUp ul{
	margin:0;
}
.flexmap .bottomnav .menuDropUp ul li{
	list-style:none;
	border-bottom:1px dotted #DDDDDD;
}
.flexmap .bottomnav .menuDropUp ul li img {
	float: left;
	position: relative;
	top: 2px;
}

.flexmap .mapPanel {
	position:relative;
	float:left;
	width:307px;
	z-index:100;
	text-align:left;
	padding:5px  0;
	margin-left:0;
	margin-top:0px;

	top:0;
	right:5px;
	/*border:1px solid #DDDDDD;*/
}

.flexmap.topPanel .mapPanel {
	width: 100%;
	height: auto;
	border: 1px solid #DDD;
	right: 0;
}

.flexmap .contentMapFilter{
	padding-top: 50px;
}
.flexmap.topPanel .contentMapFilter{
	padding-top: 0;
	padding-left: 280px;
	padding-right: 50px;
}

.flexmap .closePanel,
.flexmap .openPanel, 
.flexmap .closeMap {
	position: absolute;
	z-index: 10000;
}

.flexmap .closePanel {
	left:0.714rem;
	top:0.714rem;
}

.flexmap .openPanel {
	left:0.571rem;
	top:0.714rem;
	display: none;
}

.flexmap .closeMap {
	left: 0.571rem;
	top: 0.714rem;
}

.flexmap.fullscreen.leftPanel .closeMap {
	left: 265px;;
	top: 0.714rem;
}




.flexmap.closedPanel .bottomnav {
	margin-left:37px;
}

.flexmap.closedPanel .mapPanel {
	width:41px;
}
.flexmap.closedPanel.topPanel .mapPanel {
	width: 0px;
	height: 0px;
	padding: 0px;

}
.flexmap.noPanel .mapPanel{
	width:0px !important;

}
.flexmap.noPanel .closePanel {

	display: none !important;	

}
.flexmap.noPanel .bottomnav {

	margin-left: 0 !important;

}
.flexmap.closedPanel .closePanel,
.flexmap.closedPanel.fullscreen .closeMap,
.flexmap.closedPanel .contentMapFilter
{
	display:none;
}

.mapPanel.closedPanel .openPanel{
	display:block;
}

.flexmap .contentMapFilter form.filter  div label {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 16rem;
}

.flexmap .contentMapFilter .filter  {
	margin:0 0.714rem;
	padding:0;
	min-width:285px;
	color:#333333;

}
.flexmap .contentMapFilter form {
	min-width: inherit;
}

.flexmap .contentMapFilter div fieldset {
	clear: none;
	border: none;
	margin: 0;
}

.flexmap .contentMapFilter .flex .bDiv {
	border-top:1px solid #d7d7d7;
}
.flexmap .contentMapFilter .filter input, 
.flexmap .contentMapFilter .filter select, 
.flexmap .contentMapFilter .filter textarea{
	/*max-width:150px;*/
}
.flexmap .contentMapFilter .filter input.checkTree 
{
	position:relative;
	top:-3px;
	left:-2px;
}

.flexmap .contentMapFilter .filter button{ margin:5px 5px 5px 0;} 

.flexmap .seachmap {
	position: absolute;
	width: 15rem;
	left: 50px;
	top: 10px;
	z-index: 100;
}


.flexmap .bottomnav .loadingZone {
	height: 1.071rem;
	margin: 0 1.071rem;
	padding: 7px 0 0;
	text-align: center;
	width: 98%;
}
.flexmap .bottomnav .loadingBar {
	border: 1px solid #C2C2C2;
	display: none;
	height: 8px;
	line-height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-align: left;
}
.flexmap .bottomnav .progressBar {
	background: none repeat scroll 0 0 #B3F83D;
	height: 8px;
	line-height: 0;
	margin: 0;
	padding: 0;
	width: 0;
}


/* flex tree */
.searchAdvance .flextree {
	margin-top: 9px;
	position: relative;
	width:200px;
	z-index: 1000;
	border:none;
}
.searchAdvance .flextree ul.filetree{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #d7d7d7;
	max-height:200px;
	width:200px;
	overflow:auto;

}

.flexForm .flextree {
	left: 28%;
	width:200px;
	margin-top: 8px;
	position: relative;
	z-index: 1000;
	border:none;
	font-size:1.1rem;
}


.guiderForm.treeWraper .panel-title {
	padding: 5px 5px;
}


.guiderForm.treeWraper .panel-body {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.flexForm .flextree ul.filetree{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #d7d7d7;
	max-height:200px;
	width:200px;
	overflow:auto;

}
.treeWraper .input-search .form-control {
	height: 2.573rem;
	border-radius: .215rem;
}

/* filetree */
.flextree.fixedheight{
	overflow:auto;
}


.flextree{

}
.flextree .fieldSearchTree {
	padding-right: 100px;
}


.contentMapFilter .wrapSearchTree {
	width: 97%;
}

.contentMapFilter .centerTree {
	/*width: 175px;*/
}




/*******************************************************************************
* Tree container */
ul.flextree-container
{
	white-space: nowrap;
	padding: 3px;
	margin: 0; /* issue 201 */


	overflow: auto;
	height: 100%; /* issue 263 */
}


.flextree div.loadingTree ul.flextree-container{
	opacity:0.5;
	filter: alpha(opacity=50); 

}
ul.flextree-container ul
{
	padding: 0 0 0 16px;
	margin: 0;
}

ul.flextree-container li
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	-moz-background-clip:border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background-attachment: scroll;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: repeat-y;
	background-image: none;  /* no v-lines */

	margin:0;
	padding:1px 0 0 0;
}
ul.flextree-container ul.hideNode,
ul.flextree-container li.hideNode
{
	display:none;
}

/* Suppress lines for last child node */
ul.flextree-container li.flextree-lastsib
{
	background-image: none;
}
/* Suppress lines if level is fixed expanded (option minExpandLevel) */
ul.flextree-no-connector > li
{
	background-image: none;
}

/* Style, when control is disabled */
.ui-flextree-disabled ul.flextree-container
{
	opacity: 0.5;
	/*	filter: alpha(opacity=50); /* Yields a css warning */
	background-color: silver;
}


/*******************************************************************************
* Common icon definitions
*/
span.flextree-empty,
span.flextree-vline,
span.flextree-connector,
span.flextree-expander,
span.flextree-icon,
span.flextree-checkbox,
span.flextree-radio,
span.flextree-drag-helper-img,
#flextree-drop-marker
{
	width: 16px;
	height: 16px;
	display: inline-block; /* Required to make a span sizeable */
	/*vertical-align: middle;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("/css/images/tree/icons.gif");
	background-position: 0 0;*/
}

span.flextree-empty:before,
span.flextree-connector:before,
span.flextree-expander:before,
span.flextree-icon:before,
span.flextree-checkbox:before,
span.flextree-radio:before,
span.flextree-drag-helper-img:before
{
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	font-weight: 900;
}

/** Used by 'icon' node option: */
ul.flextree-container img
{
	width: 16px;
	height: 16px;
	margin-left: 3px;
	vertical-align: top;
	border-style: none;
}



span.flextree-expander:before
{
	cursor: pointer;
	content: "\f0da";
	left: 4px;
	position: relative;
} 
.flextree-ico-ef span.flextree-expander,
span.flextree-expander:hover
{
	transform: rotate(45deg);
	top: 4px;
	left: 8px;
}


.flextree-node  span.flextree-icon:before{
	content: "\f15b";
	color: #76838f;

}

.flextree-ico-ef span.flextree-icon:before{
	content: "\f07c";
	color: #37474f;

}
.flextree-ico-cf span.flextree-icon:before{
	content: "\f07b";
	/*color: #37474f;*/

}


.flextree-node .node-blocked span.flextree-icon::before {
  content: "\f05e";
}
.text-danger.flextree-node  span.flextree-icon:before,
.text-danger.flextree-ico-ef span.flextree-icon:before,
.text-danger.flextree-ico-cf span.flextree-icon:before {
  color: #dc3545 !important;
}


.flextree-loading.flextree-ico-ef span.flextree-expander,
.flextree-loading span.flextree-expander:hover
{
	transform: rotate(0);
}
.flextree-loading span.flextree-expander:before
{
	content: "\f251";
}


/*******************************************************************************
* Lines and connectors
*/

/*
span.flextree-empty
{
}
span.flextree-vline
{
}
*/
span.flextree-connector
{
	background-image: none;
}
/*
.flextree-lastsib span.flextree-connector
{
}
*/
/*******************************************************************************
* Expander icon
* Note: IE6 doesn't correctly evaluate multiples class names,
*		 so we create combined class names that can be used in the CSS.
*
* Prefix: flextree-exp-
* 1st character: 'e': expanded, 'c': collapsed
* 2nd character (optional): 'd': lazy (Delayed)
* 3rd character (optional): 'l': Last sibling
*/

span.flextree-expander
{
	background-position: 0px -80px;
	cursor: pointer;
}
span.flextree-expander:hover
{
	background-position: -16px -80px;
}
.flextree-exp-cl span.flextree-expander /* Collapsed, not delayed, last sibling */
{
}
.flextree-exp-cd span.flextree-expander /* Collapsed, delayed, not last sibling */
{
}
.flextree-exp-cdl span.flextree-expander /* Collapsed, delayed, last sibling */
{
}
.flextree-exp-e span.flextree-expander,  /* Expanded, not delayed, not last sibling */
.flextree-exp-ed span.flextree-expander,  /* Expanded, delayed, not last sibling */
.flextree-exp-el span.flextree-expander,  /* Expanded, not delayed, last sibling */
.flextree-exp-edl span.flextree-expander  /* Expanded, delayed, last sibling */
{
}
.flextree-exp-e span.flextree-expander:hover,  /* Expanded, not delayed, not last sibling */
.flextree-exp-ed span.flextree-expander:hover,  /* Expanded, delayed, not last sibling */
.flextree-exp-el span.flextree-expander:hover,  /* Expanded, not delayed, last sibling */
.flextree-exp-edl span.flextree-expander:hover  /* Expanded, delayed, last sibling */
{
}

/*.flextree-loading span.flextree-expander  
{
	background-position: 0 0;
	background-image: url("/css/images/flex/load.gif");
}*/





/*******************************************************************************
* Checkbox icon
*/
span.flextree-checkbox
{
	margin-left: 3px;
	background-position: 0px -32px;
}
span.flextree-checkbox:hover
{
	background-position: -16px -32px;
}

.flextree-partsel span.flextree-checkbox
{
	background-position: -64px -32px;
}
.flextree-partsel span.flextree-checkbox:hover
{
	background-position: -80px -32px;
}

.flextree-selected span.flextree-checkbox
{
	background-position: -32px -32px;
}
.flextree-selected span.flextree-checkbox:hover
{
	background-position: -48px -32px;
}

/*******************************************************************************
* Radiobutton icon
* This is a customization, that may be activated by overriding the 'checkbox'
* class name as 'flextree-radio' in the tree options.
*/
span.flextree-radio
{
	margin-left: 3px;
	background-position: 0px -48px;
}
span.flextree-radio:hover
{
	background-position: -16px -48px;
}

.flextree-partsel span.flextree-radio
{
	background-position: -64px -48px;
}
.flextree-partsel span.flextree-radio:hover
{
	background-position: -80px -48px;
}

.flextree-selected span.flextree-radio
{
	background-position: -32px -48px;
}
.flextree-selected span.flextree-radio:hover
{
	background-position: -48px -48px;
}

/*******************************************************************************
* Prefix: flextree-ico-
* 1st character: 'e': expanded, 'c': collapsed
* 2nd character (optional): 'f': folder
*/

span.flextree-icon /* Default icon */
{
	margin-left: 3px;
	background-position: 0px 0px;
}

span.flextree-title
{
	margin-left: 3px;
}


.flextree-has-children span.flextree-icon /* Default icon */
{
	/*    background-position: 0px -16px; */
}

.flextree-ico-cf span.flextree-icon  /* Collapsed Folder */
{
	background-position: 0px -16px;
}

.flextree-ico-ef span.flextree-icon  /* Expanded Folder */
{
	background-position: -64px -16px;
}

/* Status node  icons */

.flextree-statusnode-wait span.flextree-icon
{
	background-image: url("/css/images/flex/load.gif");
}

.flextree-statusnode-error span.flextree-icon
{
	background-position: 0px -112px;
}

span.flextree-node
{

}


ul.flextree-container a
{
	color: #76838f; /* inherit doesn't work on IE */
	text-decoration: none;
	vertical-align: top;
	margin: 0px;

}

ul.flextree-container a:hover
{
	background: #E8E8E8; /* light blue */
	border-color: #B5B5B5; /* darker light blue */
}

span.flextree-node a
{
	display: inline-block;
	padding: .229rem 0.5rem;
	border-radius: .215rem;
	line-height: 1.5rem;
}


span.flextree-node.red a {
	color: #ff4c52 !important;
}
span.flextree-node.c0 a {
	color: #FF0000 !important;
}
span.flextree-node.orange a {
	color: #FF6600 !important;
}
span.flextree-node.blue a {
	color: #0066FF !important;
}

span.flextree-node.green a {
	color: #339900 !important;
}

span.flextree-node.founded a
{
	color:#4787ED;
}
span.flextree-node a.flextree-unselectable{
	color:#999;
}

span.flextree-folder a
{
}

ul.flextree-container a:focus,
span.flextree-focused a:link  /* @IE */
{
}

span.flextree-has-children a
{
}

span.flextree-expanded a
{
}

span.flextree-selected a
{
	font-style: italic;
}

span.flextree-focused a,
ul.flextree-container span.flextree-focused a:hover
{
	color: #3e8ef7;
	background-color: #f3f7f9;
}

span.flextree-active a
{
	color: #ffffff;
	background-color: #3e8ef7;
}
ul.flextree-container span.flextree-active a:hover
{
	color: #3e8ef7;
	background-color: #f3f7f9;
}


div.flextree-drag-helper
{
}


div.flextree-drag-helper a
{
	background-color: #E8E8E8;
	opacity: 0.8;
	padding: .229rem 0.5rem;
	border-radius: .215rem;
	line-height: 1.5rem;
}
span.flextree-drag-helper-img
{
	/*
	position: relative;
	left: -16px;
	*/
}
div.flextree-drag-helper /*.flextree-drop-accept*/
{
	/*    border-color: green;
	background-color: red;*/
}
div.flextree-drop-accept span.flextree-drag-helper-img
{
	background-position: -32px -112px;
}
div.flextree-drag-helper.flextree-drop-reject
{
	border-color: red;
}
div.flextree-drop-reject span.flextree-drag-helper-img
{
	background-position: -16px -112px;
}

/*** Drop marker icon *********************************************************/

#flextree-drop-marker
{
	width: 24px;
	position: absolute;
	background-position: 0 -128px;
	margin: 0;
}
#flextree-drop-marker.flextree-drop-after,
#flextree-drop-marker.flextree-drop-before
{
	width:64px;
	background-position: 0 -144px;
}
#flextree-drop-marker.flextree-drop-copy
{
	background-position: -64px -128px;
}
#flextree-drop-marker.flextree-drop-move
{
	background-position: -64px -128px;
}

/*** Source node while dragging ***********************************************/

span.flextree-drag-source
{

}
span.flextree-drag-source a
{
	color: #222;
}

/*** Target node while dragging cursor is over it *****************************/

span.flextree-drop-target
{
	/*border: 1px solid gray;*/
}
span.flextree-drop-target a
{
}
span.flextree-drop-target.flextree-drop-accept a
{
	background-color: #3169C6 !important;
	color: white !important; 
	text-decoration: none;
}
span.flextree-drop-target.flextree-drop-reject
{
	/*border: 1px solid red;*/
}
span.flextree-drop-target.flextree-drop-after a
{
}

ul.flextree-container span.td {
	display: inline;
	margin-right:5px;
	border-size: 1px;
}
ul.flextree-container span.td:nth-child(1) {
}

/* guiders */
.guiderForm {
	background: #FFF;
	border: 1px solid #4787ed !important;
	position: absolute;
	outline: none;
	padding: 0px;
	min-width:320px;
	display:block;
	box-sizing: content-box;
	z-index: 100000005;
	border-radius: .143rem;
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.guiderForm .alert{
	margin:0.714rem;
}


.guiderFormArrow {
	position: absolute;
	display: block;
	width: 8px;
	height: 4px;

}
.guiderFormArrow::before {
	content: "";
	border-width: 8px;
}

.guiderFormArrow::after,  .guiderFormArrow::before {
	position: absolute;
	display: block;
	border-color: transparent;
	border-style: solid;
}

.guiderFormArrow.guiderFormArrowUp::after {
	content: "";
	border-width: 8px;
	margin-left: -8px;
	border-top-width: 0;
	top: -webkit-calc((8px - 1px) * -1);
	top: calc((8px - 1px) * -1);
	border-bottom-color: #FFF;
}
.guiderFormArrow.guiderFormArrowUp {
	top: 0;
	left: 10%;
}

.guiderFormArrow.guiderFormArrowUp::before {
	top: -8px;
	border-bottom-color: #e4eaec;
	border-top-width: 0;
	margin-left: -8px;
}

.guiderFormArrowDown {
	bottom: 0;
	left: 50%;
}

.guiderForm.aGrid{
	min-width: 220px;
	overflow: auto;

}
.guiderForm.aGrid .flex{
	min-width: 220px;
	margin: 0;
	box-shadow: none;
}
.aGrid .panel-bordered > .panel-body, .aGrid .panel-bordered > .panel-footer {
	padding: 5px 5px 0px 5px;
	border: 0;
}
.aGrid .flex div.sDiv {
	display: inline-block;
}
.aGrid .pPageStat {
	display: none;
}
.aGrid .flex div.toolBarMain {
	padding: 0 0 5px 0;
	width:100%;
}





/* NEW BOTTONS */
.toolBarMain .btn.loading,
.toolBarMain .btn.loading input{
	cursor: progress;
}

.toolBarMain .btn input{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	padding: 0 3px 0 0;
	height: 21px;
}	

.toolBarMain .btn input:focus{
	box-shadow:none;
}
.toolBarMain .btn.blue input,
.toolBarMain .btn.green input,
.toolBarMain .btn.red input{
	color: #FFFFFF;
}	
.toolBarMain .btn [class^="icomoon-icon-"]{
	margin-right:5px;
	margin-left:5px;
}	
.toolBarMain .btn.blue input,
.toolBarMain .btn.green input,
.toolBarMain .btn.red input{
	color: #FFFFFF !important;
}	
.toolBarMain .btn.blue [class^="icomoon-icon-"],
.toolBarMain .btn.green [class^="icomoon-icon-"],
.toolBarMain .btn.red [class^="icomoon-icon-"]{
	color: #FFFFFF !important;
}	

/* form reports buttons */ 
.report .toolBarMain .btn {
	line-height: 24px;
}
.report .toolBarMain .btn [class^="icomoon-icon-"]{
	font-size: 1.142rem;
}	



button.small, .btn.small {
	padding: .072rem .358rem;
	font-size: .858rem;
	line-height: 1.5;
	border-radius: .143rem;
}




.btn:hover {
	text-decoration: none;
}

.btn.disabled {
	color: #76838f;
	background-color: #f3f7f9;
	border-color: #f3f7f9;
}

/* Blue button */
button.blue, .btn.blue {
	color: #fff !important;
	background-color: #3e8ef7;
	border-color: #3e8ef7;
	box-shadow: none;
}


button.blue:active, .btn.blue:active {
	color: #fff !important;
	background-color: #247cf0;
	border-color: #247cf0;
	box-shadow: none;
}

button.blue:hover, .btn.blue:hover,
button.blue:focus, .btn.blue:focus {
	color: #fff !important;
	background-color: #589ffc;
	border-color: #589ffc;
	box-shadow: none;
}


/* Green button */
button.green, .btn.green {
	color: #fff !important;
	background-color: #11c26d;
	border-color: #11c26d;
	box-shadow: none;
}
button.green:active, .btn.green:active {
	color: #fff !important;
	background-color: #05a85c;
	border-color: #05a85c;
	box-shadow: none;
}

button.green:hover, .btn.green:hover,
button.green:focus, .btn.green:focus {
	color: #fff !important;
	background-color: #05a85c;
	border-color: #05a85c;
	box-shadow: none;
}

/* Red button */
button.red, .btn.red {
	color: #fff !important;
	background-color: #ff4c52;
	border-color: #ff4c52;
	box-shadow: none;
}
button.red:active, .btn.red:active
{
	color: #fff !important;
	background-color: #f2353c;
	border-color: #f2353c;
	box-shadow: none;
}

button.red:hover, .btn.red:hover,
button.red:focus, .btn.red:focus
{
	color: #fff !important;
	background-color: #ff666b;
	border-color: #ff666b;
	box-shadow: none;
}

/* orange button */
button.orange, .btn.orange {
	color: #fff !important;
	background-color: #eb6709;
	border-color: #eb6709;
	box-shadow: none;
}
button.orange:active, .btn.orange:active {
	color: #fff !important;
	background-color: #de4e00;
	border-color: #de4e00;
	box-shadow: none;
}

button.orange:hover, .btn.orange:hover,
button.orange:focus, .btn.orange:focus {
	color: #fff !important;
	background-color: #f57d1b;
	border-color: #f57d1b;
	box-shadow: none;
}

/* Grey (flat) button */
button.grey, .btn.grey {
	color: #76838f !important;
	background-color: #e4eaec;
	border-color: #e4eaec;
	box-shadow: none;
}
button.grey:active, .btn.grey:active {
	color: #76838f  !important;
	background-color: #ccd5db;
	border-color: #ccd5db;
}

button.grey:hover, .btn.grey:hover,
button.grey:focus, .btn.grey:focus {
	color: #76838f !important;
	background-color: #f3f7f9;
	border-color: #f3f7f9;
}

/* Yellow button */
button.yellow, .btn.yellow {
	background-color: #ffb105;
	background-image: -webkit-linear-gradient(top, #ffcb12, #ffb105);
	background-image: -moz-linear-gradient(top, #ffcb12, #ffb105);
	background-image: -ms-linear-gradient(top, #ffcb12, #ffb105);
	background-image: -o-linear-gradient(top, #ffcb12, #ffb105);
	background-image: linear-gradient(top, #ffcb12, #ffb105);
	border: 1px solid #ff9e00;
	color: #444 !important;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
button.yellow:active, .btn.yellow:active {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}
button.yellow:visited, .btn.yellow:visited {
	color: #444;
}
button.yellow:hover, .btn.yellow:hover {
	background-color: #ffa305;
	background-image: -webkit-linear-gradient(top, #ffcb12, #ffa305);
	background-image: -moz-linear-gradient(top, #ffcb12, #ffa305);
	background-image: -ms-linear-gradient(top, #ffcb12, #ffa305);
	background-image: -o-linear-gradient(top, #ffcb12, #ffa305);
	background-image: linear-gradient(top, #ffcb12, #ffa305);
	border: 1px solid #ff9b05;
	color: #444;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}

button.loading, .btn.loading {
	background-color: #f1f1f1 !important;
	background-image: -moz-linear-gradient(center top , #f5f5f5, #f1f1f1) !important;
	border: 1px solid #dcdcdc !important;
	color: #444444 !important;
	text-shadow: none;
}
.toolBarMain .btn.loading.blue [class^="icomoon-icon-"],
.toolBarMain .btn.loading.green [class^="icomoon-icon-"],
.toolBarMain .btn.loading.red [class^="icomoon-icon-"]{
	color: #444444 !important;
}	

button [class^="icomoon-icon-"],
.btn .btn [class^="icomoon-icon-"],
button [class*=" icomoon-icon-"],
.btn [class*=" icomoon-icon-"]
{
	/*margin-left: 0;
	margin-right: 5px;
	margin-top: -2px;*/
	vertical-align: top !important;
}

button.ico [class^="icomoon-icon-"],
.btn.ico .btn [class^="icomoon-icon-"],
button.ico [class*=" icomoon-icon-"],
.btn.ico [class*=" icomoon-icon-"]
{
	margin-left: 0;
	margin-right: 0;
	margin-top: -2px;

	vertical-align: top !important;
}



/* notifications old versions */
.notification {
	position: relative;
	padding: 0.857rem 1.071rem;
	margin-bottom: 1.143rem;
	border: 1px solid transparent;
	border-radius: 0rem;

}
.notification {
	color: #3e8ef7;
	background-color: rgba(217,233,255,.8);
	border-color: #d9e9ff;
}

.notification.info {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb;
}
.notification.success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}
.notification.error {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}
.notification.warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}

.flexmap .notification {
	margin:3px 8px 3px 309px !important;
}
.flexmap.closedPanel .notification {
	margin:0.714rem 8px 0.714rem 268px  !important;
}

.flexmap .mapPanel .notification {
	margin:0 0.714rem 0.714rem 0.714rem !important;
}

.notification.noimg {
	background-image: none;
	font-size: 0.714rem;
	padding: 2px;
}
.notification.no-margin {
	margin:0;
}
.notification.small {
	padding: 0.5rem 0.714rem;
	display: block;
}

.alert.cropTip {
	margin:0;
	display: inline-block;
}

.alert.cropTip.hide {
	display: none;
}

.notification.nopic {
	background-image:none;
	padding:0.714rem;
}
.notification span.strong {
	margin-right:0.714rem;
}


.ui-datepicker-trigger {
	padding:8px;
	cursor:pointer;
	float:left;
}

.limiterBox {
	background-color: #263238   !important;
	border-top: 0 none;
	color: #FFFFFF;
	font-size: 0.857rem;
	margin-top: 6px;
	padding: 0.25rem 0.5rem;
	border-radius: 4px;
}
.limiterBox:after {
	display: none;
}
.limiterBox:before {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #263238;
	border-style: solid;
	border-width: 0 8px 8px;
	content: "";
	display: block;
	height: 0;
	left: 50%;
	margin-left: -5px;
	position: absolute;
	top: -8px;
	width: 0;
}


/*
.row {
width: 100%;
}
.row::before, .row::after {
content: "";
display: table;
line-height: 0;
}*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
	display: inline;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
}
.grid_3,
.container_16 .grid_4
{
	width: 23%;
}
.grid_6,
.container_16 .grid_8
{
	width: 48%;
}
.grid_9,
.container_16 .grid_12
{
	width: 73%;
}
.grid_12,
.container_16 .grid_16
{
	width: 98%;
}

.alpha
{
	margin-left: 0;
}
.omega
{
	margin-right: 0;
}

.grid_1
{
	width: 6.333%;
}
.grid_2
{
	width: 14.666%;
}
.grid_4
{
	width: 33.333%;
	margin:0;
}
.grid_5
{
	width: 39.666%;
}
.grid_7
{
	width: 56.333%;
}
.grid_8
{
	width: 65.666%;
	margin-right:0;
}
.grid_10
{
	width: 81.333%;
}
.grid_11
{
	width: 89.666%;
}


.prefix_3,
.container_16 .prefix_4
{
	padding-left: 25%;
}
.prefix_6,
.container_16 .prefix_8
{
	padding-left: 50%;
}
.prefix_9,
.container_16 .prefix_12
{
	padding-left: 75%;
}

.prefix_1
{
	padding-left: 8.333%;
}
.prefix_2
{
	padding-left: 16.666%;
}
.prefix_4
{
	padding-left: 33.333%;
}
.prefix_5
{
	padding-left: 41.666%;
}
.prefix_7
{
	padding-left: 58.333%;
}
.prefix_8
{
	padding-left: 66.666%;
}
.prefix_10
{
	padding-left: 83.333%;
}
.prefix_11
{
	padding-left: 91.666%;
}

.suffix_3,
.container_16 .suffix_4
{
	padding-right: 25%;
}
.suffix_6,
.container_16 .suffix_8
{
	padding-right: 50%;
}
.suffix_9,
.container_16 .suffix_12
{
	padding-right: 75%;
}

.suffix_1
{
	padding-right: 8.333%;
}
.suffix_2
{
	padding-right: 16.666%;
}
.suffix_4
{
	padding-right: 33.333%;
}
.suffix_5
{
	padding-right: 41.666%;
}
.suffix_7
{
	padding-right: 58.333%;
}
.suffix_8
{
	padding-right: 66.666%;
}
.suffix_10
{
	padding-right: 83.333%;
}
.suffix_11
{
	padding-right: 91.666%;
}

.row [class*="span"]:first-child {
	margin-left: 0;
}
.row .controls-row [class*="span"] + [class*="span"] {
	margin-left: 2.12766%;
}
.row .col-12 {
	width: 100%;
}
.row .span11 {
	width: 91.4894%;
}
.row .span10 {
	width: 82.9787%;
}
.row .span9 {
	width: 74.4681%;
}
.row .span8 {
	width: 65.9574%;
}
.row .span7 {
	width: 57.4468%;
}
.row .col-6 {
	width: 48.9362%;
}
.row .span5 {
	width: 40.4255%;
}
.row .col-4 {
	width: 31.9149%;
}
.row .col-3 {
	width: 23.4043%;
}
.row .col-2 {
	width: 14.8936%;
}
.row .span1 {
	width: 6.38298%;
}
.row .offset12 {
	margin-left: 104.255%;
}
.row .offset12:first-child {
	margin-left: 102.128%;
}
.row .offset11 {
	margin-left: 95.7447%;
}
.row .offset11:first-child {
	margin-left: 93.617%;
}
.row .offset10 {
	margin-left: 87.234%;
}
.row .offset10:first-child {
	margin-left: 85.1064%;
}
.row .offset9 {
	margin-left: 78.7234%;
}
.row .offset9:first-child {
	margin-left: 76.5957%;
}
.row .offset8 {
	margin-left: 70.2128%;
}
.row .offset8:first-child {
	margin-left: 68.0851%;
}
.row .offset7 {
	margin-left: 61.7021%;
}
.row .offset7:first-child {
	margin-left: 59.5745%;
}
.row .offset6 {
	margin-left: 53.1915%;
}
.row .offset6:first-child {
	margin-left: 51.0638%;
}
.row .offset5 {
	margin-left: 44.6809%;
}
.row .offset5:first-child {
	margin-left: 42.5532%;
}
.row .offset4 {
	margin-left: 36.1702%;
}
.row .offset4:first-child {
	margin-left: 34.0426%;
}
.row .offset3 {
	margin-left: 27.6596%;
}
.row .offset3:first-child {
	margin-left: 25.5319%;
}
.row .offset2 {
	margin-left: 19.1489%;
}
.row .offset2:first-child {
	margin-left: 17.0213%;
}
.row .offset1 {
	margin-left: 10.6383%;
}
.row .offset1:first-child {
	margin-left: 8.51064%;
}