html {
	/*font-family: Roboto, sans-serif,"Helvetica Neue", Helvetica, Arial;*/
	/*font-family: sans-serif, Roboto,"Helvetica Neue", Helvetica, Arial;*/
	font-family: 'Noto Sans', sans-serif !important;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	margin: 0;
	/*font-family: Roboto, sans-serif,"Helvetica Neue", Helvetica, Arial;*/
	/*font-family: sans-serif, Roboto,"Helvetica Neue", Helvetica, Arial;*/
	font-family: 'Noto Sans', sans-serif !important;
	font-size: 12px;
	line-height: 1.42857143;
	/*color: #333;*/
	color: #76838f;
	background-color: #f1f4f5;
	/*background: url(../../Resources/Images/Fondo3.jpg);*/
	overflow-y: auto !important;
}

html, body {
	height: 100%;
	overflow: hidden;
}

hr {
	color: #76838f;
	border-top: 1px dashed rgb(169, 169, 169);
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

	a:active,
	a:hover {
		outline: 0;
	}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font: inherit;
	color: inherit;
	resize: vertical;
	/*max-height: 160px;*/
}

textarea {
	min-height: 80px;
}

ol, ul {
	margin-top: 0;
	margin-bottom: 11px;
}

	ul ul {
		list-style-type: none;
	}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	*:before,
	*:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

a {
	color: #337ab7;
	text-decoration: none;
}

	a:hover,
	a:focus {
		color: #23527c;
		text-decoration: none;
	}

	a:focus {
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px;
	}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
	/*text-shadow: rgba(0,0,0,.15) 0 0 1px;*/
}

table {
	border-spacing: 0;
	border-collapse: collapse;
	background-color: transparent;
}

/*view {
	display: none;
}*/
@-ms-viewport {
	width: device-width;
}

.scroll {
	overflow: auto;
}

.scroll-x {
	overflow-x: auto;
}

.scroll-y {
	overflow-y: auto;
}

.hide {
	display: none !important;
}

.show {
	display: block !important;
}

