/*@blue_color=#3A65DD;*/
body,* {
	font-family: 'Arial' !important;
	/*-webkit-user-select: none;
	-moz-user-select: none;*/
}

.content.c-mini {
	width: 100%	!important;
	left: 8%	!important;
}
.content.c-mini.cntnt-tb {
    width: 84%  !important;
}
.content.mimic {
	background-color: transparent	!important;
	border-color:	transparent	!important;
	-moz-box-shadow: none	!important;
	-webkit-box-shadow: none	!important;
	box-shadow: none	!important;
}
.content {
	background-color: #fafafa;
	border: 0px solid #f1f1f1;
	padding: 0%;
	top: 30%;
	position: absolute;

	-moz-box-shadow: 0px 0px 50px #ccc;
	-webkit-box-shadow: 0px 0px 50px #ccc;
	box-shadow: 0px 0px 50px #ccc;

	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	
	-webkit-transition: opacity .5s,-webkit-transform .3s;
	-moz-transition: opacity .5s,-moz-transform .3s;
	transition: opacity .5s,transform .3s;
	opacity:0;
}
.content.c-open {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	opacity:1;
}
.content.focus {
	z-index: 8010;
}

.content.dragging,.content.loading {
	opacity: 0.9;
	border: 4px dashed #3A65DD;
	-webkit-animation: dragging 2s infinite;
	-webkit-transform: scale(0.9);
	-moz-animation: dragging 2s infinite;
	-moz-transform: scale(0.9);
	z-index: 90000 !important;
}

.mnmice-content {
	position: fixed;
	bottom: 0px;
	width: 100%;
	overflow-y: hidden;
	height: 40px;
	padding:0px	!important;
	z-index: 10000;
}
.mnmice-content>div:hover {
margin-bottom: 0px	!important;
}
.mnmice-content>div {
	display: inline-table;
	background-color: #383838;
	margin-right: 2px;
	margin-bottom: -10px	!important;
	border-right: 1px solid #191919;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	cursor:pointer;
	bottom:0px;
	
	/* opacity: 0.7; */
	/* 
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease; */
}
.content.hidden {
	display: none	!important;
}
.content>div.fields.hidden,.content>div.buttons.hidden {
	visibility: hidden;
}

/* .content.mnmiced>div.title,.content.mnmiced>div.message-label,.content.mnmiced>div.spinner,.content.mnmiced>div.combo-values-content,.content.mnmiced>div.fields,.content.mnmiced>div.buttons
	{
	display: none;
} */
.content.mnmiced>*>*
	{
	display: none	!important;
} 

.content.mnmiced>div.close-bar-class {
	color: white;
}

.content.mnmiced>div.close-bar-class>div:hover {
	background-color: transparent;
}

.content.mnmiced>div.close-bar-class>div {
	border-color: #f1f1f1;
}

.content.mnmiced>div.close-bar-class>div.resume-title {
	display: inline-table;
}

.content>.title {
    font-family: sans-serif !important;
	margin-bottom: 20px;
	font-size: 15px;
	font-weight: 700;
	color: #454545;
    text-transform: uppercase;
	letter-spacing: 0px;
	padding:10px;
    margin-top:-2%;
    margin-left:-2%;
    margin-right:-2%;
    border-bottom: 2px solid #428bca;
    color: #569AB0;
}

.content>.message-label {
	display: none;
	width: 91%;
	color: #191919;
	font-size: 16px;
	text-align: left;
	padding: 10px;
}

.content>.message-label.error-message {
	color: #cc0000;
}

.content>.message-label,.content>.buttons,.content>.fields,.content>.top-panel {
	margin: 0 auto;
	width: 90%;
}