.invisible {
	visibility: hidden;
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.text-underline {
	text-decoration: underline;
}

.hidden {
	display: none !important;
}

.affix {
	position: fixed;
}

.round {
	border-radius: 1000px;
}

.hand {
	cursor: pointer;
}
.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.align-middle {
	vertical-align: middle !important;
}

.text-justify {
	text-align: justify;
}

.text-nowrap {
	white-space: nowrap;
}

.text-lowercase {
	text-transform: lowercase;
}

.text-uppercase {
	text-transform: uppercase;
}

.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.pull-right {
	float: right !important;
}

.pull-left {
	float: left !important;
}

.inline {
	display: inline !important;
}.container {
	padding-right: 5px;
	padding-left: 5px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 768px) {
	.container {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}
}.col-1, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-2, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-3, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-4, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-5, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-6, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-7, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-8, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-9, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-10, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-11, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-12, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12,
.col-13, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-14, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14,
.col-15, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-16, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16,
.col-17, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-18, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18,
.col-19, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-20, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20 {
	position: relative;
	min-height: 1px;
	padding-right: 8px;
	padding-left: 8px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10,
.col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20 {
	float: left;
}

.col-20 {
	width: 100%;
}

.col-19 {
	width: 95%;
}

.col-18 {
	width: 90%;
}

.col-17 {
	width: 85%;
}

.col-16 {
	width: 80%;
}

.col-15 {
	width: 75%;
}

.col-14 {
	width: 70%;
}

.col-13 {
	width: 65%;
}

.col-12 {
	width: 60%;
}

.col-11 {
	width: 55%;
}

.col-10 {
	width: 50%;
}

.col-9 {
	width: 45%;
}

.col-8 {
	width: 40%;
}

.col-7 {
	width: 35%;
}

.col-6 {
	width: 30%;
}

.col-5 {
	width: 25%;
}

.col-4 {
	width: 20%;
}

.col-3 {
	width: 15%;
}

.col-2 {
	width: 10%;
}

.col-1 {
	width: 5%;
}

.col-offset-20 {
	margin-left: 100%;
}

.col-offset-19 {
	margin-left: 95%;
}

.col-offset-18 {
	margin-left: 90%;
}

.col-offset-17 {
	margin-left: 85%;
}

.col-offset-16 {
	margin-left: 80%;
}

.col-offset-15 {
	margin-left: 75%;
}

.col-offset-14 {
	margin-left: 70%;
}

.col-offset-13 {
	margin-left: 65%;
}

.col-offset-12 {
	margin-left: 60%;
}

.col-offset-11 {
	margin-left: 55%;
}

.col-offset-10 {
	margin-left: 50%;
}

.col-offset-9 {
	margin-left: 45%;
}

.col-offset-8 {
	margin-left: 40%;
}

.col-offset-7 {
	margin-left: 35%;
}

.col-offset-6 {
	margin-left: 30%;
}

.col-offset-5 {
	margin-left: 25%;
}

.col-offset-4 {
	margin-left: 20%;
}

.col-offset-3 {
	margin-left: 15%;
}

.col-offset-2 {
	margin-left: 10%;
}

.col-offset-1 {
	margin-left: 5%;
}

.col-offset-0 {
	margin-left: 0;
}

@media (min-width: 450px) {
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10,
	.col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20 {
		float: left;
	}

	.col-xs-20 {
		width: 100%;
	}

	.col-xs-19 {
		width: 95%;
	}

	.col-xs-18 {
		width: 90%;
	}

	.col-xs-17 {
		width: 85%;
	}

	.col-xs-16 {
		width: 80%;
	}

	.col-xs-15 {
		width: 75%;
	}

	.col-xs-14 {
		width: 70%;
	}

	.col-xs-13 {
		width: 65%;
	}

	.col-xs-12 {
		width: 60%;
	}

	.col-xs-11 {
		width: 55%;
	}

	.col-xs-10 {
		width: 50%;
	}

	.col-xs-9 {
		width: 45%;
	}

	.col-xs-8 {
		width: 40%;
	}

	.col-xs-7 {
		width: 35%;
	}

	.col-xs-6 {
		width: 30%;
	}

	.col-xs-5 {
		width: 25%;
	}

	.col-xs-4 {
		width: 20%;
	}

	.col-xs-3 {
		width: 15%;
	}

	.col-xs-2 {
		width: 10%;
	}

	.col-xs-1 {
		width: 5%;
	}

	.col-xs-offset-20 {
		margin-left: 100%;
	}

	.col-xs-offset-19 {
		margin-left: 95%;
	}

	.col-xs-offset-18 {
		margin-left: 90%;
	}

	.col-xs-offset-17 {
		margin-left: 85%;
	}

	.col-xs-offset-16 {
		margin-left: 80%;
	}

	.col-xs-offset-15 {
		margin-left: 75%;
	}

	.col-xs-offset-14 {
		margin-left: 70%;
	}

	.col-xs-offset-13 {
		margin-left: 65%;
	}

	.col-xs-offset-12 {
		margin-left: 60%;
	}

	.col-xs-offset-11 {
		margin-left: 55%;
	}

	.col-xs-offset-10 {
		margin-left: 50%;
	}

	.col-xs-offset-9 {
		margin-left: 45%;
	}

	.col-xs-offset-8 {
		margin-left: 40%;
	}

	.col-xs-offset-7 {
		margin-left: 35%;
	}

	.col-xs-offset-6 {
		margin-left: 30%;
	}

	.col-xs-offset-5 {
		margin-left: 25%;
	}

	.col-xs-offset-4 {
		margin-left: 20%;
	}

	.col-xs-offset-3 {
		margin-left: 15%;
	}

	.col-xs-offset-2 {
		margin-left: 10%;
	}

	.col-xs-offset-1 {
		margin-left: 5%;
	}

	.col-xs-offset-0 {
		margin-left: 0;
	}
}

@media (min-width: 768px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10,
	.col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20 {
		float: left;
	}

	.col-sm-20 {
		width: 100%;
	}

	.col-sm-19 {
		width: 95%;
	}

	.col-sm-18 {
		width: 90%;
	}

	.col-sm-17 {
		width: 85%;
	}

	.col-sm-16 {
		width: 80%;
	}

	.col-sm-15 {
		width: 75%;
	}

	.col-sm-14 {
		width: 70%;
	}

	.col-sm-13 {
		width: 65%;
	}

	.col-sm-12 {
		width: 60%;
	}

	.col-sm-11 {
		width: 55%;
	}

	.col-sm-10 {
		width: 50%;
	}

	.col-sm-9 {
		width: 45%;
	}

	.col-sm-8 {
		width: 40%;
	}

	.col-sm-7 {
		width: 35%;
	}

	.col-sm-6 {
		width: 30%;
	}

	.col-sm-5 {
		width: 25%;
	}

	.col-sm-4 {
		width: 20%;
	}

	.col-sm-3 {
		width: 15%;
	}

	.col-sm-2 {
		width: 10%;
	}

	.col-sm-1 {
		width: 5%;
	}

	.col-sm-offset-20 {
		margin-left: 100%;
	}

	.col-sm-offset-19 {
		margin-left: 95%;
	}

	.col-sm-offset-18 {
		margin-left: 90%;
	}

	.col-sm-offset-17 {
		margin-left: 85%;
	}

	.col-sm-offset-16 {
		margin-left: 80%;
	}

	.col-sm-offset-15 {
		margin-left: 75%;
	}

	.col-sm-offset-14 {
		margin-left: 70%;
	}

	.col-sm-offset-13 {
		margin-left: 65%;
	}

	.col-sm-offset-12 {
		margin-left: 60%;
	}

	.col-sm-offset-11 {
		margin-left: 55%;
	}

	.col-sm-offset-10 {
		margin-left: 50%;
	}

	.col-sm-offset-9 {
		margin-left: 45%;
	}

	.col-sm-offset-8 {
		margin-left: 40%;
	}

	.col-sm-offset-7 {
		margin-left: 35%;
	}

	.col-sm-offset-6 {
		margin-left: 30%;
	}

	.col-sm-offset-5 {
		margin-left: 25%;
	}

	.col-sm-offset-4 {
		margin-left: 20%;
	}

	.col-sm-offset-3 {
		margin-left: 15%;
	}

	.col-sm-offset-2 {
		margin-left: 10%;
	}

	.col-sm-offset-1 {
		margin-left: 5%;
	}

	.col-sm-offset-0 {
		margin-left: 0;
	}
}

@media (min-width: 992px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10,
	.col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20 {
		float: left;
	}

	.col-md-20 {
		width: 100%;
	}

	.col-md-19 {
		width: 95%;
	}

	.col-md-18 {
		width: 90%;
	}

	.col-md-17 {
		width: 85%;
	}

	.col-md-16 {
		width: 80%;
	}

	.col-md-15 {
		width: 75%;
	}

	.col-md-14 {
		width: 70%;
	}

	.col-md-13 {
		width: 65%;
	}

	.col-md-12 {
		width: 60%;
	}

	.col-md-11 {
		width: 55%;
	}

	.col-md-10 {
		width: 50%;
	}

	.col-md-9 {
		width: 45%;
	}

	.col-md-8 {
		width: 40%;
	}

	.col-md-7 {
		width: 35%;
	}

	.col-md-6 {
		width: 30%;
	}

	.col-md-5 {
		width: 25%;
	}

	.col-md-4 {
		width: 20%;
	}

	.col-md-3 {
		width: 15%;
	}

	.col-md-2 {
		width: 10%;
	}

	.col-md-1 {
		width: 5%;
	}

	.col-md-offset-20 {
		margin-left: 100%;
	}

	.col-md-offset-19 {
		margin-left: 95%;
	}

	.col-md-offset-18 {
		margin-left: 90%;
	}

	.col-md-offset-17 {
		margin-left: 85%;
	}

	.col-md-offset-16 {
		margin-left: 80%;
	}

	.col-md-offset-15 {
		margin-left: 75%;
	}

	.col-md-offset-14 {
		margin-left: 70%;
	}

	.col-md-offset-13 {
		margin-left: 65%;
	}

	.col-md-offset-12 {
		margin-left: 60%;
	}

	.col-md-offset-11 {
		margin-left: 55%;
	}

	.col-md-offset-10 {
		margin-left: 50%;
	}

	.col-md-offset-9 {
		margin-left: 45%;
	}

	.col-md-offset-8 {
		margin-left: 40%;
	}

	.col-md-offset-7 {
		margin-left: 35%;
	}

	.col-md-offset-6 {
		margin-left: 30%;
	}

	.col-md-offset-5 {
		margin-left: 25%;
	}

	.col-md-offset-4 {
		margin-left: 20%;
	}

	.col-md-offset-3 {
		margin-left: 15%;
	}

	.col-md-offset-2 {
		margin-left: 10%;
	}

	.col-md-offset-1 {
		margin-left: 5%;
	}

	.col-md-offset-0 {
		margin-left: 0;
	}
}

@media (min-width: 1200px) {
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10,
	.col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20 {
		float: left;
	}

	.col-lg-20 {
		width: 100%;
	}

	.col-lg-19 {
		width: 95%;
	}

	.col-lg-18 {
		width: 90%;
	}

	.col-lg-17 {
		width: 85%;
	}

	.col-lg-16 {
		width: 80%;
	}

	.col-lg-15 {
		width: 75%;
	}

	.col-lg-14 {
		width: 70%;
	}

	.col-lg-13 {
		width: 65%;
	}

	.col-lg-12 {
		width: 60%;
	}

	.col-lg-11 {
		width: 55%;
	}

	.col-lg-10 {
		width: 50%;
	}

	.col-lg-9 {
		width: 45%;
	}

	.col-lg-8 {
		width: 40%;
	}

	.col-lg-7 {
		width: 35%;
	}

	.col-lg-6 {
		width: 30%;
	}

	.col-lg-5 {
		width: 25%;
	}

	.col-lg-4 {
		width: 20%;
	}

	.col-lg-3 {
		width: 15%;
	}

	.col-lg-2 {
		width: 10%;
	}

	.col-lg-1 {
		width: 5%;
	}

	.col-lg-offset-20 {
		margin-left: 100%;
	}

	.col-lg-offset-19 {
		margin-left: 95%;
	}

	.col-lg-offset-18 {
		margin-left: 90%;
	}

	.col-lg-offset-17 {
		margin-left: 85%;
	}

	.col-lg-offset-16 {
		margin-left: 80%;
	}

	.col-lg-offset-15 {
		margin-left: 75%;
	}

	.col-lg-offset-14 {
		margin-left: 70%;
	}

	.col-lg-offset-13 {
		margin-left: 65%;
	}

	.col-lg-offset-12 {
		margin-left: 60%;
	}

	.col-lg-offset-11 {
		margin-left: 55%;
	}

	.col-lg-offset-10 {
		margin-left: 50%;
	}

	.col-lg-offset-9 {
		margin-left: 45%;
	}

	.col-lg-offset-8 {
		margin-left: 40%;
	}

	.col-lg-offset-7 {
		margin-left: 35%;
	}

	.col-lg-offset-6 {
		margin-left: 30%;
	}

	.col-lg-offset-5 {
		margin-left: 25%;
	}

	.col-lg-offset-4 {
		margin-left: 20%;
	}

	.col-lg-offset-3 {
		margin-left: 15%;
	}

	.col-lg-offset-2 {
		margin-left: 10%;
	}

	.col-lg-offset-1 {
		margin-left: 5%;
	}

	.col-lg-offset-0 {
		margin-left: 0;
	}
}

.w-100 {
	width: 100% !important;
}
.w-150 {
    width: 150% !important;
}
.w-200 {
    width: 200% !important;
}
.w-300 {
    width: 300% !important;
}
.w-350 {
    width: 350% !important;
}
.w-400 {
    width: 400% !important;
}

.w-0 {
	width: 0% !important;
}

.h-100 {
	height: 100% !important;
}
.row {
	margin-right: -8px;
	margin-left: -8px;
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em;
	border-radius: 4px;
}

legend {
	font-size: 13px;
	line-height: inherit;
	white-space: normal;
}

.form-control {
	display: block;
	width: 100%;
	height: 24px;
	padding: 3px 6px;
	font-size: 12px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	/*background-image: none;*/
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

	.form-control:focus {
		border-color: #66afe9;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	}

	.form-control::-moz-placeholder {
		color: #999;
		opacity: 1;
	}

	.form-control:-ms-input-placeholder {
		color: #999;
	}

	.form-control::-webkit-input-placeholder {
		color: #999;
	}

	.form-control::-ms-expand {
		background-color: transparent;
		border: 0;
	}

	.form-control[disabled],
	.form-control[readonly],
	fieldset[disabled] .form-control {
		background-color: #f3f7f9;
		opacity: 1;
	}

	.form-control[disabled],
	fieldset[disabled] .form-control {
		cursor: not-allowed;
	}

textarea.form-control {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: none;
}

.form-group {
	margin-bottom: 10px;
}

.form-group-lg {
	margin-bottom: 20px;
}

.form-group .control-label {
	line-height: 1.5;
}

.radio,
.checkbox {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

	.radio label,
	.checkbox label {
		min-height: 20px;
		padding-left: 20px;
		margin-bottom: 0;
		font-weight: normal;
		cursor: pointer;
	}

	.radio > input[type="radio"] {
		margin-left: 5px;
		margin-right: 10px;
	}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
	cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
	cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
	cursor: not-allowed;
}

.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success.radio label,
.has-success.checkbox label {
	color: #3c763d;
}

.has-success .form-control {
	border-color: #3c763d;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

	.has-success .form-control:focus {
		border-color: #2b542c;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
	}

.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning.radio label,
.has-warning.checkbox label {
	color: #8a6d3b;
}

.has-warning .form-control, .form-control.has-warning {
	border-color: #8a6d3b;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

	.has-warning .form-control:focus, .form-control.has-warning :focus {
		border-color: #66512c;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
	}

.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error.radio label,
.has-error.checkbox label {
	color: #a94442;
}

.has-error .form-control, .form-control.has-error {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus, .form-control.has-error {
		border-color: #843534;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
	}
.has-error-fin .form-control, .form-control.has-error-fin {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

	.has-error-fin .form-control:focus, .form-control.has-error-fin {
		border-color: #843534;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
	}

.form-control.focus, .form-control:focus {
	border-color: #62a8ea;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
	padding-top: 3px; /*7px*/
	margin-top: 0;
	margin-bottom: 0;
	min-height: 27px;
}

.form-horizontal .form-group {
	margin-right: -8px;
	margin-left: -8px;
    /*margin-bottom: 3px;*/
}

/*@media (min-width: 768px) {*/
.form-horizontal .control-label {
	padding-top: 3px;
	/*margin-bottom: 0;
	text-align: right;*/
}
/*}*/
.border-dashed {
	color: #76838f;
	border-top: 1px dashed rgb(169, 169, 169);
	margin-bottom: 10px;
}
.border-Top {
	border-top: 1px solid rgb(169, 169, 169);
}

.negrita {
	font-weight: bold;
	color: #333;
}
.flex {
	display: flex;
}.btn {
	display: inline-block;
	padding: 6px 12px;
	margin: 0 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

	.btn:focus,
	.btn:active:focus,
	.btn.active:focus,
	.btn.focus,
	.btn:active.focus,
	.btn.active.focus {
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px;
	}

	.btn:hover,
	.btn:focus,
	.btn.focus {
		color: #333;
		text-decoration: none;
	}

	.btn:active,
	.btn.active {
		background-image: none;
		outline: 0;
		-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
		box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	}

	.btn.disabled,
	.btn[disabled],
	fieldset[disabled] .btn {
		cursor: not-allowed;
		filter: alpha(opacity=65);
		-webkit-box-shadow: none;
		box-shadow: none;
		opacity: .65;
	}

	.btn.btn-block {
		width: 100%;
		display: block;
	}

	.btn.btn-icon {
		padding: 10px;
		line-height: 1em;
	}

	.btn .btn-full {
		width: 100%;
	}

	.btn[class*=" bg-"], .btn[class^=bg-] {
		color: #fff;
	}

a.btn.disabled,
fieldset[disabled] a.btn {
	pointer-events: none;
}

.btn-save, .btn-save-ico, .btn-search-advance, .btn-search-advance-ico {
    /*background-color: #2461aa !important;*/
    background-color: green;
}
.btn-calendar-ico, .btn-calendar {
    background-color:  #6ac6d2 !important;
}
.btn-attach-ico, .btn-attach {
    background-color:  #2e77cf !important;
}
.btn-next-ico, .btn-next {
    background-color:  rgb(178, 167, 167) !important;
}
.btn-prev-ico, .btn-prev {
    background-color:  rgb(178, 167, 167) !important;
}
.btn-review-ico,.btn-review {
    background-color:  rgb(20, 23, 35) !important;
}
.btn-check, .btn-check-ico {
    /*background-color: #2461aa !important;*/
    background-color: green !important;
}

.btn-delete, .btn-delete-ico, .btn-cancel, .btn-cancel-ico, .btn-close, .btn-close-ico {
	/*background-color: #e2014d !important;*/
	background-color: #A9A9A9 !important;
}

.btn-abandon, .btn-abandon-ico {
	background-color: #6ac6d2 !important;
}

.btn-goback, .btn-goback-ico, .btn-plane-ico, .btn-plane {
    background-color: #2461aa !important;
}

.btn-search, .btn-search-ico, .btn-history, .btn-history-ico {
	background-color: #96d045 !important;
}

.btn-send-ico {
	background-color: #FFD700 !important;
}

.btn-reset, .btn-reset-ico {
    background-color: #e20025 !important;
}
.btn-generate, .btn-generate-ico {
	background-color: #019272 !important;
}

	.btn-review,.btn-prev,.btn-next,.btn-attach, .btn-calendar, .btn-plane, .btn-check, .btn-save, .btn-save-ico, .btn-delete, .btn-delete-ico,
	.btn-cancel, .btn-cancel-ico, .btn-close, .btn-close-ico,
	.btn-abandon, .btn-abandon-ico, .btn-goback, .btn-goback-ico,
	.btn-search, .btn-search-ico, .btn-history, .btn-history-ico,
	.btn-send, .btn-send-ico,
	.btn-reset,.btn-generate,  
    .btn-reset-ico, .btn-search-advance, .btn-search-advance-ico,.btn-next-ico,.btn-prev-ico,.btn-review-ico,
	.btn-generate-ico, .btn-check-ico,.btn-plane-ico, .btn-calendar-ico,.btn-attach-ico,
	.btn-review-ico:hover,.btn-prev-ico:hover,.btn-next-ico:hover, .btn-attach-ico:hover, .btn-calendar-ico:hover, .btn-plane-ico:hover, .btn-check-ico:hover, .btn-save:hover, .btn-save-ico:hover, .btn-delete:hover, .btn-delete-ico:hover,
	.btn-review:hover,.btn-prev:hover,.btn-next:hover, .btn-attach:hover, .btn-calendar:hover, .btn-plane:hover, .btn-cancel:hover, .btn-cancel-ico:hover, .btn-close:hover, .btn-close-ico:hover,
	.btn-abandon:hover, .btn-abandon-ico:hover, .btn-goback:hover, .btn-goback-ico:hover,
	.btn-search:hover, .btn-search-ico:hover, .btn-history:hover, .btn-history-ico:hover,
	.btn-reset:hover, .btn-reset-ico:hover, .btn-search-advance:hover, .btn-search-advance-ico:hover,
	.btn-generate:hover, .btn-generate-ico:hover, .btn-send-ico:hover {
		color: #fff;
	}

		.btn-review-ico:before,.btn-prev-ico:before,.btn-next-ico:before,.btn-attach-ico:before, .btn-calendar-ico:before, .btn-plane-ico:before, .btn-check-ico:before, .btn-save-ico:before, .btn-cancel-ico:before, .btn-close-ico:before,
		.btn-abandon-ico:before, .btn-delete-ico:before, .btn-goback-ico:before,
		.btn-search-ico:before, .btn-history-ico:before, .btn-reset-ico:before,
		.btn-search-advance-ico:before, .btn-generate-ico:before, .btn-send-ico:before {
			display: inline-block;
			font: normal normal normal 14px/1 FontAwesome;
			font-size: inherit;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
		}

		.btn-save-ico:before {
			content: "\f0c7\0000a0\0000a0";
		}

		.btn-cancel-ico:before, .btn-close-ico:before, .btn-abandon-ico:before {
			content: "\f00d\0000a0\0000a0";
		}

		.btn-delete-ico:before {
			content: "\f014\0000a0\0000a0";
		}

		.btn-goback-ico:before {
			content: "\f112\0000a0\0000a0";
		}

		.btn-search-ico:before {
			content: "\f002\0000a0\0000a0";
		}

		.btn-search-advance-ico:before {
			content: "\f00e\0000a0\0000a0";
		}

		.btn-history-ico:before {
			content: "\f1da\0000a0\0000a0";
		}

		.btn-reset-ico:before {
			content: "\f12d\0000a0\0000a0";
		}

		.btn-generate-ico:before {
			content: "\f055\0000a0\0000a0";
		}
        .btn-check-ico:before {
			content: "\f00c\0000a0\0000a0";
		}
        .btn-plane-ico:before {
			content: "\f072\0000a0\0000a0";
		}
        .btn-calendar-ico:before {
            content: "\f073\0000a0\0000a0";
        }

        .btn-attach-ico:before {
            content: "\f002\0000a0\0000a0";
        }
        .btn-next-ico:before {
            content: "\f054\0000a0\0000a0";
        }
        .btn-prev-ico:before {
            content: "\f053\0000a0\0000a0";
        }
        .btn-review-ico:before {
            content: "\f079\0000a0\0000a0";
        }

		.btn-send-ico:before {
			content: "\f1d9\0000a0\0000a0";
		}
		/*.fa-paper-plane-o:before {
			content: "\f1d9";
		}*/

.boton,
.boton-link {
    /*display: inline-block;*/
    padding: 5px 7px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    /* vertical-align: middle; */
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #00a850;
    border-color: #00a850;
    text-decoration: none;
    border-radius: 0;
    will-change: opacity, transform;
    transition: all .3s ease-out;
    border-radius: 3px;
    transform: translateY(0px);
    display: block;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
}
.boton-subir {
    margin-top: 4px;
}

.boton.boton-subir {
    background-color: #4CAF50;
    border-color: #4CAF50;
    color: white;
}

    .boton.boton-subir[disabled="true"],
    .boton.boton-subir[disabled="disabled"] {
        background-color: #f9f9f9;
        border-color: #dddddd;
        color: #dddddd;
    }

.boton-quitar {
    margin-top: 5px;
}

.boton.boton-quitar {
    background-color: #fc1921;
    border-color: #fc1921;
    color: white;
}

    .boton.boton-quitar[disabled="true"],
    .boton.boton-quitar[disabled="disabled"] {
        background-color: #f9f9f9;
        border-color: #dddddd;
        color: #dddddd;
    }

.text-center {
    text-align: center;
}

.userPic {
    height: 175px;
    width: 175px;
    border: 1px solid #dddddd;
}

.userPic2 {
    height: 170px;
    width: 170px;
    border: 1px solid #dddddd;
}

.logoPic {
    height: auto;
    width: 175px;
    border: 1px solid #dddddd;
    max-height: 100px;
}

.btn-goback, .btn-goback-ico, .btn-plane-ico, .btn-plane {
	background-color: #9a9ea2 !important;
	color: white !important;
}
.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 4px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-body {
	padding: 10px;
}

.panel-heading {
	padding: 5px 10px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.panel-title {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 20px;
    /*color: rgb( 24, 159, 214 );*/
    color: black;
    display: block;
    padding: 0px;
    text-align: center;
    font-weight: bold
}

.panel-footer {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.panel-group {
	margin-bottom: 20px;
}

	.panel-group .panel {
		margin-bottom: 0;
		border-radius: 4px;
	}

.close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	/*opacity: .2;*/
}

	.close:hover,
	.close:focus {
		color: #000;
		text-decoration: none;
		cursor: pointer;
		filter: alpha(opacity=50);
		opacity: .5;
	}

button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
}

button > .fa {
	padding-right: 10px;
}.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

    .fade.in {
        opacity: 1;
    }

/*.modal-open {
	overflow: hidden;
}*/

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    overflow-x: hidden; /*modal-open*/
    overflow-y: auto; /*modal-open*/
    background: rgba(0, 0, 0, 0.3);
}

    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

/*.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}*/

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    height: 100%;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);*/
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    display: none;
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5;
    }

.modal-header {
    padding: 5px 15px 0 15px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: rgba(0, 0, 0, 0.75);
    color: white;
    text-align: center;
    /*background-color:#E3F4FE;
    color:white;
    padding:10px*/
}

    .modal-header .close {
        margin-top: -2px;
        /*color: #e20025;*/
        color: white;
        font-size: 2em;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    /*color: #004489;*/
    font-weight: bold;
    font-size: 1.5em;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 8px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }

/*.modal-footer .btn-group .btn + .btn {
		margin-left: -1px;
	}

	.modal-footer .btn-block + .btn-block {
		margin-left: 0;
	}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}*/

/*@media (min-width: 550px) {
	.modal-dialog {
		margin: 30px auto;
	}

	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	}

	.modal-sm {
		width: 500px;
	}
}*/

@media (min-width: 400px) {
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }

    .modal-xs {
        width: 350px;
        margin: 30px auto;
    }

    .modal-lg, .modal-md, .modal-sm, .modal-lm, .modal-lp, .modal-lx {
        width: auto;
        margin: 55px;
    }
}

@media (min-width: 550px) {
    .modal-sm {
        width: 500px;
        margin: 30px auto;
    }
}

@media (min-width: 768px) {
    .modal-md {
        width: 700px;
        margin: 30px auto;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
        margin: 30px auto;
    }
}

@media (min-width: 1192px) {
    .modal-lm {
        width: 1000px;
        margin: 30px auto;
    }
}

@media (min-width: 1250px) {
    .modal-lp {
        width: 1200px;
        margin: 30px auto;
    }
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group-lg:before,
.form-horizontal .form-group-lg:after,
.btn-toolbar:before,
.btn-toolbar:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-main:before,
.navbar-main:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    display: table;
    content: " ";
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.form-horizontal .form-group-lg:after,
.nav:after,
.navbar:after,
.navbar-main:after,
.navbar-header:after,
.navbar-collapse:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
    clear: both;
}
.navbar-toolbar > li:after, .navbar-toolbar > li:before {
	display: table;
	content: " ";
}

.navbar-toolbar > li:after {
	clear: both;
}

.navbar-toolbar > li:after, .navbar-toolbar > li:before {
	display: table;
	content: " ";
}.text-line-through {
	text-decoration: line-through;
}
.title {
	color: #37474f;
	font-weight: bold;
}
.ico {
	position: absolute;
	right: 10px;
	top: 6px;
	font-size: 16px !important;
	opacity: 0.6;
}

.input-ico {
	padding-right: 22px;
}

.input-btn {
	text-align: left !important;
	position: relative;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

	.input-btn.has-error {
		border-color: #843534;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
	}

	.input-btn > input {
		width: calc(100% - 62px);
		display: inline-block;
		border: none;
		outline: none;
		box-shadow: none;
	}

        .input-btn > input[role="datepicker"], .input-btn > input[role="hide"] {
            width: calc(100% - 40px);
        }

    .input-btn > .fecha {
        width: calc(100% - 40px);
    }

	.input-btn > .btn-ico {
		display: inline-block;
		width: 40px;
		position: absolute;
		cursor: pointer;
		float: right;
		right: 1px;
	}

		.input-btn > .btn-ico > i {
			background-color: #62a8ea;
			padding: 6px 15px;
			color: #fff;
		}

	.input-btn[disabled] > .btn-ico > i {
		background-color: rgba(98, 168, 234, 0.3);
		cursor: not-allowed;
	}

	.input-btn > .btn-ico-delete {
		background-color: #f3f7f9;
		display: inline-block;
		position: absolute;
		cursor: pointer;
		float: right;
		right: 40px;
	}

		.input-btn > .btn-ico-delete > i {
			padding: 6px 7px;
			color: #333;
		}

	.input-btn[disabled] > .btn-ico-delete > i {
		color: #cec4c4;
		cursor: not-allowed;
	}

.form-title {
	color: #76838f;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 5px;
}

	.form-title > span {
		border: 1px solid #e4eaec;
		border-radius: 10px;
		padding: 5px;
		background-color: #e4eaec;
	}

.question {
	float: right;
	position: absolute;
	right: -6px;
	top: 6px;
	cursor: pointer;
	font-size: 13px !important;
	color: #2461aa;
}
.questionleft {
	/*float: right;
	position: absolute;*/
	right: -6px;
	top: 6px;
	cursor: pointer;
	font-size: 13px !important;
	color: #2461aa;
}
.iconRight {
	float: right;
	position: absolute;
	right: -13px;
	top: 6px;
	cursor: pointer;
	font-size: 13px !important;
	color: #2461aa;
}

/*.control-label .question {
	float: none;
	right: inherit;
	padding-left: 5px;
}*/
.bg-lilac {
	background-color: #d674b7 !important;
}

.bg-magenta {
	background-color: #e2014d !important;
}

.bg-red {
	background-color: #fc1921 !important;
}

.bg-yellow {
	background-color: #ffd600 !important;
}

.bg-green {
	background-color: #96d045 !important;
}

.bg-cyan {
	background-color: #008e8f !important;
}

.bg-light-blue {
	background-color: #6ac6d2 !important;
}

.bg-dark-blue {
	background-color: #2461aa !important;
}

.bg-dark-green {
	background-color: #019272 !important;
}

.bg-dark-orange {
	background-color: #fe9915 !important;
}

.bg-black {
	background-color: #526069 !important;
}

.bg-white {
	background-color: #fff !important;
}

.bg-dark-gray {
	background-color: #A9A9A9 !important;
}

.bg-gray {
	background-color: #808080 !important;
}

.bg-purple {
	background-color: #551a8b !important;
}

.lilac {
	color: #d674b7 !important;
}

.ambar {
	color: #FFBF00 !important;
}

.magenta {
	color: #e2014d !important;
}

.red {
	color: #fc1921 !important;
}

.yellow {
	color: #ffd600 !important;
}

.green {
	color: #96d045 !important;
}

.crema {
	color: #FFC300 !important;
}

.cyan {
	color: #008e8f !important;
}

.light-blue {
	color: #6ac6d2 !important;
}

.dark-blue {
	color: #2461aa !important;
}

.dark-green {
	color: #019272 !important;
}

.dark-orange {
	color: #fe9915 !important;
}

.purple {
	color: #673AB7 !important;
}

.black {
	color: black !important;
}

.white {
	color: #fff !important;
}

.white {
	color: #fff !important;
}

.purple {
	color: #551a8b !important;
}

.color-green {
	color: rgb(23, 150, 68) !important;
}
/*@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 300;
	src: local('Roboto'), local('Roboto'), url(../Styles/Extends/Fonts_fa/roboto.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}*/
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../Styles/Extends/Fonts_fa/NotoSans-Regular.ttf');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
	font-family: 'FontAwesome';
	src: url('../Styles/Extends/Fonts_fa/fontawesome-webfont.eot?v=4.7.0');
	src: url('../Styles/Extends/Fonts_fa/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../Styles/Extends/Fonts_fa/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../Styles/Extends/Fonts_fa/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../Styles/Extends/Fonts_fa/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../Styles/Extends/Fonts_fa/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fa-chart-pie:before {
	content: "\f200";
}

.fa-table:before {
	content: "\f0ce";
}

.fa-question-circle:before {
	content: "\f059";
}

.fa-angle-right:before {
	content: "\f105";
}

.fa-angle-down:before {
	content: "\f107";
}

.fa-briefcase:before {
	content: "\f0b1";
}

.fa-server:before {
	content: "\f233";
}

.fa-users:before {
	content: "\f0c0";
}

.fa-user:before {
	content: "\f007";
}

.fa-lock:before {
	content: "\f023";
}

.fa-book:before {
	content: "\f02d";
}

.fa-hand-o-right:before {
	content: "\f0a4";
}

.fa-dot-circle-o:before {
	content: "\f192";
}

.fa-sign-out:before {
	content: "\f08b";
}

.fa-sign-in:before {
	content: "\f090";
}

.fa-expand:before {
	content: "\f065";
}

.fa-compress:before {
	content: "\f066";
}

.fa-search:before {
	content: "\f002";
}

.fa-arrow-right:before {
	content: "\f061";
}

.fa-arrow-left:before {
	content: "\f060";
}

.fa-file-text:before {
	content: "\f15c";
}

.fa-trash-o:before {
	content: "\f014";
}

.fa-clone:before {
	content: "\f24d";
}

.fa-pencil:before {
	content: "\f040";
}

.fa-calendar:before {
	content: "\f073";
}

.fa-plus:before {
	content: "\f067";
}

.fa-minus:before {
	content: "\f068";
}

.fa-file-excel-o:before {
	content: "\f1c3";
}

.fa-file-text-o:before {
	content: "\f0f6";
}

.fa-cloud-download:before {
	content: "\f0ed";
}
/*Menu*/

.fa-dashboard:before {
	content: "\f0e4";
}

.fa-thumbs-o-up:before {
	content: "\f087";
}

.fa-line-chart:before {
	content: "\f201";
}

.fa-folder:before {
	content: "\f07b";
}

.fa-folder-open-o:before {
	content: "\f115";
}

.fa-trophy:before {
	content: "\f091";
}

.fa-question-circle:before {
	content: "\f059";
}

.fa-upload:before {
	content: "\f093";
}
.fa-download:before {
    content: "\f019";
}

.fa-twitter:before {
	content: "\f099";
}

.fa-facebook:before {
	content: "\f09a";
}

.fa-youtube-play:before {
	content: "\f16a";
}

.fa-check-square-o:before {
	content: "\f046";
}

.fa-Lightbulb:before {
	content: "\f0eb";
}

.fa-chevron-down:before {
	content: "\f078";
}

.fa-id-badge:before {
	content: "\f2c1";
}

.fa-circle:before {
	content: "\f111";
}

.fa-eraser:before {
	content: "\f12d";
}

.fa-rotate-left:before,
.fa-undo:before {
	content: "\f0e2";
}

.fa-circle-o:before {
	content: "\f10c";
}

.fa-square-o:before {
	content: "\f096";
}

.fa-check:before {
	content: "\f00c";
}

.fa-id-card-o:before {
    content: "\f2c3";
}
.fa-print:before {
    content: "\f02f";
}
.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122";
}
.fa-gears:before, .fa-cogs:before {
    content: "\f085";
}
.fa-address-book-o:before {
    content: "\f2ba";
}
.fa-briefcase:before {
    content: "\f0b1";
}
.fa-gear:before, .fa-cog:before {
    content: "\f013";
}
.fa-envelope-o:before {
    content: "\f003";
}
.fa-handshake-o:before {
    content: "\f2b5";
}
.fa-key:before {
    content: "\f084";
}
.fa-building-o:before {
    content: "\f0f7";
}
.fa-cubes:before {
    content: "\f1b3";
}
.fa-binoculars:before {
    content: "\f1e5";
}
.fa-send-o:before, .fa-paper-plane-o:before {
    content: "\f1d9";
}
.fa-globe:before {
    content: "\f0ac";
}
.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044";
}
.fa-line-chart:before {
    content: "\f201";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-ban:before {
    content: "\f05e";
}
.fa-arrow-up:before {
    content: "\f062";
}
.fa-legal:before, .fa-gavel:before {
    content: "\f0e3";
}
.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071";
}
.fa-eye:before {
    content: "\f06e";
}
.fa-envelope-open-o:before {
    content: "\f2b7";
}
.fa-pie-chart:before {
    content: "\f200";
}
.fa-vcard-o:before, .fa-address-card-o:before {
    content: "\f2bc";
}
.fa-file-pdf-o:before {
    content: "\f1c1";
}
.fa-search-plus:before {
	content: "\f00e";
}
.fa-search-minus:before {
	content: "\f010";
}
.fa-exclamation-circle:before {
	content: "\f06a";
}
.fa-paperclip:before {
    content: "\f0c6";
}
.fa-external-link:before {
	content: "\f08e";
}
.fa-user-doctor:before {
	content: "\f0f0";
}
.fa-list-check:before {
	content: "\f0ae";
}

.fa-bookmark:before {
	content: "\f02e";
}

.fa-floppy-o:before, .fa-save:before {
	content: "\f0c7";
}

.fa-ban:before, .fa-cancel:before {
	content: "\f05e";
}

.fo-10 {
	font-size: 10px;
}

.fo-11 {
	font-size: 11px;
}

.fo-12 {
	font-size: 12px;
}


.fi-10, .fi-10 input, .fi-10 select {
	font-size: 10px;
}

.fi-11, .fi-11 input, .fi-11 select {
	font-size: 11px;
}

.fi-12, .fi-12 input, .fi-12 select {
	font-size: 12px;
}

.fa-18 {
	font-size: 18px;
	padding-right: 10px;
}

.fa-25 {
	font-size: 25px;
	padding-right: 10px;
}

.fa-45 {
	font-size: 45px;
	padding-right: 10px;
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
	content: "\f2c3";
}

.fa-list-alt:before {
	content: "\f022";
}

.fa-info-circle:before {
	content: "\f05a";
}

.fa-th-list:before {
	content: "\f00b";
}

.fa-filter:before {
	content: "\f0b0";
}

.fa-hourglass-half:before {
	content: "\f252";
}

.fa-plus-square-o:before {
	content: "\f196";
}@media (max-width:450px) {
	.form-group.text-right {
		text-align:left !important;
	}
}
.jtse-accordion {
	padding-bottom: 10px;
}

	.jtse-accordion > .accordion-btn {
		display: none;
		text-align: right;
	}

		.jtse-accordion > .accordion-btn i {
			padding: 5px 17px;
			color: #fff;
			position: relative;
			width: 42px;
			background-color: #179644;
			/*background: -moz-linear-gradient(90deg, rgba(98,168,234,1) 0%, rgba(98,168,234,1) 50%, rgba(0,128,128,1) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,128,128,1)), color-stop(50%, rgba(98,168,234,1)), color-stop(100%, rgba(98,168,234,1)));
			background: -webkit-linear-gradient(90deg, rgba(98,168,234,1) 0%, rgba(98,168,234,1) 50%, rgba(0,128,128,1) 100%);
			background: -o-linear-gradient(90deg, rgba(98,168,234,1) 0%, rgba(98,168,234,1) 50%, rgba(0,128,128,1) 100%);
			background: -ms-linear-gradient(90deg, rgba(98,168,234,1) 0%, rgba(98,168,234,1) 50%, rgba(0,128,128,1) 100%);
			background: linear-gradient(0deg, rgba(98,168,234,1) 0%, rgba(98,168,234,1) 50%, rgba(0,128,128,1) 100%);*/
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008080', endColorstr='#179644',GradientType=0 );
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}

	.jtse-accordion > .accordion-header {
		background-color: #179644;
		/*background: -moz-linear-gradient(90deg, rgba(98,168,234,1) 0%, rgba(98,168,234,1) 50%, rgba(0,128,128,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,128,128,1)), color-stop(50%, rgba(98,168,234,1)), color-stop(100%, rgba(98,168,234,1)));
		background: -webkit-linear-gradient(90deg, rgba(98,168,234,1) 0%, rgba(98,168,234,1) 50%, rgba(0,128,128,1) 100%);
		background: -o-linear-gradient(90deg, rgba(98,168,234,1) 0%, rgba(98,168,234,1) 50%, rgba(0,128,128,1) 100%);
		background: -ms-linear-gradient(90deg, rgba(98,168,234,1) 0%, rgba(98,168,234,1) 50%, rgba(0,128,128,1) 100%);
		background: linear-gradient(0deg, rgba(98,168,234,1) 0%, rgba(98,168,234,1) 50%, rgba(0,128,128,1) 100%);*/
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008080', endColorstr='#179644',GradientType=0 );
		color: #fff;
		padding: 10px 15px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		cursor: pointer;
		font-weight: bold;
	}

		.jtse-accordion > .accordion-header i {
			margin-top: 4px;
		}

	.jtse-accordion > .accordion-body {
		padding-top: 10px;
	}

		.jtse-accordion > .accordion-body > .accordion-content {
			clear: both;
			display: table;
			width: 100%;
		}

		.jtse-accordion > .accordion-body.collapsing {
			position: relative;
			/*height: 0;*/
			overflow: hidden;
			-webkit-transition-property: height, visibility;
			transition-property: height, visibility;
			-webkit-transition-duration: 0.35s;
			transition-duration: 0.35s;
			-webkit-transition-timing-function: ease;
			transition-timing-function: ease;
		}
.accordion-error-count {
    padding: 5px 8px;
    border: 2px solid darkorange;
    border-radius: 15px;
    display: none;
    color: darkorange;
    margin-left:8px;
}.jtse-alert .alert {
	color: white;	
	padding: 10px 36px;
	position: fixed;
	font-weight: bold;
	top: 70px;
	right: 10px;
	z-index: 2000;
	border-radius: 8px;
	z-index: 999;
}

	.jtse-alert .alert.move-right {
		opacity: 0;
		transform: translateX(150%);
		transition: all 1s ease-in-out;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
	}

	.jtse-alert .alert > span {
		display: block;
	}

.jtse-alert.anix .alert.move-right {
	transform: translateX(0%);
	opacity: 1;
	z-index: 2000;
}

.jtse-alert .success {
	background-color: #78d14e;
}

.jtse-alert .info {
	background-color: #58bcef;
}

.jtse-alert .warning {
	background-color: #f89854;
}

.jtse-alert .error {
	background-color: #F44336;
}

.jtse-alert .default {
	background-color: #c8c5c5;
}
.Autocomplete-select-wrap {
    position: fixed;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 9999;
}

.Autocomplete-select-option-wrap {
    position: absolute;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 8px 0 rgba(0,0,0,0.12);
    opacity: 0;
    transform: scale(0);
    transform-origin: top right;
    will-change: transform,opacity;
    transition: all 0.25s ease-out;
    max-height: 150px;
    overflow-x: hidden;
    background-color: #fff;
}

.Autocomplete-select-option {
    list-style: none;
    margin: 0px;
    padding: 0px;
    /*font-family: sans-serif;*/
    font-size: 11px;
}

.Autocomplete-select-option > .Autocomplete-item {
    padding: 2px 5px;
    height: 20px;
    white-space: nowrap;
}

.Autocomplete-select-option > .Autocomplete-item > strong:before {
    content: none;
}

.Autocomplete-select-option > .Autocomplete-item > strong:after {
    content: none;
}

.Autocomplete-select-option > .Autocomplete-item:hover {
    background-color: rgba(0,0,0,0.16);
}

.Autocomplete-select-option-wrap.open {
    opacity: 1;
    transform: scale(1);
    transition: all 0.15s cubic-bezier(0.32, 2.04, 0.85, 0.54);
}

.Autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.Autocomplete-mark {
    color: black;
    font-weight: bold;
}
.date-picker-x {
	background: white;
	box-sizing: content-box;
	color: #bbb;
	display: none;
	font: 18px/1 Arial;
	padding: 0px;
	-webkit-transform: translateY(15px);
	transform: translateY(15px);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 230px;
	z-index: 201;
	position: fixed;
	border: 1px solid #e4eaec;
}

	.date-picker-x::before {
		border-color: #444 transparent;
		border-style: solid;
		border-width: 0 10px 10px;
		bottom: 100%;
		content: "";
		left: 20px;
		position: absolute;
		display: none;
	}

	.date-picker-x.active {
		display: block;
	}

	.date-picker-x * {
		box-sizing: border-box;
	}

	.date-picker-x .dpx-title-box {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border-bottom: 1px solid #ccc;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 45px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding-bottom: 0;
		background-color: #62a8ea;
		color: white;
	}

	.date-picker-x .dpx-prev,
	.date-picker-x .dpx-next {
		color: rgba(255, 255, 255, 0.6);
		cursor: pointer;
		font-size: 22px;
		line-height: 50px;
		text-align: center;
		-webkit-transition: .2s;
		transition: .2s;
		width: 50px;
	}

		.date-picker-x .dpx-prev:hover,
		.date-picker-x .dpx-next:hover {
			color: #fff;
		}

	.date-picker-x .dpx-title {
		font-size: 14px;
		line-height: 20px;
		padding: 0 10px;
	}

	.date-picker-x:not([data-dpx-type="year"]) .dpx-title {
		cursor: pointer;
	}

	.date-picker-x .dpx-content-box {
		box-sizing: content-box;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		height: 200px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding-top: 10px;
	}

	.date-picker-x .dpx-btns {
		border-top: 1px solid #ccc;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-top: 10px;
		display: none;
	}

		.date-picker-x .dpx-btns .dpx-item {
			-webkit-box-flex: 1;
			-ms-flex: 1 1 0;
			flex: 1 1 0;
			height: 30px !important;
		}

	.date-picker-x .dpx-item {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 25%;
		flex: 1 0 25%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: 12px !important;
	}

		.date-picker-x .dpx-item:not(.dpx-weekday) {
			cursor: pointer;
		}

			.date-picker-x .dpx-item:not(.dpx-weekday):hover {
				border-radius: 50%;
				box-shadow: inset 0 0 0 2px #62a8ea;
			}

	.date-picker-x .dpx-weekday {
		font-size: 10px;
		height: 24px !important;
	}

	.date-picker-x[data-dpx-type="day"] .dpx-item {
		-ms-flex-preferred-size: 30px;
		flex-basis: 30px;
		height: 30px;
	}

	.date-picker-x .dpx-selected {
		background: #62a8ea;
		color: white !important;
		border-radius: 50%;
	}

	.date-picker-x .dpx-weekend {
		color: rgb(187, 187, 187);
	}

	.date-picker-x .dpx-out {
		color: red;
	}

	.date-picker-x .dpx-disabled {
		color: #666 !important;
		cursor: default !important;
		box-shadow: none !important;
	}
    .date-picker-x .dpx-current {
			box-shadow: inset 0 0 0 2px #66a3ff !important;
		}
		.date-picker-x .dpx-disabled.dpx-current {
			box-shadow: inset 0 0 0 2px #66a3ff !important;
		}
.jtse-loading {
	z-index: 2000;
	width: 100%;
	height: 100%;
	background-color: whitesmoke;
	opacity: 0.8;
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 9999;
	margin: 0;
	padding: 0;
	transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
}

	.jtse-loading .circle {
		width: 26px;
		height: 26px;
		border: 3px inset rgb(133,224,242);
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -13px;
		margin-top: -13px;
		border-radius: 200px;
		-moz-animation: rotate 5s infinitelinear;
		-webkit-animation: rotate 5s infinite linear;
		animation: rotate 5s infinite linear;
		box-shadow: 0 0 5px rgba(0,0,0,0.2);
	}

	.jtse-loading .circle-small {
		width: 35px;
		height: 35px;
		border: 3px outset rgb(133,224,242);
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -17.5px;
		margin-top: -17.5px;
		border-radius: 156px;
		-moz-animation: rotate-rev 3s infinite linear;
		-webkit-animation: rotate-rev 3s infinite linear;
		animation: rotate-rev 3s infinite linear;
		box-shadow: 0 0 5px rgba(0,0,0,0.2);
	}

	.jtse-loading .circle-big {
		width: 45px;
		height: 45px;
		border: 2px dotted rgb(133,224,242);
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -22.5px;
		margin-top: -22.5px;
		border-radius: 214px;
		-moz-animation: rotate-rev 10s infinite linear;
		-webkit-animation: rotate-rev 10s infinite linear;
		animation: rotate-rev 10s infinite linear;
	}

	.jtse-loading .circle-inner {
		width: 16px;
		height: 16px;
		background-color: rgb(74,124,134);
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -8px;
		margin-top: -8px;
		border-radius: 100px;
		-moz-animation: pulse 1.5s infinite ease-in;
		-webkit-animation: pulse 1.5s infinite ease-in;
		animation: pulse 1.5s infinite ease-in;
		box-shadow: 0 0 5px rgba(0,0,0,0.2);
	}

	.jtse-loading .circle-inner-inner {
		width: 6px;
		height: 6px;
		background-color: rgb(133,224,242);
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -3px;
		margin-top: -3px;
		border-radius: 80px;
		-moz-animation: pulse 1.5s infinite ease-in;
		-webkit-animation: pulse 1.5s infinite ease-in;
		animation: pulse 1.5s infinite ease-in;
		opacity: 1;
		box-shadow: 0 0 5px rgba(0,0,0,0.2);
	}

	.jtse-loading .loading-text {
		position: relative;
		top: 53.5%;
		color: rgb(74,124,134);
		font-size: 18px;
		margin: auto;
		text-align: center;
	}

@-moz-keyframes rotate {
	0% {
		-moz-transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-moz-keyframes rotate-rev {
	0% {
		-moz-transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(-360deg);
	}
}

@-webkit-keyframes rotate-rev {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(-360deg);
	}
}

@keyframes rotate-rev {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(-360deg);
	}
}

@-moz-keyframes pulse {
	0% {
		-moz-transform: scale(0.1);
		opacity: 0.2;
	}

	50% {
		-moz-transform: scale(1);
		opacity: 0.8;
	}

	100% {
		-moz-transform: scale(0.1);
		opacity: 0.2;
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.1);
		opacity: 0.2;
	}

	50% {
		-webkit-transform: scale(1);
		opacity: 0.8;
	}

	100% {
		-webkit-transform: scale(0.1);
		opacity: 0.2;
	}
}

@keyframes pulse {
	0% {
		transform: scale(0.1);
		opacity: 0.2;
	}

	50% {
		transform: scale(1);
		opacity: 0.8;
	}

	100% {
		transform: scale(0.1);
		opacity: 0.2;
	}
}
.jtse-popover {
	position: absolute;
	width: auto;
	height: auto;
	top: 50px;
	left: 0;
	z-index: 1060;
	padding: 1px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: left;
	white-space: normal;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	/*opacity: 0;*/
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
}

	.jtse-popover .popover-content {
		padding: 10px 8px;
	}

		.jtse-popover .popover-content > .popover-item {
			text-align: center;
			cursor: pointer;
		}

	.jtse-popover > .popover-arrow, .jtse-popover > .popover-arrow:after {
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
	}

	.jtse-popover > .popover-arrow {
		border-width: 11px;
	}

		.jtse-popover > .popover-arrow:after {
			content: "";
			border-width: 10px;
		}

	.jtse-popover.popover-bottom > .popover-arrow {
		top: -11px;
		left: 50%;
		margin-left: -11px;
		border-top-width: 0;
		border-bottom-color: #999;
		border-bottom-color: rgba(0,0,0,.25);
	}

		.jtse-popover.popover-bottom > .popover-arrow:after {
			top: 1px;
			margin-left: -10px;
			content: " ";
			border-top-width: 0;
			border-bottom-color: #fff;
		}
.table {
	/*color: #76838f;*/
	color: #000;
	max-width: none !important;
	margin: 0;
	clear: both;
	border: 1px solid #e4eaec;
	margin-bottom: 10px;
}

td, th {
	padding: 0;
}

th {
	text-align: left;
}

table td, table th {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	padding: 8px;
	line-height: 1.57142857;
	/*vertical-align: top;*/
	vertical-align: middle;
	/*
    border-top: 1px solid #e4eaec;
    border: 1px solid #e4eaec;
    */
	border-left: 1px solid #e4eaec;
	border-right: 1px solid #e4eaec;
}

.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #e4eaec;
}

.table > tfoot > tr > th, .table > thead > tr > th {
	font-weight: bold;
	/*font-weight: 400;*/
	color: #526069;
}

.table > thead > tr > th {
	border-bottom: 1px solid #e4eaec;
}

table thead > tr > th {
	padding-right: 8px;
	padding-left: 8px;
}

table thead .sorting, table thead .sorting_asc, table thead .sorting_asc_disabled, table thead .sorting_desc, table thead .sorting_desc_disabled {
	position: relative;
	padding-right: 16px;
	cursor: pointer;
}

table th:active {
	outline: 0;
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
	border-top: 0;
	vertical-align: middle;
}

.table > tbody.disabled-background > tr:hover, .table > tbody.disabled-background > tr:nth-of-type(odd) {
	background-color: initial !important;
}

.table > tbody.disabled-background > tr > th, .table > tbody.disabled-background > tr > td {
	border-top: 1px solid #e4eaec;
}


.table > tbody > tr:hover {
	background-color: #FFDF66 !important;
}

.table > tbody > tr:nth-of-type(odd) {
	background-color: #F5F5F5;
}

table thead .sorting_asc:after {
	content: "\f0de";
}

table thead .sorting_desc:after {
	content: "\f0dd";
}

table thead .sorting:after {
	content: "\f0dc";
}

table thead .sorting:after, table thead .sorting_asc:after, table thead .sorting_desc:after {
	position: absolute;
	top: 8px;
	right: 4px;
	display: block;
	font-family: 'Noto Sans', "FontAwesome" !important;
	opacity: .5;
}

.lupa {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right 5px top;
}

.table-title {
	color: #37474f;
	font-weight: bold;
}

.pagination-pages {
	display: inline-block;
	padding: 10px 0px;
}

.pagination-button {
	border: 1px solid #ccc;
	padding: 6px 12px;
	cursor: pointer;
}

	.pagination-button:hover {
		background-color: lightgray;
		color: #62a8ea;
	}

	.pagination-button.active {
		/*border: #ccc;*/
		color: white;
		background-color: #62a8ea;
	}

.scroll-x {
	overflow-x: auto;
}

.btn-export {
	display: inline-block;
	padding: 6px 10px 2px;
	background: #46be8a;
	color: white;
	border-radius: 2px;
	vertical-align: middle;
	margin-bottom: 8px;
}

	.btn-export span {
		margin-left: 5px;
		cursor: pointer;
	}

	.btn-export i {
		font-size: 18px;
		color: #fff;
	}

.btn-add {
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	padding-top: 10px;
	margin-left: -8px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	margin-bottom: 8px;
	background-color: rgb(151,191,13);
	box-shadow: -1px 5px 1px rgba(0, 0, 0, .075);
}

	.btn-add > i {
		text-align: center;
		font-size: 30px;
		color: #fff;
	}

.btn-edit {
	color: #004489;
}

.btn-delete {
	color: #fc1921;
}

.btn-delete-table {
	color: #fc1921;
}

.NoSelected {
	background-color: #fff !important;
}

.tr50 {
	height: 50px;
}

.no-border {
	border: 0;
}
thead {
    display: table-header-group;
}

tfoot {
    display: table-row-group;
}

tr {
    page-break-inside: avoid;
}.jtse-tabs > ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
    border-bottom: 1px solid rgb( 24, 159, 214 );
    /*border-bottom: 1px solid rgb(169, 169, 169);*/
}

    .jtse-tabs > ul.tabs li {
        display: inline-block;
        padding: 2px 15px;
        cursor: pointer;
        color: #000;
        font-weight: bold;
        /*-webkit-transition: background-color .17s linear;*/
    }

        .jtse-tabs > ul.tabs li:hover {
            color: rgb( 24, 159, 214 );
        }

        .jtse-tabs > ul.tabs li.current {
            color: rgb( 24, 159, 214 );
            border-bottom: 2px solid rgb( 24, 159, 214 );
        }

.jtse-tabs  .tab-content {
	display: none;
	background: white;
	padding: 8px;
	transition: all ease-out 0.2s 0.1s;
}

	.jtse-tabs  .tab-content.current {
		display: inherit;
	}
.jtse-tags {
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	display: inline-block;
	padding: 4px 6px;
	margin-bottom: 10px;
	color: #555;
	vertical-align: middle;
	border-radius: 4px;
	max-width: 100%;
	line-height: 22px;
	cursor: text;
	position: relative;
}

	.jtse-tags.has-error {
		border-color: #843534;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
	}

	.jtse-tags div:first-child {
		overflow-y: auto;
	}

	.jtse-tags div:last-child {
		width: 100%;
		left: 0px;
		display: block;
		position: absolute;
		height: 150px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		overflow-y: auto;
		padding: 6px;
		background-color: #fff;
		border: 1px solid #ccc;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		margin-top: 2px;
		z-index: 10;
	}

	.jtse-tags input {
		line-height: normal;
		font-family: inherit;
		font-size: inherit;
		line-height: inherit;
		margin: 0;
		font: inherit;
		color: inherit;
		border: none;
		box-shadow: none;
		outline: none;
		background-color: transparent;
		padding: .3em .6em .3em;
		margin: 0;
		width: auto !important;
		max-width: inherit;
	}

		.jtse-tags input[role="search"] {
			border: inherit !important;
			background-color: inherit;
			width: 100% !important;
		}

    .jtse-tags i {
        color: #fff;
        background-color: #46be8a;
        padding: 5px;
        border-radius: 50%;
        cursor: pointer;
    }

	.jtse-tags ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}

	.jtse-tags li {
		cursor: pointer;
		padding: 5px;
	}

		.jtse-tags li:hover {
			background-color: rgba(98, 168, 234, 0.8);
			color: #fff;
			border-radius: 4px;
		}

	.jtse-tags .tag {
		margin: 0px 2px 3px 0px;
		color: white;
	}

		.jtse-tags .tag [data-role="remove"] {
			margin-left: 8px;
			cursor: pointer;
		}

			.jtse-tags .tag [data-role="remove"]:after {
				content: "x";
				padding-left: 2px;
			}

    .jtse-tags .label-info {
        background-color: rgb( 0, 68, 137 ); /*#62a8ea;*/
    }

	.jtse-tags .label {
		display: inline-block;
		padding: .3em .6em .3em;
		font-size: 100%;
		font-weight: 700;
		line-height: 1;
		color: #fff;
		text-align: center;
		white-space: nowrap;
		vertical-align: baseline;
		border-radius: .25em;
	}
   
.jtse-tags ::-webkit-input-placeholder {
    color: red;
    opacity: 1;
    font-weight: bold;
    font-size: 1.5em;
}

.jtse-tags :-moz-placeholder {
    /* Firefox 18- */
    color: red;
    opacity: 1;
    font-weight: bold;
    font-size: 1.5em;
}

.jtse-tags ::-moz-placeholder {
    /* Firefox 19+ */
    color: red;
    opacity: 1;
    font-weight: bold;
    font-size: 1.5em;
}

.jtse-tags :-ms-input-placeholder {
    color: red;
    opacity: 1;
    font-weight: bold;
    font-size: 1.5em;
}

/*.ph ::placeholder {
    color: red;
    opacity: 1;
    font-weight: bold;
    font-size: 1.5em;
}*//*body {margin:0; font:12px Verdana,Arial}*/
.te  #input {border:none; margin:0; padding:0; font:14px 'Courier New',Verdana; border:0}
.te {border:1px solid #bbb; padding:0 1px 1px; font:12px Verdana,Arial; margin:25px}
.te iframe {border:none}
.te .teheader {border-bottom:1px solid #bbb; background:url(../Images/editor/header-bg.gif) repeat; padding-top:1px}
.te .teheader select {float:left; margin-top:5px}
.te .tefont {margin-left:12px}
.te .teColor {margin-left:12px}
.te .tesize {margin:0 3px}
.te .testyle {margin-right:12px}
.te .tedivider {display: inline-block; width:1px; height:30px; background:#ccc}
.te .tecontrol {display: inline-block; width:34px; height:30px; cursor:pointer; background-image:url(../Images/editor/icons.png)}
.te .tecontrol:hover {background-color:#fff; background-position:30px 0}
.te .tefooter {height:32px; border-top:1px solid #bbb; background:#f5f5f5}
.te .toggle {float:left; background:url(../Images/editor/icons.png) -34px 2px no-repeat; padding:9px 13px 0 31px; height:23px; border-right:1px solid #ccc; cursor:pointer; color:#666}
.te .toggle:hover {background-color:#fff}
.te  .resize {float:right; height:32px; width:32px; background:url(../Images/editor/resize.gif) 15px 15px no-repeat; cursor:s-resize}
.te  {cursor:text; margin:10px}.jtse-tooltip {
	display: none;
	width: inherit;
	padding: 5px 18px 6px;
	border-radius: 2px;
	background: white;
	background-size: cover;
	color: #8B91A0;
	font-size: 12px !important;
	text-shadow: 0 1px 0 #fff;
	text-align: center;
	line-height: 1.3;
	letter-spacing: .06em;
	box-shadow: 0 0 3px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.5);
	-webkit-transform: all .3s;
	-moz-transform: all .3s;
	-ms-transform: all .3s;
	-o-transform: all .3s;
	transform: all .3s;
	pointer-events: none;
	z-index: 1100;
	position: fixed;
	max-width: 600px;
}

	.jtse-tooltip > .tooltip-header {
		display: table;
		width: 100%;
		font-size: 12px;
		font-weight: bold;
		color: #62a8ea;
		padding: 8px 10px;
		/*border-bottom: 1px solid #019272;*/
		border-bottom: 1px solid #62a8ea;
		/*text-transform: uppercase;*/
	}

	.jtse-tooltip > .tooltip-body {
		padding: 8px 10px;
		word-wrap: break-word;
		text-align: left;
	}
.rtree-icon {
            display: inline-block;
            text-decoration: none;
            margin: 0;
            padding: 0;
            vertical-align: top;
            text-align: center;
            
        }
        .rtree-icon {
            width: 24px;
            height: 24px;
            line-height: 24px;
            /*border:1px solid #ff0000*/
        }
        .rtree-node,
        .rtree-icon {
            background-image: url("../Resources/Images/treeview.png");
            background-repeat:no-repeat;
        }

        .rtree-open > .rtree-ocl {
            background-position: -132px -4px;
        }
        .rtree-leaf > .rtree-ocl {
            background-image: url("../Resources/Images/treeview.png");
            background-repeat:no-repeat;
            background-position: -68px -4px;
        }

        .rtree-open > .rtree-compac {
            background-image: url("../Style/32px.png")url("../Resources/Images/treeview.png");
            background-repeat:no-repeat;
            background-position: -100px -4px;
        }
        .rtree-node {
            background-position: -292px -4px;
            background-repeat: repeat-y;
        }
        .rtree-default > .rtree-container-ul > .rtree-node {
            margin-left: 0;
            margin-right: 0;
        }
        .rtree-sel {
            color:#117ac6;
            font-weight:bold;
            background-color:#F9F9F9;
            border:1px solid #E8E8E8;
            padding:3px;
        }
        .rtree-ul {
             background: transparent; list-style-type: none; margin: 0; padding-left: 20px; list-style:none;margin-bottom:auto;
        }
        .rtree-cont {
            text-align:left;clear:both; padding:10px;
        }
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@font-face {
    font-family: "Material Design Icons";
    src: url("../Styles/Extends/Fonts_fa/materialdesignicons-webfont.eot?v=2.1.19");
    src: url("../Styles/Extends/Fonts_fa/materialdesignicons-webfont.eot?#iefix&v=2.1.19") format("embedded-opentype"), url("../Styles/Extends/Fonts_fa/materialdesignicons-webfont.woff2?v=2.1.19") format("woff2"), url("../Styles/Extends/Fonts_fa/materialdesignicons-webfont.woff?v=2.1.19") format("woff"), url("../Styles/Extends/Fonts_fa/materialdesignicons-webfont.ttf?v=2.1.19") format("truetype"), url("../Styles/Extends/Fonts_fa/materialdesignicons-webfont.svg?v=2.1.19#materialdesigniconsregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../Styles/Extends/Fonts_fa/NotoSans-Regular.ttf');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}*/

.login-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    width: 100%;
}

.login-container {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 1;
    /*background-color: #f8f8f8;*/
    overflow: hidden;
    font-size: 16px;
    z-index: 0;
    font-family: 'Noto Sans', sans-serif;
}


    html,
    /*body,*/
    .login-container span,
    .login-container iframe,
    .login-container h1,
    .login-container h2,
    .login-container h3,
    .login-container h4,
    .login-container h5,
    .login-container h6,
    .login-container p,
    .login-container blockquote,
    .login-container a,
    .login-container img,
    .login-container strong,
    .login-container ul,
    .login-container li,
    .login-container table,
    .login-container caption,
    .login-container tbody,
    .login-container tfoot,
    .login-container thead,
    .login-container tr,
    .login-container th,
    .login-container td,
    .login-container article,
    .login-container canvas,
    .login-container embed,
    .login-container footer,
    .login-container header,
    .login-container nav,
    .login-container section,
    .login-container audio,
    .login-container video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        vertical-align: baseline;
    }

article,
footer,
header,
nav,
section {
    display: block;
}

/*ol,
ul {
    list-style: none;
}*/

/*blockquote,
q {
    quotes: none;
}*/

/*blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}*/

input[type="text"]:focus,
textarea:focus,
select:focus {
    outline: 0;
}
/*.login-container h1,
.login-container h2,
.login-container h3,*/
.login-container h4,
.login-container h5,
.login-container h6 {
    margin-top: 0;
    margin-bottom: 2rem;
    font-weight: 300;
}

/*h1 {
    font-size: 4.0rem;
    line-height: 1.2;
    letter-spacing: -.1rem;
}

h2 {
    font-size: 3.6rem;
    line-height: 1.25;
    letter-spacing: -.1rem;
}

h3 {
    font-size: 3.0rem;
    line-height: 1.3;
    letter-spacing: -.1rem;
}*/

.login-container h4 {
    font-size: 2.4rem;
    line-height: 1.35;
    /*letter-spacing: -.08rem;*/
}

.login-container h5 {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: -.05rem;
}

.login-container h6 {
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: 0;
}

.login-container .contenedor-fluido {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    padding: 0 5px;
}

.login-container .contenedor {
    margin: 0 auto;
    width: 95%;
    overflow: hidden;
    padding: 0 5px;
}

.login-container .login_row {
    display: inline-block;
    width: 100%;
}

/*.col-10,
.col-20,
.col-25,
.col-30,
.col-33,
.col-34,
.col-40,
.col-50,
.col-60,
.col-70,
.col-75,
.col-80,
.col-90,
.col-100,
.col-terceo,
.col-2-tercero,
.col-auto {
    min-height: 1px;
    display: inline-block;
}*/

/*.col-10 {
    width: 10%;
}

.col-20 {
    width: 20%;
}

.col-25 {
    width: 25%;
}

.col-30 {
    width: 30%;
}

.col-33 {
    width: 33%;
}

.col-34 {
    width: 34%;
}

.col-40 {
    width: 40%;
}

.col-50 {
    width: 50%;
}

.col-60 {
    width: 60%;
}

.col-70 {
    width: 70%;
}

.col-75 {
    width: 75%;
}

.col-80 {
    width: 80%;
}

.col-90 {
    width: 90%;
}

.col-100 {
    width: 100%;
}

.col-tercero {
    width: 33.33333%;
}

.col-2-tercero {
    width: 66.66667%;
}

.col-auto {
    width: auto;
}*/

.login-container .f-left {
    float: left;
}

.login-container .f-right {
    float: right;
}

/*.ico {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/

/*@font-face {
    font-family: 'Icons';
    src: url('fonts/glyphicons-halflings-regular.eot');
    src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}*/

/*.form-control-icono {
    position: absolute;
    top: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
    padding-top: 10px;
    margin: 10px -30px;
}*/

/*.Icons {
    display: inline-block;
    font: normal normal normal 14px/1 Icons;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-user:before {
    content: "\e008";
    color: #d9d9d9
}

.icon-lock:before {
    content: "\e033";
    color: #d9d9d9
}*/

/*.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-youtube-play:before {
    content: "\f16a";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\f00d";
}*/

.login-container .fondo {
    margin: 0;
    /*background: url(../Images/banner_1.jpg) center center no-repeat;*/
    background-attachment: fixed;
    background-size: cover;
    min-height: 100%;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 100%;
    height: auto !important;
    min-height: 100%;
    top: 35px;
    left: 0px;
    /*position:relative;*/
    position: absolute;
    /* transition: all 1s ease-in-out;
    animation: marcas .5s ease-in-out; */
}

/*.overlay {
    margin: 0;
    background: #02b14c;
    -webkit-background-size: 3px 3px;
    -moz-background-size: 3px 3px;
    background-size: 3px 3px;
    min-height: 100%;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 100%;
    height: auto !important;
    min-height: 100%;
    top: 0px;
    left: -45%;
    position: absolute;
    -webkit-transition: all .5s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition: all .5s cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition: all .5s cubic-bezier(0.7, 0, 0.3, 1);
    -o-transition: all .5s cubic-bezier(0.7, 0, 0.3, 1);
    transition: all .5s cubic-bezier(0.7, 0, 0.3, 1);
    border-right: 1px solid #02b14c;
}*/

/*.overlay.skew-part {
    -webkit-transform: skew(-25deg, 0deg);
    -moz-transform: skew(-25deg, 0deg);
    -ms-transform: skew(-25deg, 0deg);
    -o-transform: skew(-25deg, 0deg);
    transform: skew(-25deg, 0deg);
    animation: animacionPanel 1.2s ease-in-out;
}*/

.login-container .header-banner {
    width: 100%;
    height: 62px;
    padding: 10px 1rem 0;
    background-color: transparent;
    text-transform: uppercase;
    z-index: 5;
}

    .login-container .header-banner img {
        width: 90px;
        height: 90px;
        transition: all ease .5s;
    }

.login-container .puntero {
    cursor: pointer;
}



.login-container .mensaje {
    width: 100%;
    display: inline-block;
    position: absolute;
    /*position: relative;*/
    top: 25%;
    /*margin-top:15%;*/
    font-size: 25px;
    color: white;
    text-align: left;
    z-index: 10;
    transition: opacity ease-in-out .7s;
}

    .login-container .mensaje > .par1 {
        font-weight: bold;
    }

    .login-container .mensaje > .par2 {
        font-weight: 500 !important;
        font-size: 28px;
    }

    .login-container .mensaje > .par3 {
        width: 380px;
        margin: auto;
        text-align: center;
    }

        .login-container .mensaje > .par3 > div > div {
            animation: animacion-lineal 2s ease-in-out 0s backwards;
        }

            .login-container .mensaje > .par3 > div > div div {
                display: inline-block;
            }

/*.login-container .mensaje>.par3>div>div:nth-child(1) {
    animation-delay: .4s;
}

.login-container .mensaje>.par3>div>div:nth-child(2) {
    animation-delay: .8s;
}

.login-container .mensaje>.par3>div>div:nth-child(3) {
    animation-delay: 1.2s;
}

.login-container .mensaje>.par3>div>div:nth-child(4) {
    animation-delay: 1.6s;
}

.login-container .mensaje>.par3>div>div:nth-child(5) {
    animation-delay: 2s;
}*/

.login-container .footer {
    font-size: 14px;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
    color: #28396C; /*rgb(0, 68, 136);*/
    background: rgba(238, 238, 242, 0.6);
    font-weight: 500;
    z-index: 20;
}

    .login-container .footer i {
        padding: 0 10px;
        animation: marcas 3s ease-in-out;
        transition: all .5s ease-in-out;
    }

        .login-container .footer i:hover {
            transform: scale(1.5);
        }

.login-container .titulo {
    text-align: center;
    margin-bottom: 0;
    margin-top: 10px;
    font-weight: bold;
    color: #777;
}

.login-container .logo,
.login-container .footer .f-left,
.login-container .mensaje > .par1 {
    animation: marcas 3s ease-in-out;
}

.login-container .textbox {
    display: inline-block;
    /*background-color: transparent;*/
    /*color: #007ACC ;*/ /*rgba(255, 255, 255, .5);*/
    color: black;
    /*outline: 0;
    width: 100%;*/
    font-size: 12px;
    padding: 3px 6px 0 10px;
    height: 35px;
    /*box-shadow: none;*/
    background-image: none;
    margin: 4px 0;
    width: 92%;
    /*border: none;*/
    /*border-bottom: 1px solid rgba(255, 255, 255, .2);*/
    transition: all ease-in-out .5s;
}

    .login-container .textbox:focus {
        /*color: #007ACC;*/ /*white;*/
        color: black;
        /*border-bottom: 1px solid white;*/
    }

/*.combobox {
    display: inline-block;
    background-color: transparent;
    color: white;
    outline: 0;
    width: 100%;
    font-size: 15px;
    padding: 6px 10px;
    height: 40px;
    border: 2px solid white;
    box-shadow: none;
    background-image: none;
    margin: 8px 0;
}*/



.login-container .boton {
    display: inline-block;
    background-color: #007ACC;
    color: white;
    outline: 0;
    width: 100%;
    font-size: 16px;
    line-height: 40px;
    padding: 0px 10px;
    height: 40px;
    box-shadow: none;
    background-image: none;
    margin: 8px 0;
    text-align: center;
    border-radius: 4px;
    width: 91%;
}

.login-container .relative {
    /*position: relative;*/
}


.login-container .lineaContenedorInicio {
    display: inline-block;
    opacity: 0;
}

.login-container .lineaContenedor {
    display: inline-block;
    /* border: 2px solid #ffffff; */
    animation: animacion-lineal 2s ease-in-out 0s backwards;
    -webkit-animation: animacion-lineal 2s ease-in-out 0s backwards;
    -moz-animation: animacion-lineal 2s ease-in-out 0s backwards;
    opacity: 1;
    transition: opacity 2s;
    background: #fff;
    padding: 0 20px;
    /*box-shadow: 0px 1px 22px 4px rgba(0, 0, 0, 0.6)*/
}

/*@keyframes cambiarColor {
    0% {
        box-shadow: 0px 10px 50px 0px rgba(255, 255, 255, .3);
    }
    50% {
        box-shadow: 0px 10px 50px 0px rgba(255, 255, 255, .8);
    }
    100% {
        box-shadow: 0px 10px 50px 0px rgba(255, 255, 255, .3);
    }
}

@-webkit-keyframes cambiarColor {
    0% {
        box-shadow: 0px 10px 50px 0px rgba(255, 255, 255, .3);
    }
    50% {
        box-shadow: 0px 10px 50px 0px rgba(255, 255, 255, .8);
    }
    100% {
        box-shadow: 0px 10px 50px 0px rgba(255, 255, 255, .3);
    }
}

@-moz-keyframes cambiarColor {
    0% {
        box-shadow: 0px 10px 50px 0px rgba(255, 255, 255, .3);
    }
    50% {
        box-shadow: 0px 10px 50px 0px rgba(255, 255, 255, .8);
    }
    100% {
        box-shadow: 0px 10px 50px 0px rgba(255, 255, 255, .3);
    }
}*/

/*.desabilitado {
    cursor: no-drop;
    border: 2px solid rgba(144, 139, 139, 0.61);
    color: #716e6e
}*/

.login-container ::-webkit-input-placeholder {
    color: #808080;
    font-size: 12px;
}

.login-container :-moz-placeholder {
    /* Firefox 18- */
    color: #808080;
    font-size: 12px;
}

.login-container ::-moz-placeholder {
    /* Firefox 19+ */
    color: #808080;
    font-size: 12px;
}

.login-container :-ms-input-placeholder {
    color: #808080;
    font-size: 12px;
}

/*@keyframes moverror {
    0% {
        opacity: 0;
        transform: translateX(-120px);
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}*/

@keyframes animacionPanel {
    0% {
        opacity: 0;
        transform: translateX(-150%) skew(-25deg, 0deg);
    }

    100% {
        opacity: 1;
        transform: translateX(0%) skew(-25deg, 0deg);
    }
}

@keyframes marcas {
    0% {
        opacity: 0;
        transform: scale(1.5);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes animacion-lineal {
    0% {
        transform: translateY(30%);
        opacity: 0;
    }

    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}

.rotar {
    animation: spin 3s linear infinite;
}

@keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

/*.PopUp {
    position: fixed;
    display: inline-block;
    overflow-y: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 100;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    transition: all .7s cubic-bezier(0.845, -0.265, 0.190, 1.280);
    pointer-events: none;
}

.PopUp.Open {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

.PopUp>div {
    position: relative;
    margin: 5% auto;
    background: white;
    overflow-y: auto;
    border-radius: 10px;
    z-index: 200;
}

.PopupCabecera {
    font-size: 15px;
    font-weight: 300;
    padding: 0 20px;
    border: none;
    text-transform: uppercase;
    padding: 3px;
    z-index: 101;
    background-color: #00a850;
    color: white;
}

.PopupCuerpo {
    padding: 0px 15px 20px 15px;
}

.cerrarPopUp {
    float: right!important;
    position: absolute;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    top: -30px;
    right: -20px;
    border: 3px solid white;
    background: #00a850;
    border-radius: 50%;
    padding: 8px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
    cursor: pointer;
    width: 40px;
    z-index: 202;
    font-size: 20px;
}

.cerrarPopUp .Icons {
    font-size: 20px;
}*/

/*.tam-5 {
    width: 100px;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    display: inline-block;
}

.alerta {
    color: white;
    background-color: #02B14C;
    padding: 10px 36px;
    position: fixed;
    font-weight: bold;
    top: 70px;
    right: 10px;
    z-index: 20;
    border-radius: 10px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, .5);
}*/

/*.move-right {
    opacity: 0;
    transform: translateX(150%);
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}*/

/*.animate .move-left,
.animate .move-right,
.anix .move-left,
.anix .move-right {
    transform: translateX(0%);
    opacity: 1;
    z-index: 600;
}*/

/*.Icons {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
}*/

/*.fa-refresh:before {
    content: "\f021";
}

.fa-user:before {
    content: "\f007";
}

.fa-lock:before {
    content: "\f023";
}*/

/*.cargando {
    animation: linear spin 4s infinite;
    -webkit-animation: linear spin 4s infinite;
    -moz-animation: linear spin 4s infinite;
    -ms-animation: linear spin 4s infinite;
    pointer-events: none;
    cursor: no-drop;
}*/

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.mdi:before,
.mdi-set {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mdi {
    display: inline-block;
    width: 32px;
    height: 24px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    line-height: 24px;
    /*color: #81BDE6;*/
    color: black;
}

.mdi-account-circle:before {
    content: "\F009";
}

.mdi-fingerprint:before {
    content: "\F237";
}

/*.ImgDivLog {
    height: 180px;
    width: 100%;
    background: url(../Images/Fondo.jpg) center center no-repeat;
    background-size: cover;
}*/

@media screen and (max-width: 650px) {
    .login-container .titulo {
        font-size: 1.3rem;
    }

    .login-container .header-banner img {
        width: 70px;
        height: 70px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 400px) {
    .login-container .mensaje > .par3 {
        width: 98%;
    }

    .login-container .titulo {
        font-size: 1rem;
        padding-right: 0;
    }
}

@media screen and (max-height: 500px) and (orientation:landscape) {
    .login-container .mensaje {
        overflow-y: auto;
        height: 300px;
    }
}

@media screen and (max-device-width: 480px) and (max-height: 500px) and (orientation:portrait) {
    .login-container .mensaje {
        overflow-y: auto;
        height: 350px;
    }
}

@media screen and (max-height: 400px) and (orientation:landscape) {
    .login-container .mensaje {
        overflow-y: auto;
        height: 250px;
    }
}

/**********************************/
.transparent {
    background-color: #382f2d;
    width: 100%;
    height: 100%;
    opacity: 0.75;
    position: absolute;
    z-index: 1;
}

.login-images, .login-images:after {
    /*position: fixed;
top: 0px;
        */
    width: 100%;
    height: 100%;
    left: 0px;
    z-index: 0;
}

    .login-images:after {
        content: '';
    }

    .login-images li {
        list-style: none;
    }

        .login-images li span {
            width: 100%;
            height: 100%;
            max-width: 100%;
            position: absolute;
            top: 0px;
            left: 0px;
            color: transparent;
            background-size: cover;
            background-repeat: no-repeat;
            opacity: 0;
            z-index: 0;
            -webkit-backface-visibility: hidden;
            -webkit-animation: imageAnimation 56s linear infinite;
            -moz-animation: imageAnimation 56s linear infinite;
            -o-animation: imageAnimation 56s linear infinite;
            -ms-animation: imageAnimation 56s linear infinite;
            animation: imageAnimation 56s linear infinite;
        }

        .login-images li div {
            width: 100%;
            max-width: 100%;
            height: 100%;
            position: absolute;
            top: 0px;
            left: 0px;
            color: transparent;
            background-repeat: no-repeat;
            background-size: cover;
        }

        /*.login-images li:nth-child(1) div {
		}*/

        .login-images li:nth-child(1) span {
        }

        .login-images li:nth-child(2) span {
            -webkit-animation-delay: 8s;
            -moz-animation-delay: 8s;
            -o-animation-delay: 8s;
            -ms-animation-delay: 8s;
            animation-delay: 8s;
        }

        .login-images li:nth-child(3) span {
            -webkit-animation-delay: 16s;
            -moz-animation-delay: 16s;
            -o-animation-delay: 16s;
            -ms-animation-delay: 16s;
            animation-delay: 16s;
        }

        .login-images li:nth-child(4) span {
            -webkit-animation-delay: 24s;
            -moz-animation-delay: 24s;
            -o-animation-delay: 24s;
            -ms-animation-delay: 24s;
            animation-delay: 24s;
        }

        .login-images li:nth-child(5) span {
            -webkit-animation-delay: 32s;
            -moz-animation-delay: 32s;
            -o-animation-delay: 32s;
            -ms-animation-delay: 32s;
            animation-delay: 32s;
        }

        .login-images li:nth-child(6) span {
            -webkit-animation-delay: 40s;
            -moz-animation-delay: 40s;
            -o-animation-delay: 40s;
            -ms-animation-delay: 40s;
            animation-delay: 40s;
        }

        .login-images li:nth-child(7) span {
            -webkit-animation-delay: 48s;
            -moz-animation-delay: 48s;
            -o-animation-delay: 48s;
            -ms-animation-delay: 48s;
            animation-delay: 48s;
        }


@-webkit-keyframes imageAnimation {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
    }

    17% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes imageAnimation {
    0% {
        opacity: 0;
        -moz-animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        -moz-animation-timing-function: ease-out;
    }

    17% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes imageAnimation {
    0% {
        opacity: 0;
        -ms-animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        -ms-animation-timing-function: ease-out;
    }

    17% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes imageAnimation {
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        animation-timing-function: ease-out;
    }

    17% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.no-cssanimations .imagenes li span {
    opacity: 1;
}

@media screen and (max-width: 1140px) {
    .login-images li div h3 {
        font-size: 140px;
    }
}

@media screen and (max-width: 600px) {
    .login-images li div h3 {
        font-size: 80px;
    }
}
.body-dashboard {
	padding-top: 50px;
}

.mar-left {
	margin-left: 8px;
}

.navbar-main {
	width: 100%;
	display: block;
	min-height: 50px;
	margin-bottom: 22px;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1001;
	border-radius: 0;
	border: none;
	background-color: #fff; /* rgba(227,1,77,1); */
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
	box-shadow: 0 2px 4px rgba(0,0,0,.08);
}

.navbar-header {
	width: 260px;
	float: left;
	background-color: #fff;
	color: #76838f;
	text-align: center;
}

.navbar-brand {
	float: left;
	height: 50px;
	/*padding: 12px 15px;*/
	font-size: 24px;
	/*line-height: 22px;*/
	font-weight: 500;
	color: #e20814;
	cursor: pointer;
	width: 100%;
}

.navbar-brand-logo {
	display: inline-block;
	vertical-align: middle;
	border: 0;
	/*height: 44px;*/
	height: 60px;
	/*margin-top: 3px;*/
}

.navbar-brand-text {
	margin-left: 6px;
}

.navbar-container {
	padding-right: 5px;
	padding-left: 5px;
	margin-right: auto;
	margin-left: 260px;
	position: relative;
	background-color: #fff;
}

.navbar-collapse {
	max-height: 340px;
	display: block !important;
	height: auto !important;
	padding-bottom: 0;
	overflow: visible !important;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0;
	margin-left: 0;
	width: auto;
	border-top: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-overflow-scrolling: touch;
	border-top: 1px solid transparent;
}

.navbar-toolbar {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	float: left;
}

	.navbar-toolbar > li {
		position: relative;
		display: block;
		float: left;
	}

		.navbar-toolbar > li > a, .navbar-toolbar > li > span {
			position: relative;
			display: block;
			padding: 13px 15px;
			overflow: hidden;
			line-height: 22px;
			color: #76838f;
			font-size: 18px;
		}

.navbar-title {
	width: 100%;
	display: block;
	position: absolute;
	text-align: center;
	top: 15px;
	line-height: 16px;
	color: rgb( 0, 68, 137 );
	font-size: 16px;
	font-weight: bold;
	text-align: -moz-center;
	text-align: -webkit-center;
}

.badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 6px;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	color: #fff;
	background-color: #f96868;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 10px;
	position: relative;
	top: -10px;
	margin: 0 -.8em;
	border-radius: 15px;
}

.badge-success {
	color: #fff;
	background-color: #46be8a;
}

.avatar {
	position: relative;
	display: inline-block;
	width: 36px;
	white-space: nowrap;
	border-radius: 1000px;
	vertical-align: bottom;
}

	.avatar img {
		width: 100%;
		max-width: 100%;
		height: auto;
		border: 0 none;
		border-radius: 1000px;
		vertical-align: middle;
	}

	.avatar i {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 10px;
		height: 10px;
		border: 2px solid #fff;
		border-radius: 100%;
		background-color: red; /* #46be8a*/
	}

.menubar {
	z-index: 1000;
	position: fixed;
	top: 50px;
	width: 60px;
	height: 100%;
	height: -webkit-calc(100% - 50px);
	height: calc(100% - 50px);
	/*background: #263238;
    color: rgba(163,175,183,.9);
	*/
	background: #fff;
	color: #004488;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
	box-shadow: 0 2px 4px rgba(0,0,0,.08);
	overflow: hidden;
}

	.menubar.toggle .menu {
		font-size: 22px;
	}

	.menubar.toggle .menu-icon {
		margin-right: 0px;
	}

.menubar-body {
	height: 100%;
	position: relative;
	overflow-y: auto;
	margin-right: -30px;
	padding-right: 10px;
}

.menu {
	font-size: 12px;
	overflow-y: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 18px;
}

.menu-item, .menu-sub-item {
	position: relative;
	white-space: nowrap;
	padding: 0;
	line-height: 34px;
	overflow: hidden;
	-webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

.menu-item {
	/*border-bottom: 1px solid #bfdfff;*/
	border-bottom: 1px solid #D3D3D3;
}

.menu-item-category {
	-webkit-transition: all .25s,font .1s .15s,color .1s .15s;
	-o-transition: all .25s,font .1s .15s,color .1s .15s;
	transition: all .25s,font .1s .15s,color .1s .15s;
	font-size: 15px;
	padding: 0 24px;
	color: #76838f;
	line-height: 38px;
	text-transform: uppercase;
	margin-top: 10px;
}

.menu-item > a, .menu-sub-item > a {
	white-space: nowrap;
	cursor: pointer;
	padding: 3px 20px;
	line-height: 22px; /*espacios de li de menus **/
}

/*.menu-item:hover{
    color: rgba(255,255,255,.8);
    background-color: rgba(183,225,255,0.3) 
}
.menu-sub-item:hover{
    color: rgba(255,255,255,.8);
    background-color: rgba(183,225,255,0.3)
}*/
.menu-item:hover {
	color: rgba(255,255,255,.8);
	/*background-color: rgba(255,255,255,.02);*/
	/*background-color: rgba(0, 68, 136, .03);*/
	/*background-color: rgba(183,225,255,0.6)*/ /*#B7E1FF;*/
	background-color: #D3D3D3;
}

.menu-sub-item:hover {
	background-color: #FFFACD;
}

.menu-item a, .menu-sub-item a {
	display: block;
	/*color: rgba(163,175,183,.9);*/
	/*color: #004489*/
	color: black;
}

.menu-item .derecha {
	/*float:right;
        width:50px;
        text-align:right;*/
	margin-right: 10px;
	padding-top: 5px;
	/*position:absolute;*/
}

	.menu-item .derecha.prendido, .menu-item .derecha.apagado {
		-webkit-transition: -webkit-transform .3s ease-out;
		-o-transition: -o-transform .3s ease-out;
		transition: transform .3s ease-out;
	}

	.menu-item .derecha.apagado {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	.menu-item .derecha.prendido {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(-0deg);
	}

.menu-item.open > a, .menu-sub-item.open > a {
	/*color: #fff;*/
	/*background-color: #004489;*/
	background-color: #FFDF66;
	/*padding: 0px 0px 0px 8px;*/
}

.menu-item.open a > .menu-arrow {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.menu-sub {
	padding: 5px 0;
	margin: 0;
	font-size: 14px;
	background: 0 0;
	display: block;
}

	.menu-sub .menu-sub-item {
		padding: 0 30px;
	}

.menu-sub-item.menu-ico-left {
	padding: 0 4px;
}

.menu-icon {
	width: 1em;
	text-align: center;
	margin-right: 10px;
}

.menu-title {
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	max-width: 210px;
	/*font-size: 14px;*/
	width: 180px
}

.menu-arrow {
	font-family: 'Web Icons';
	-webkit-transition: -webkit-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	position: absolute;
	display: inline-block;
	font-style: normal;
	font-weight: 400;
	text-rendering: auto;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-transform: none;
	-webkit-transform: none;
	-o-transform: none;
	transform: none;
	right: 25px;
	display: inline-block;
	vertical-align: middle;
	line-height: 38px;
}

.page {
	background: #f1f4f5;
	position: relative;
	min-height: -webkit-calc(100% - 30px);
	min-height: calc(100% - 30px);
	/*margin-left: 260px;
	margin-left: 60px;*/
	padding: 10px 15px;
}

.fondo-layout {
	/* margin: 0;
   background: url(../Images/banner_1.jpg) center center no-repeat;*/
	background-attachment: fixed;
	background-size: cover;
	/*min-height: 100%;
    z-index: 1;*/
	/* overflow: hidden;
    width: 100%;
    height: 100%;*/
	/*height: auto !important;
    min-height: 100%;*/
	/*top: 35px;*/
	/*left: 0px;*/
	/*min-height:100px;*/
	/*position:relative;*/
	/*position: absolute;*/
	/* transition: all 1s ease-in-out;
    animation: marcas .5s ease-in-out; */
	/*width:100%;
    position:absolute;*/
	min-height: 100%;
	/*margin-left:260px;*/
	min-width: -webkit-calc(100% - 260px);
	min-width: calc(100% - 260px);
}

.page-header {
	padding-bottom: 10px;
	padding: 5px 10px;
	position: relative;
	border-bottom: none;
}

.page-title {
	font-size: 26px;
	margin-top: 0;
	margin-bottom: 0;
}

.breadcrumb {
	padding: 0;
	margin: 0;
	list-style: none;
	background-color: transparent;
	border-radius: 3px;
}

	.breadcrumb > li {
		display: inline-block;
	}

	.breadcrumb li + li:before {
		padding: 0 5px;
	}

	.breadcrumb > li + li:before {
		padding: 0 5px;
		color: #62a8ea;
		content: "/\00a0";
	}

/*.copyright {
	padding: 5px 20px;
	background-color: rgba(0,0,0,.02);
	border-top: 1px solid #e4eaec;
	height: 30px;
	margin-left: 260px;
}

	.copyright > .copyright-legal {
		text-align: right;
	}*/

.layout-footer {
	padding: 5px;
	/*background-color: rgba(0,0,0,.02);*/
	background-color: whitesmoke;
	border-top: 1px solid #e4eaec;
	height: 30px;
	position: fixed;
	bottom: 0px;
	width: 100%;
}

.version, .copyright {
	float: right;
	padding: 0px 3px;
}

	.version > span {
		background-color: dodgerblue;
		color: #fff;
		padding: 0px 5px;
		border-radius: 3px;
	}

.fa-arrow-left.active, .fa-arrow-left.inactive {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
}

.fa-arrow-left.active {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.fa-arrow-left.inactive {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.navbar-header, .navbar-container, .menubar, .page {
	-webkit-transition: width .3s ease-out, margin .3s ease-out;
	-o-transition: width .3s ease-out, margin .3s ease-out;
	transition: width .3s ease-out, margin .3s ease-out;
}

.activo {
	border: #ccc;
	color: white;
	background-color: #62a8ea;
}

.control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

ul.menu > li > a {
	font-weight: bold;
}

ul.menu-sub > li > a {
	font-size: 11px;
}

.block {
	display: block !important;
}
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.blockes {
    /*font-family:Arial;*/
}
    .blockes label {
        background: #189fd6;
        color: #fff;
        padding: 5px;
        border-radius: 5px
    }
.redondear {
border-radius: 5px
}
.bloque {
     overflow:hidden; 
      border:1px solid rgba(24,159,214,0.5);
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    width:190px;
    height:160px;
    border-width:1px;
}
.bloque:hover {
    /*background:rgba(183,225,255,0.3);*/
box-shadow: inset 0px 0px 10px 4px rgba(24,159,214,0.3);
-moz-box-shadow: inset 0px 0px 10px 4px rgba(24,159,214,0.3);
-webkit-box-shadow: inset 0px 0px 10px 4px rgba(24,159,214,0.3);
border-width:2px;
   
}
.hand-all  ,.hand-all *{
    cursor:pointer;
    cursor:hand;
}
.line-diagonal {
   /*background-image: linear-gradient(
    to top right,
    white 48%,
    black,
    white 52%
  );*/
    background-image: linear-gradient(
    to top right,
    white calc(50% - 1px),
    #ccc,
    white calc(50%)
  );
    /* top: -20px; */
}
 .cut-text { 
     /* Over flow hidden hides the text if it is more than N lines  */
    overflow: hidden;
    /* To set '...' in absolute position */
    position: relative; 
    /* Use this value to count block height */
    line-height: 1.2em;
    /* Max-height = line-height (1.2) * lines max number (2) */
    max-height: 2.4em; 
    /* If the last visible word doesn't adjoin right side then this will fix the problem */
    /*text-align: justify !important; */ 
    /* place for '...' */
    padding-right: 10px;
    padding-left: 1em;
}

 .cut-text:before{
/* points in the end */
    content: '...';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of block */
    right: 0;
    bottom: 0;

}
/*.cut-text span{
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-color: #189fd6;
    color:#189fd6
}*/
.cut-text:after {
    /* points in the end */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of text */
    right: 0;
    /* set width and height */
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    /* bg color = bg color under block 
    background: white;*/
    background-color:#189fd6;
    
    }
    

 
.cut-text2{ 
     /* Over flow hidden hides the text if it is more than N lines  */
    overflow: hidden;
    /* To set '...' in absolute position */
    position: relative; 
    /* Use this value to count block height */
    line-height: 1.2em;
    /* Max-height = line-height (1.2) * lines max number (2) */
    max-height: 2.4em; 
    /* If the last visible word doesn't adjoin right side then this will fix the problem */
    /*text-align: justify !important; */ 
    /* place for '...' */
    padding-right: 10px;
    padding-left: 1em;
    background:transparent;
}

 .cut-text2:before{
/* points in the end */
    content: '...';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of block */
    right: 0;
    bottom: 0;

}
 .cut-text2:after {
    /* points in the end */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of text */
    right: 0;
    /* set width and height */
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    /* bg color = bg color under block 
    background: white;*/
    background-color:white;
    
    }
.color-del-tab {
    color: #DBB478 /*#FFFFCC;*/
}
.txt-svg {
    font-weight:bold;
    font-size:12px
}

/*::placeholder {
    color: red;
    opacity: 1;
    font-weight: bold;
    font-size: 1.5em;
}*/

/* TextArea*/
.ajustarTexto {
    overflow: hidden;
    margin: 50px auto;
    display: block;
}

.rowsel {
	background-color: #FFA07A !important;
	color: white;
}

.print {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	display:none;
}@media (max-height: 600px) and (orientation: landscape) {
	.login-container {
		padding-top: 5%;
	}
}

@media (max-height: 500px) and (orientation: landscape), (max-height: 470px) and (orientation: portrait) {
	.login-footer {
		display: none;
	}
}

@media (max-height: 350px) and (orientation: landscape) {
	.login-logo {
		height: 50px;
	}
}

@media (max-width:850px) {
	.navbar-title {
		display: none;
	}
}

@media (max-width:620px) {
	.toggle .navbar-show {
		display: none;
	}
}

@media (max-width:450px) {
	.navbar-toolbar > li > a, .navbar-toolbar > li > span {
		padding: 13px 4px;
	}
}