.content>.fields>span {
	background-color: #ffffff;
	border: 1px solid #ccc;
	width: 100%	!important;
	display:block;
	padding-left: 5px;
}
.content>.fields>span.focus {
	border: 1px solid #3A65DD	!important;
	color: #3A65DD	!important;
}
.content>.fields>span>select {
	background-color: #ffffff;
	border: 0px solid transparent	!important;
	padding-left: 0px !important;
	width: 100%;
}
.content>.fields>div.img_label {
	background-color: #ffffff;
	background-size: 100% 100%;
	border: 4px dashed #ccc;
/*	outline: 4px dashed red;*/
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
	height: 150px;
	width: 150px;
	border-radius: 50%;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	opacity:0.9;
}
.content>.fields>div.img_label:hover {
	border: 4px dashed #3A65DD;
	transform: scale(0.9);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	opacity:1;
}
.content>.fields>input {
	background-color: #ffffff;
	border: 1px solid #ccc;
	margin-top: -0.1px;
	display: block;
	width: 99.3%;
	-webkit-transition: all 0.5s ease;
	overflow: hidden;
}

.content>.fields>input.validation-failed {
	border: 1px solid #c00 !important;
}

.content>.fields>input[type!="file"] {
	margin: 0px;
	height: 30px;
	text-transform: capitalize;
	padding-left: 5px;
	background-color: white !important;
}

.content>.fields>input:focus {
	border: 1px solid #3A65DD;
}

.content>.fields>input:focus {
	color: #3A65DD;
}

.content>.fields>div.text_label {
	font-family: 'Arial';
	color: #727475;
	margin-bottom: 5px;
	margin-top: 10px;
	background-color: transparent;
	border: 0px;
	/*text-transform: ;*/
	font-size: 12px;
	font-weight: bold;
}

.content>.buttons {
	margin-top: 10px;
	margin-bottom: 10px;
}

.content>.buttons>* {
	font-family: 'Arial';
	padding: 10px 15px;
	display: inline-block;
	font-size: 16px;
	border: 1px solid #ccc;
	cursor: pointer;
	margin-right: 2px;
	margin-top: 2px;
}
.c-mini.content>.buttons>* {
	width: 100%	!important;
}
.content>.buttons>*.success,
*.success {
	background-image:none	!important;
	background-color: #428bca	!important;
	color: white	!important;
	border: 1px solid #357ebd	!important;
}

.content>.buttons>*.success:hover {
	background-color: #25709C;
}

.content>.buttons>*.cancel {
	background-color: #fafafa !important;
}

.content>.buttons>*.cancel:hover {
	background-color: #fefefe !important;
}


.content.draggable>.close-bar-class {
	font-family: 'Arial';
	font-weight: bold;
	width: 100%;
	height: 20px;
	cursor: move;
}


/*.content>.close-bar-class>.btn_close {*/
/*	border-left: 0px !important;*/
/*}*/

.content>.close-bar-class>.btn_close:hover,.content>.close-bar-class>.btn_mnmice:hover
	{
	background-color: #fafafa;
	cursor: pointer;
}

.content>.close-bar-class>.resume-title {
	display: none;
	font-size: 12px;
}

.content>.close-bar-class>.btn_close:hover{
    opacity: 1;
}
.content>.close-bar-class>.btn_close,.content>.close-bar-class>.btn_mnmice
	{
/*
	text-align: center;
	width: 20px;
	height: 20px;
*/
    opacity: 0.7;
	float: right;
	display: inline-table;
    background-image: url(images/sprite.png);
    background-color: transparent;
    height: 20px	!important;
    width: 20px	!important;
    background-position: -696px -6px !important;
}

.spinner {
	/* left: 50%; */
	width: 100%	!important;
	/* height: 50px; */
	border: 1px solid red	!important;
	/* -webkit-animation: gira 1s infinite; */
	-webkit-transition: ease;
	opacity:1	!important;
	display:block	!important;
	position: fixed	!important;
	/*margin:	0 auto;*/
	/* margin-left: -20px; */
	/* position: absolute; */
	/* margin-top: 40px; */
	z-index: 30000	!important;
}

.spinner>div {
	width: 15px;
	margin: 0 auto;
	height: 15px;
	border-radius: 50%;
	background-color: #3A65DD;
	-webkit-animation: camaleon 1s infinite;
	opacity: 1;
}
@-moz-keyframes dragging,
@keyframes dragging { 
	0% {
		opacity: 1;
	}
	50% {
		opacity:0.7;
	}
	100% {
		opacity:1;
	}
}
/* @-moz-keyframes gira,
@-webkit-keyframes gira { 
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform:rotate(360deg);
	}
} */
@-moz-keyframes camaleon,
@-webkit-keyframes camaleon { 
	0% {
		background-color: #ffffff;
	}
	25%
	{
		background-color : #f1f1f1;
	}
	50% {
		background-color : #fafafa;
	}
	75% {
		background-color :#f1f1f1;
	}
	100% {
		background-color :#ffffff;
	}
}
/*	EXPERIMENTING	*/
.combo-values-content {
	background-color: white;
	border: 1px solid #ccc;
	width: 100%;
	position: absolute;
	margin-left: -120%;
	height: 85%;
	bottom: -10px;
	-webkit-transition: all 0.5s ease;
}

.combo-values-content>div {
	
}

.combo-values-content.showing {
	-webkit-transition: all 0.5s ease;
	margin-left: -10px;
}

.combo-values-content>div:first-child {
	color: #676767;
	background: rgb(255, 255, 255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
		255, 255, 1) ), color-stop(100%, rgba(229, 229, 229, 1) ) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* W3C */
	filter: progid : DXImageTransform.Microsoft.gradient (   startColorstr =
		'#ffffff', endColorstr = '#e5e5e5', GradientType = 0 ); /* IE6-9 */
	width: 100%;
	font-size: 17px;
	text-align: center;
	padding: 10px 0px;
}

.combo-values-content>div:nth-child(2){
	width: 100%;
	height: 70%;
	overflow-y: auto;
}

.combo-values-content>div:nth-child(2) >div {
	padding: 5px 10px;
	border-bottom: 1px solid #f1f1f1;
	cursor: pointer;
}

.combo-values-content>div:nth-child(2) >div.selected {
	background-color: #57AAE1 !important;
	color: #ffffff !important;
}

.combo-values-content > div:nth-child(2) > div:nth-child(2n+1){
	background-color:#fafafa;
}
.combo-values-content>div:last-child {
	width: 100%;
	background-color: #428bca;
	color: white;
	border: 1px solid #357ebd;
	text-align: center;
	padding: 10px 0px;
	cursor: pointer;
}

#top-c,#bottom-c,#left-c,#right-c {
	border: 1px solid red;
	position: fixed;
}

#top-c {
	height: 20%;
	top: 0%;
}

#bottom-c {
	display: none;
}

#top-c,#bottom-c {
	width: 100%;
}

#left-c,#right-c {
	width: 50%;
	height: 80%;
	top: 20%;
}

#right-c {
	left: 50%;
}

.validation-advice {
	margin: 0px !important;
	font-size: 12px;
	color: #c00;
}

.top-panel {
	border: 1px solid #f1f1f1;
	margin: 0 auto;
	padding: 10px 2%;
	background-color: white;
	display:	none;
	width: 96%	!important;
}

.top-panel-btn-content {
	height: 30px;
	margin-top:5px;
}

.top-panel-body {
	border: 1px solid #fafafa;
}

.top-panel-body>input[type="text"] {
	width: 99%;
	text-transform: uppercase	!important;
	padding-left:1%;
}

.top-panel-btn-content>button {
	padding:	7px;
	background-color: #ECECEC;
	color: #232323;
	font-weight:	bold;
	border: 1px solid #ccc;
	border-radius: 3px;
	cursor: pointer;
/* 	margin-top: -2px; */
/* 	margin-left: 4px; */
	
/* 	background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1)); */
/* 	background-image: -moz-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1)); */
/* 	background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1); */
/* 	background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1); */
	-webkit-border-radius: 2px;
	-webkit-user-select: none;
	background-color: #3C66FD;
/* 	background-image: linear-gradient(top,#f5f5f5,#f1f1f1); */
/* 	background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1); */
	border: 1px solid #dcdcdc;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 2px;
	color: #fff;
	font-family: arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	min-width: 54px;
	text-align: center;
	margin-right: 2px;
}

.top-panel-btn-content>div {
	background: no-repeat; text-align : center;
	display: inline-block;
	opacity: 0.6;
	height: 20px;
	width: 25px;
	margin: 2px;
	cursor: pointer;
	text-align: center;
}

.top-panel-btn-content>div:hover {
	opacity: 1;
}

.top-panel-btn-content>div.add {
	font-size: 25px;
}

.top-panel-btn-content>div.reload {
	background-image:
		url('../../css/images/general_black-16bf964ab5b51c4b7462e4429bfa7fe8.png');
	background-position: 0px -192px;
	font-size: 25px;
}
.top-panel-btn-content>div.delete {
	background-image:	url('../../css/images/icon-sprite.png');
	background-position:	-115px -118px;
	font-size: 25px;
}
/*.c-frm {*/
/*	z-index: 8000;*/
/*	min-width: 300px;*/
/*}*/
.c-frm.c-mini {
	min-width: none	!important;
	width: 76%	!important;
	left: 10%	!important;
}
div.activo,
div.inactivo,
div.err {
	text-align: center	!important;
	width: 40px	!important;
	border-radius: 5px;
	padding: 4px;
	color:	white	!important;
	font-weight: bold	!important;
}
div.err {
	background-color:#E70909;
	border:2px solid #DA1F1F;
}
div.activo {
	background-color:green;
	border:2px solid #0F5800;
}
div.inactivo {
	border:2px solid #444;
	background-color:gray;
}


.new-cmb {
	padding: 7px 0px 7px 5px;
	font-size: 15px;
	border: 1px solid #ccc;
	background-color: #ffffff;
	margin-top: -1px;
	display: none;
	width: 100%;
	-webkit-transition: all 0.5s ease;
}
.new-cmb:hover{
	border: 1px solid #3A65DD;
}
.new-cmb > a{
	color: #232323;
}
.new-cmb.visible > ul{
	overflow:auto;
	opacity:1;
	height: 150px	!important;
}
.new-cmb > ul{
	-webkit-transition: all 0.5s ease;
	height:0px	!important;
	cursor: pointer;
	position:absolute;
	
	background-color: #ffffff;
	border: 1px solid red;
	margin-left: -6px;
}
.new-cmb > ul > li{
	padding: 4px;
}
.new-cmb > ul > li:hover{
	background-color:#4884C9;
	color: white;
}
/**/

[type=text],[type=password],select {
	border: 1px solid #ccc;
	height: 30px;
	font-size: 15px;
	padding-left: 0.7%;
}

[type=text]:focus,
select:focus,
[type=password]:focus {
	border: 1px solid #158DB5;
}

.scrolled {
	overflow-x: auto;
	overflow-y: auto;
}

.scrolled::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.scrolled::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.10), inset 0 -1px 0
		rgba(0, 0, 0, 0.07);
}

.scrolled::-webkit-scrollbar-button {
	width: 0;
	height: 0;
	display: none;
}

.scrolled::-webkit-scrollbar-corner {
	background-color: transparent;
}

.scrolled>div {
	display: block;
}

.btn_mas {
	background-image: url(images/add.png);
	background-color: transparent;
	border: 0px solid !important;
	background-size: 100% 100%;
	width: 25px;
	height: 25px;
}


form .validation-failed {
	border: 1px solid #D72C5F	!important;
	
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: right;
	background-position: 98%;
	/*  background-color: #ffdddd;*/
}

form .validation-advice { /*   padding-bottom: 5px;*/
	/*font-weight: normal;	
    font-size:12px;
    color: #ff0000  !important;
    height: 30px;
    white-space: nowrap;
    
    color: #ae210a;
    display:none	!important;
	position: fixed;*/
	color: #D72C5F;
	font-size: 13px !important;
    font-weight: bold;
	width: 200px;
	padding-left: 10px;
	padding-top: 2px;
	display: none;
}
.date {
	background-image: url(../../css/images/calendar1.png);
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: 99%;
	cursor: pointer;
}
/**/
*[class*="datepicker"] {
	z-index: 11000	!important;
}
/**/
.linkbutton {
	background-color:	transparent;
	text-decoration: underline;
	border: 0px	!important;
	font-size: 14px	!important;
	padding: 5px 0px	!important;
	float:right;
	margin-top: 10px;
}
sup,sub {
	padding:2px 5px;
	border-radius: 50%;
	background-color: #F90838;
}
sub {
	vertical-align: sub;
}
sup {
	vertical-align: super;
}