html {
	/*font-family: Roboto, sans-serif,"Helvetica Neue", Helvetica, Arial;*/
	font-family: sans-serif, Roboto,"Helvetica Neue", Helvetica, Arial;
	-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-size: 12px;
	line-height: 1.42857143;
	/*color: #333;*/
	color: #76838f;
	background-color: #f1f4f5;
    position: relative;
}

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: 30px;
}

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;
}
.no-padding {
    padding:0;
}
/*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;
}
.has-error-radio {
  border:1px solid #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.table-selected-tr-award {
	background: #cefed9 !important;
	color: black !important;
}

	.table-selected-tr-award :hover {
		background: #cefed9 !important;
	}
.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-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; /*5px*/
	margin-left: -8px; /*5px*/
}

/*@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;
}
.flex-center{
	display:flex;
	justify-content:center;
}
.border-Top-padding {
	border-top: 1px solid rgb(169, 169, 169);
	padding-top:15px;
}.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-status {
    display: inline-block;
    border-radius: 5px;
    padding: 0;
    background-color: mediumblue;
    color: white;
}

    .btn-status h3 {
        float: left;
        font-size: 13px;
        margin: 8px 20px;
        font-weight: bold;
    }

.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, .btn-handrock, .btn-handrock-ico {
    background-color: #2461aa !important;
}

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

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

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

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

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

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

.btn-goback, .btn-goback-ico, .btn-plane-ico, .btn-plane, .btn-excel-ico, .btn-excel, .btn-handshake, .btn-handshake-ico, .btn-all-excel-ico {
    background-color: #019272 !important;
}

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

.btn-reset, .btn-reset-ico, .btn-flag, .btn-flag-ico {
    background-color: #fe9915 !important;
}

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

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

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

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

    .btn-send, .btn-copy, .btn-calendar, .btn-plane, .btn-excel, .btn-check, .btn-save, .btn-save-ico, .btn-delete, .btn-delete-ico, .btn-handrock, .btn-handrock-ico,
    .btn-cancel, .btn-cancel-ico, .btn-close, .btn-close-ico,
    .btn-abandon, .btn-abandon-ico, .btn-goback, .btn-goback-ico, .btn-plus, .btn-plus-ico, .btn-print, .btn-print-ico, .btn-handshake, .btn-handshake-ico,
    .btn-search, .btn-search-ico, .btn-history, .btn-history-ico, .btn-reset, .btn-flag, .btn-generate, .btn-editar, .btn-editar-ico,
    .btn-send-ico, .btn-copy-ico, .btn-reset-ico, .btn-search-advance, .btn-search-advance-ico,
    .btn-flag-ico, .btn-generate-ico, .btn-check-ico, .btn-plane-ico, .btn-excel-ico, .btn-calendar-ico, .btn-editar-ico, .btn-all-excel-ico,
    .btn-send-ico:hover, .btn-copy-ico:hover, .btn-calendar-ico:hover, .btn-plane-ico:hover, .btn-excel-ico:hover, .btn-check-ico:hover, .btn-save:hover, .btn-save-ico:hover, .btn-delete:hover, .btn-delete-ico:hover, .btn-handrock:hover, .btn-handrock-ico:hover,
    .btn-send, .btn-copy, .btn-calendar:hover, .btn-plane:hover, .btn-excel: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-handshake:hover, .btn-handshake-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-all-excel-ico:hover,
    .btn-flag:hover, .btn-flag-ico:hover,
    .btn-generate:hover, .btn-generate-ico:hover,
    .btn-editar:hover, .btn-editar-ico:hover,
    .btn-plus:hover, .btn-plus-ico:hover,
    .btn-print:hover, .btn-print-ico:hover {
        color: #fff;
    }

        .btn-send-ico:before, .btn-copy-ico:before, .btn-calendar-ico:before, .btn-plane-ico:before, .btn-excel-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-handshake-ico:before, .btn-handrock-ico:before,
        .btn-search-ico:before, .btn-history-ico:before, .btn-reset-ico:before,
        .btn-flag-ico:before, .btn-plus-ico:before, .btn-print-ico:before,
        .btn-search-advance-ico:before, .btn-generate-ico:before, .btn-editar-ico:before, .btn-all-excel-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-flag-ico:before {
            content: "\f11d\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-excel-ico:before {
            content: "\f1c3\0000a0\0000a0";
        }

        .btn-calendar-ico:before {
            content: "\f073\0000a0\0000a0";
        }

        .btn-copy-ico:before {
            content: "\f0c5\0000a0\0000a0";
        }

        .btn-send-ico:before {
            content: "\f003\0000a0\0000a0";
        }

        .btn-editar-ico:before {
            content: "\f040\0000a0\0000a0";
        }

        .btn-plus-ico:before {
            content: "\f067\0000a0\0000a0";
        }

        .btn-print-ico:before {
            content: "\f02f\0000a0\0000a0";
        }

        .btn-handshake-ico:before {
            content: "\f2b5\0000a0\0000a0";
        }

        .btn-handrock-ico:before {
            content: "\f255\0000a0\0000a0";
        }

        .btn-all-excel-ico:before {
            content: "\f1c6\0000a0\0000a0";
        }
.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px 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: 16px;
	color: #37474f;
	display: block;
	padding: 0px;
	text-align: center;
}

.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.modal-scroll {
    overflow-y: inherit; /*modal-open*/
}


.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-scroll > .modal-dialog {
    height: calc(100% - 60px);
}

.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:#E3F4FE;
    color:white;
    padding:10px*/
}

	.modal-header .close {
		margin-top: -2px;
	}

.modal-title {
	margin: 0;
	line-height: 1.42857143;
}

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

.modal-scroll .modal-body {
    overflow-y: auto;
    height: calc(100% - 26px);
}

.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 {
		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: 1192px) {
	.modal-xl {
		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;
}

    .oswitch input {
        position: absolute;
        /*left: -99em;*/
    }

.otoggle {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 30px;
    background: #F46262;
    border-radius: 5px;
}

    .otoggle:before, .otoggle:after {
        position: absolute;
        line-height: 40px;
        font-size: 10px;
        z-index: 2;
    }

    .otoggle:before {
        content: "OFF";
        left: 10px;
        color: #F46262;
        
        top: -5px
    }
/*.toggle_hander:before {
    content: "NO";
}
input:checked + .toggle_hander:after {
    content: "SI";
}*/
        .otoggle:after {
        content: "ON";
        right: 12px;
        /*color: #fff;*/
        color:#F46262;
        top:-5px
    }

.otoggle_hander {
    display: inline-block;
    position: relative;
    z-index: 1;
    background: #fff;
    width: 35px;
    height: 25px;
    border-radius: 3px;
    top: 3px;
    left: 3px;
    /*content: "NO";*/
}
/*input[type="checkbox"]:not(:checked) {
    background: #F46262;
}*/
input:checked + .otoggle {
    background: #45b6ae;
}

    input:checked + .otoggle:before {
        /*color: #fff;*/
        color: #45b6ae;
    }

    input:checked + .otoggle:after {
        color: #45b6ae;
       
    }

    input:checked + .otoggle > .otoggle_hander {
        width: 35px;
        -webkit-transform: translateX(40px);
        transform: translateX(40px);
        border-color: #fff;
        
    }
/**Radio button*/
.radio{display: inline-block;}
.radio { padding:5px; margin-left:40px; }
.radio input[type="radio"] { opacity: 0; position: absolute; cursor:pointer;}
.radio input[type="radio"] + label { color:#555; line-height:25px; display:inline-block; text-indent:-38px; }
.radio input[type="radio"]:checked + label > mark:before { content:' '; background:#0d7fbe; width:12px; height:12px; display:inline-block; margin:3px; border-radius:20px;}
.radio input[type="radio"] + label > mark { display:inline-block; width:20px; height:20px;border: 1px solid #009df5; vertical-align:middle; border-radius:15px; background:#fff; text-indent: 0; }
    .radio input[type="radio"] + label > label { padding-left:5px !important;}
    .radioRed input[type="radio"] + label > mark {
        border: 1px solid #e64747 !important;
    }
    .radioGreen input[type="radio"] + label > mark {
        border: 1px solid #23e621 !important;
    }
    .radioYellow input[type="radio"] + label > mark {
        border: 1px solid #f7f841 !important;
    }
    .radioRed input[type="radio"]:checked + label > mark:before {
        background:#e64747 !important;
    }
    .radioGreen input[type="radio"]:checked + label > mark:before {
        background:#23e621 !important;
    }
    .radioYellow input[type="radio"]:checked + label > mark:before {
        background:#f7f841 !important;
    }
/*Radio button*/
.ribbon {
    position: absolute;
    top: -20px;
    left: -3px;
    width: 100%;
    text-align: center;
    background-color: transparent;
}

.ribbon-inner {
    position: absolute;
    top: 16px;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: 30px;
    padding-right: 20px;
    padding-left: 20px;
    overflow: hidden;
    line-height: 30px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #526069;
    font-size:16px;
}

    .ribbon-inner .icon {
        font-size: 16px
    }

.ribbon-lg .ribbon-inner {
    height: 38px;
    font-size: 1.286rem;
    line-height: 38px
}

.ribbon-sm .ribbon-inner {
    height: 26px;
    font-size: .858rem;
    line-height: 26px
}

.ribbon-xs .ribbon-inner {
    height: 22px;
    font-size: .858rem;
    line-height: 22px
}

.ribbon-vertical .ribbon-inner {
    top: 0;
    left: 16px;
    width: 30px;
    height: 60px;
    padding: 15px 0
}

.ribbon-vertical.ribbon-xs .ribbon-inner {
    width: 22px;
    height: 50px
}

.ribbon-vertical.ribbon-sm .ribbon-inner {
    width: 26px;
    height: 55px
}

.ribbon-vertical.ribbon-lg .ribbon-inner {
    width: 38px;
    height: 70px
}

.ribbon-reverse {
    right: -3px;
    left: auto
}

    .ribbon-reverse .ribbon-inner {
        right: 0;
        left: auto
    }

    .ribbon-reverse.ribbon-vertical .ribbon-inner {
        right: 16px
    }

.ribbon-bookmark .ribbon-inner {
    padding-right: 42px;
    background-color: transparent;
    background-image: -webkit-linear-gradient(right, transparent 22px, #526069 0);
    background-image: -o-linear-gradient(right, transparent 22px, #526069 0);
    background-image: linear-gradient(to left, transparent 22px, #526069 0);
    -webkit-box-shadow: none;
    box-shadow: none
}

    .ribbon-bookmark .ribbon-inner:before {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 0;
        height: 0;
        content: "";
        border: 15px solid #526069;
        border-right: 10px solid transparent
    }

.ribbon-bookmark.ribbon-vertical .ribbon-inner {
    height: 82px;
    padding-right: 0;
    padding-bottom: 37px;
    background-image: -webkit-linear-gradient(bottom, transparent 22px, #526069 0);
    background-image: -o-linear-gradient(bottom, transparent 22px, #526069 0);
    background-image: linear-gradient(to top, transparent 22px, #526069 0)
}

    .ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
        top: auto;
        bottom: 0;
        left: 0;
        margin-top: -15px;
        border-right: 15px solid #526069;
        border-bottom: 10px solid transparent
    }

.ribbon-bookmark.ribbon-vertical.ribbon-xs .ribbon-inner:before {
    margin-top: -11px
}

.ribbon-bookmark.ribbon-vertical.ribbon-sm .ribbon-inner:before {
    margin-top: -13px
}

.ribbon-bookmark.ribbon-vertical.ribbon-lg .ribbon-inner:before {
    margin-top: -19px
}

.ribbon-bookmark.ribbon-reverse .ribbon-inner {
    padding-right: 20px;
    padding-left: 42px;
    background-image: -webkit-linear-gradient(left, transparent 22px, #526069 0);
    background-image: -o-linear-gradient(left, transparent 22px, #526069 0);
    background-image: linear-gradient(to right, transparent 22px, #526069 0)
}

    .ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
        left: 0;
        border-right: 15px solid #526069;
        border-left: 10px solid transparent
    }

.ribbon-bookmark.ribbon-reverse.ribbon-vertical .ribbon-inner {
    padding-right: 0;
    padding-left: 0
}

    .ribbon-bookmark.ribbon-reverse.ribbon-vertical .ribbon-inner:before {
        right: auto;
        left: 0;
        border-right-color: #526069;
        border-bottom-color: transparent;
        border-left: 15px solid #526069
    }

.ribbon-bookmark.ribbon-xs .ribbon-inner:before {
    border-width: 11px
}

.ribbon-bookmark.ribbon-sm .ribbon-inner:before {
    border-width: 13px
}

.ribbon-bookmark.ribbon-lg .ribbon-inner:before {
    border-width: 19px
}

.ribbon-badge {
    top: -2px;
    left: -2px;
    overflow: hidden
}

    .ribbon-badge .ribbon-inner {
        left: -40px;
        width: 100%;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .ribbon-badge.ribbon-reverse {
        right: -2px;
        left: auto
    }

        .ribbon-badge.ribbon-reverse .ribbon-inner {
            right: -40px;
            left: auto;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg)
        }

    .ribbon-badge.ribbon-bottom {
        top: auto;
        bottom: -2px
    }

        .ribbon-badge.ribbon-bottom .ribbon-inner {
            top: auto;
            bottom: 16px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .ribbon-badge.ribbon-bottom.ribbon-reverse .ribbon-inner {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

.ribbon-corner {
    top: 0;
    left: 0;
    overflow: hidden
}

    .ribbon-corner:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        content: "";
        border: 30px solid transparent;
        border-top-color: #526069;
        border-left-color: #526069
    }

    .ribbon-corner .ribbon-inner {
        top: 0;
        left: 0;
        width: 40px;
        height: 35px;
        padding: 0;
        line-height: 35px;
        background-color: transparent
    }

    .ribbon-corner.ribbon-reverse {
        right: 0;
        left: auto
    }

        .ribbon-corner.ribbon-reverse:before {
            right: 0;
            left: auto;
            border-right-color: #526069;
            border-left-color: transparent
        }

        .ribbon-corner.ribbon-reverse .ribbon-inner {
            right: 0;
            left: auto
        }

    .ribbon-corner.ribbon-bottom {
        top: auto;
        bottom: 0
    }

        .ribbon-corner.ribbon-bottom:before {
            top: auto;
            bottom: 0;
            border-top-color: transparent;
            border-bottom-color: #526069
        }

        .ribbon-corner.ribbon-bottom .ribbon-inner {
            top: auto;
            bottom: 0
        }

    .ribbon-corner.ribbon-xs:before {
        border-width: 22px
    }

    .ribbon-corner.ribbon-xs .ribbon-inner {
        width: 28px;
        height: 26px;
        line-height: 26px
    }

        .ribbon-corner.ribbon-xs .ribbon-inner > .icon {
            font-size: .858rem
        }

    .ribbon-corner.ribbon-sm:before {
        border-width: 26px
    }

    .ribbon-corner.ribbon-sm .ribbon-inner {
        width: 34px;
        height: 32px;
        line-height: 32px
    }

        .ribbon-corner.ribbon-sm .ribbon-inner > .icon {
            font-size: .858rem
        }

    .ribbon-corner.ribbon-lg:before {
        border-width: 36px
    }

    .ribbon-corner.ribbon-lg .ribbon-inner {
        width: 46px;
        height: 44px;
        line-height: 44px
    }

        .ribbon-corner.ribbon-lg .ribbon-inner > .icon {
            font-size: 1.286rem
        }

.ribbon-clip {
    left: -24px
}

    .ribbon-clip:before {
        position: absolute;
        top: 46px;
        left: 0;
        width: 0;
        height: 0;
        content: "";
        border: 7px solid transparent;
        border-top-color: #37474f;
        border-right-color: #37474f
    }

    .ribbon-clip .ribbon-inner {
        padding-left: 23px;
        border-radius: 0 5px 5px 0
    }

    .ribbon-clip.ribbon-reverse {
        right: -14px;
        left: auto
    }

        .ribbon-clip.ribbon-reverse:before {
            right: 0;
            left: auto;
            border-right-color: transparent;
            border-left-color: #37474f
        }

        .ribbon-clip.ribbon-reverse .ribbon-inner {
            padding-right: 23px;
            padding-left: 15px;
            border-radius: 5px 0 0 5px
        }

    .ribbon-clip.ribbon-bottom {
        top: auto;
        bottom: -3px
    }

        .ribbon-clip.ribbon-bottom:before {
            top: auto;
            bottom: 46px;
            border-top-color: transparent;
            border-bottom-color: #37474f
        }

        .ribbon-clip.ribbon-bottom .ribbon-inner {
            top: auto;
            bottom: 16px
        }

    .ribbon-clip.ribbon-xs:before {
        top: 38px
    }

    .ribbon-clip.ribbon-xs.ribbon-bottom:before {
        top: auto;
        bottom: 38px
    }

    .ribbon-clip.ribbon-sm:before {
        top: 42px
    }

    .ribbon-clip.ribbon-sm.ribbon-bottom:before {
        top: auto;
        bottom: 42px
    }

    .ribbon-clip.ribbon-lg:before {
        top: 54px
    }

    .ribbon-clip.ribbon-lg.ribbon-bottom:before {
        top: auto;
        bottom: 54px
    }

.ribbon-primary .ribbon-inner {
    background-color: #3e8ef7
}

.ribbon-primary.ribbon-bookmark .ribbon-inner {
    background-color: transparent;
    background-image: -webkit-linear-gradient(right, transparent 22px, #3e8ef7 0);
    background-image: -o-linear-gradient(right, transparent 22px, #3e8ef7 0);
    background-image: linear-gradient(to left, transparent 22px, #3e8ef7 0)
}

    .ribbon-primary.ribbon-bookmark .ribbon-inner:before {
        border-color: #3e8ef7;
        border-right-color: transparent
    }

.ribbon-primary.ribbon-bookmark.ribbon-reverse .ribbon-inner {
    background-image: -webkit-linear-gradient(left, transparent 22px, #3e8ef7 0);
    background-image: -o-linear-gradient(left, transparent 22px, #3e8ef7 0);
    background-image: linear-gradient(to right, transparent 22px, #3e8ef7 0)
}

    .ribbon-primary.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
        border-right-color: #3e8ef7;
        border-left-color: transparent
    }

.ribbon-primary.ribbon-bookmark.ribbon-vertical .ribbon-inner {
    background-image: -webkit-linear-gradient(bottom, transparent 22px, #3e8ef7 0);
    background-image: -o-linear-gradient(bottom, transparent 22px, #3e8ef7 0);
    background-image: linear-gradient(to top, transparent 22px, #3e8ef7 0)
}

    .ribbon-primary.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
        border-right-color: #3e8ef7;
        border-bottom-color: transparent
    }

.ribbon-primary.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
    border-right-color: #3e8ef7;
    border-bottom-color: transparent;
    border-left-color: #3e8ef7
}

.ribbon-primary.ribbon-corner:before {
    border-top-color: #3e8ef7;
    border-left-color: #3e8ef7
}

.ribbon-primary.ribbon-corner .ribbon-inner {
    background-color: transparent
}

.ribbon-primary.ribbon-corner.ribbon-reverse:before {
    border-right-color: #3e8ef7;
    border-left-color: transparent
}

.ribbon-primary.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #3e8ef7
}

.ribbon-primary.ribbon-clip:before {
    border-top-color: #247cf0;
    border-right-color: #247cf0
}

.ribbon-primary.ribbon-clip.ribbon-reverse:before {
    border-right-color: transparent;
    border-left-color: #247cf0
}

.ribbon-primary.ribbon-clip.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #247cf0
}

.ribbon-success .ribbon-inner {
    background-color: #11c26d
}

.ribbon-success.ribbon-bookmark .ribbon-inner {
    background-color: transparent;
    background-image: -webkit-linear-gradient(right, transparent 22px, #11c26d 0);
    background-image: -o-linear-gradient(right, transparent 22px, #11c26d 0);
    background-image: linear-gradient(to left, transparent 22px, #11c26d 0)
}

    .ribbon-success.ribbon-bookmark .ribbon-inner:before {
        border-color: #11c26d;
        border-right-color: transparent
    }

.ribbon-success.ribbon-bookmark.ribbon-reverse .ribbon-inner {
    background-image: -webkit-linear-gradient(left, transparent 22px, #11c26d 0);
    background-image: -o-linear-gradient(left, transparent 22px, #11c26d 0);
    background-image: linear-gradient(to right, transparent 22px, #11c26d 0)
}

    .ribbon-success.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
        border-right-color: #11c26d;
        border-left-color: transparent
    }

.ribbon-success.ribbon-bookmark.ribbon-vertical .ribbon-inner {
    background-image: -webkit-linear-gradient(bottom, transparent 22px, #11c26d 0);
    background-image: -o-linear-gradient(bottom, transparent 22px, #11c26d 0);
    background-image: linear-gradient(to top, transparent 22px, #11c26d 0)
}

    .ribbon-success.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
        border-right-color: #11c26d;
        border-bottom-color: transparent
    }

.ribbon-success.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
    border-right-color: #11c26d;
    border-bottom-color: transparent;
    border-left-color: #11c26d
}

.ribbon-success.ribbon-corner:before {
    border-top-color: #11c26d;
    border-left-color: #11c26d
}

.ribbon-success.ribbon-corner .ribbon-inner {
    background-color: transparent
}

.ribbon-success.ribbon-corner.ribbon-reverse:before {
    border-right-color: #11c26d;
    border-left-color: transparent
}

.ribbon-success.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #11c26d
}

.ribbon-success.ribbon-clip:before {
    border-top-color: #05a85c;
    border-right-color: #05a85c
}

.ribbon-success.ribbon-clip.ribbon-reverse:before {
    border-right-color: transparent;
    border-left-color: #05a85c
}

.ribbon-success.ribbon-clip.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #05a85c
}

.ribbon-info .ribbon-inner {
    background-color: #0bb2d4
}

.ribbon-info.ribbon-bookmark .ribbon-inner {
    background-color: transparent;
    background-image: -webkit-linear-gradient(right, transparent 22px, #0bb2d4 0);
    background-image: -o-linear-gradient(right, transparent 22px, #0bb2d4 0);
    background-image: linear-gradient(to left, transparent 22px, #0bb2d4 0)
}

    .ribbon-info.ribbon-bookmark .ribbon-inner:before {
        border-color: #0bb2d4;
        border-right-color: transparent
    }

.ribbon-info.ribbon-bookmark.ribbon-reverse .ribbon-inner {
    background-image: -webkit-linear-gradient(left, transparent 22px, #0bb2d4 0);
    background-image: -o-linear-gradient(left, transparent 22px, #0bb2d4 0);
    background-image: linear-gradient(to right, transparent 22px, #0bb2d4 0)
}

    .ribbon-info.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
        border-right-color: #0bb2d4;
        border-left-color: transparent
    }

.ribbon-info.ribbon-bookmark.ribbon-vertical .ribbon-inner {
    background-image: -webkit-linear-gradient(bottom, transparent 22px, #0bb2d4 0);
    background-image: -o-linear-gradient(bottom, transparent 22px, #0bb2d4 0);
    background-image: linear-gradient(to top, transparent 22px, #0bb2d4 0)
}

    .ribbon-info.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
        border-right-color: #0bb2d4;
        border-bottom-color: transparent
    }

.ribbon-info.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
    border-right-color: #0bb2d4;
    border-bottom-color: transparent;
    border-left-color: #0bb2d4
}

.ribbon-info.ribbon-corner:before {
    border-top-color: #0bb2d4;
    border-left-color: #0bb2d4
}

.ribbon-info.ribbon-corner .ribbon-inner {
    background-color: transparent
}

.ribbon-info.ribbon-corner.ribbon-reverse:before {
    border-right-color: #0bb2d4;
    border-left-color: transparent
}

.ribbon-info.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #0bb2d4
}

.ribbon-info.ribbon-clip:before {
    border-top-color: #0099b8;
    border-right-color: #0099b8
}

.ribbon-info.ribbon-clip.ribbon-reverse:before {
    border-right-color: transparent;
    border-left-color: #0099b8
}

.ribbon-info.ribbon-clip.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #0099b8
}

.ribbon-warning .ribbon-inner {
    background-color: #eb6709
}

.ribbon-warning.ribbon-bookmark .ribbon-inner {
    background-color: transparent;
    background-image: -webkit-linear-gradient(right, transparent 22px, #eb6709 0);
    background-image: -o-linear-gradient(right, transparent 22px, #eb6709 0);
    background-image: linear-gradient(to left, transparent 22px, #eb6709 0)
}

    .ribbon-warning.ribbon-bookmark .ribbon-inner:before {
        border-color: #eb6709;
        border-right-color: transparent
    }

.ribbon-warning.ribbon-bookmark.ribbon-reverse .ribbon-inner {
    background-image: -webkit-linear-gradient(left, transparent 22px, #eb6709 0);
    background-image: -o-linear-gradient(left, transparent 22px, #eb6709 0);
    background-image: linear-gradient(to right, transparent 22px, #eb6709 0)
}

    .ribbon-warning.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
        border-right-color: #eb6709;
        border-left-color: transparent
    }

.ribbon-warning.ribbon-bookmark.ribbon-vertical .ribbon-inner {
    background-image: -webkit-linear-gradient(bottom, transparent 22px, #eb6709 0);
    background-image: -o-linear-gradient(bottom, transparent 22px, #eb6709 0);
    background-image: linear-gradient(to top, transparent 22px, #eb6709 0)
}

    .ribbon-warning.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
        border-right-color: #eb6709;
        border-bottom-color: transparent
    }

.ribbon-warning.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
    border-right-color: #eb6709;
    border-bottom-color: transparent;
    border-left-color: #eb6709
}

.ribbon-warning.ribbon-corner:before {
    border-top-color: #eb6709;
    border-left-color: #eb6709
}

.ribbon-warning.ribbon-corner .ribbon-inner {
    background-color: transparent
}

.ribbon-warning.ribbon-corner.ribbon-reverse:before {
    border-right-color: #eb6709;
    border-left-color: transparent
}

.ribbon-warning.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #eb6709
}

.ribbon-warning.ribbon-clip:before {
    border-top-color: #de4e00;
    border-right-color: #de4e00
}

.ribbon-warning.ribbon-clip.ribbon-reverse:before {
    border-right-color: transparent;
    border-left-color: #de4e00
}

.ribbon-warning.ribbon-clip.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #de4e00
}

.ribbon-danger .ribbon-inner {
    background-color: #ff4c52
}

.ribbon-danger.ribbon-bookmark .ribbon-inner {
    background-color: transparent;
    background-image: -webkit-linear-gradient(right, transparent 22px, #ff4c52 0);
    background-image: -o-linear-gradient(right, transparent 22px, #ff4c52 0);
    background-image: linear-gradient(to left, transparent 22px, #ff4c52 0)
}

    .ribbon-danger.ribbon-bookmark .ribbon-inner:before {
        border-color: #ff4c52;
        border-right-color: transparent
    }

.ribbon-danger.ribbon-bookmark.ribbon-reverse .ribbon-inner {
    background-image: -webkit-linear-gradient(left, transparent 22px, #ff4c52 0);
    background-image: -o-linear-gradient(left, transparent 22px, #ff4c52 0);
    background-image: linear-gradient(to right, transparent 22px, #ff4c52 0)
}

    .ribbon-danger.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
        border-right-color: #ff4c52;
        border-left-color: transparent
    }

.ribbon-danger.ribbon-bookmark.ribbon-vertical .ribbon-inner {
    background-image: -webkit-linear-gradient(bottom, transparent 22px, #ff4c52 0);
    background-image: -o-linear-gradient(bottom, transparent 22px, #ff4c52 0);
    background-image: linear-gradient(to top, transparent 22px, #ff4c52 0)
}

    .ribbon-danger.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
        border-right-color: #ff4c52;
        border-bottom-color: transparent
    }

.ribbon-danger.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
    border-right-color: #ff4c52;
    border-bottom-color: transparent;
    border-left-color: #ff4c52
}

.ribbon-danger.ribbon-corner:before {
    border-top-color: #ff4c52;
    border-left-color: #ff4c52
}

.ribbon-danger.ribbon-corner .ribbon-inner {
    background-color: transparent
}

.ribbon-danger.ribbon-corner.ribbon-reverse:before {
    border-right-color: #ff4c52;
    border-left-color: transparent
}

.ribbon-danger.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #ff4c52
}

.ribbon-danger.ribbon-clip:before {
    border-top-color: #f2353c;
    border-right-color: #f2353c
}

.ribbon-danger.ribbon-clip.ribbon-reverse:before {
    border-right-color: transparent;
    border-left-color: #f2353c
}

.ribbon-danger.ribbon-clip.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #f2353c
}




.example-wrap {
    margin-bottom: 80px
}

    .example-wrap .example-wrap {
        margin-bottom: 0
    }

.example {
    margin-top: 20px;
    margin-bottom: 20px
}

    .example::after {
        display: block;
        clear: both;
        content: ""
    }

    .example:before {
        display: table;
        content: ""
    }

.example-title {
    text-transform: uppercase
}

.example-well {
    position: relative;
    margin-bottom: 30px;
    background-color: #f1f4f5
}

    .example-well .center {
        position: absolute;
        top: 50%;
        left: 50%;
        display: inline-block;
        max-width: 100%;
        max-height: 100%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

.example-dropdown .dropdown::after,
.example-dropdown .dropup::after {
    display: block;
    clear: both;
    content: ""
}

.example-dropdown .dropdown > .dropdown-toggle,
.example-dropdown .dropup > .dropdown-toggle {
    float: left
}

.example-dropdown .dropdown > .dropdown-menu,
.example-dropdown .dropup > .dropdown-menu {
    position: static;
    display: block;
    clear: left
}

.example-dropdown .dropdown > .dropdown-menu-right,
.example-dropdown .dropup > .dropdown-menu-right {
    float: right;
    clear: right
}

.example-tooltip {
    position: relative;
    z-index: 1;
    display: inline-block
}

    .example-tooltip .tooltip {
        position: relative;
        margin-right: 25px;
        opacity: 1
    }

        .example-tooltip .tooltip.bs-tooltip-bottom .arrow,
        .example-tooltip .tooltip.bs-tooltip-top .arrow {
            left: 50%
        }

        .example-tooltip .tooltip.bs-tooltip-bottom .arrow {
            top: 0
        }

        .example-tooltip .tooltip.bs-tooltip-top .arrow {
            bottom: 0
        }

        .example-tooltip .tooltip.bs-tooltip-left .arrow,
        .example-tooltip .tooltip.bs-tooltip-right .arrow {
            top: 50%
        }

        .example-tooltip .tooltip.bs-tooltip-left .arrow {
            right: 0
        }

        .example-tooltip .tooltip.bs-tooltip-right .arrow {
            left: 0
        }

.example-blocks .example-col,
.example-grid .example-col {
    min-height: 0;
    padding: 10px 15px 12px;
    background-color: #f1f4f5;
    border-radius: 0
}

.example-grid .example-col {
    margin-bottom: 20px
}

    .example-grid .example-col .example-col {
        margin-top: 20px;
        margin-bottom: 0;
        background-color: #e2e8ea
    }

.example-popover {
    position: relative;
    z-index: 1;
    display: inline-block
}

    .example-popover .popover {
        position: relative;
        display: block;
        margin-right: 25px
    }

.example-buttons .btn,
.example-buttons .btn-group,
.example-buttons .btn-group-vertical {
    margin-right: 15px;
    margin-bottom: 20px
}

    .example-buttons .btn-group .btn,
    .example-buttons .btn-group .btn-group,
    .example-buttons .btn-group .btn-group-vertical,
    .example-buttons .btn-group-vertical .btn,
    .example-buttons .btn-group-vertical .btn-group,
    .example-buttons .btn-group-vertical .btn-group-vertical {
        margin-right: 0;
        margin-bottom: 0
    }

.example-box {
    position: relative;
    padding: 45px 15px 15px;
    margin-right: 0;
    margin-left: 0;
    border: 1px solid #e4eaec
}

    .example-box:after {
        position: absolute;
        top: 15px;
        left: 15px;
        font-size: .858rem;
        color: #959595;
        text-transform: uppercase;
        letter-spacing: 1px;
        content: "Example"
    }

.example-avatars .avatar {
    margin-right: 20px;
    margin-bottom: 20px
}

    .example-avatars .avatar:last-child {
        margin-right: 20px
    }

.example-typography {
    position: relative;
    padding-left: 25%
}

    .example-typography .heading-note,
    .example-typography .text-note {
        position: absolute;
        bottom: 2px;
        left: 0;
        display: block;
        width: 260px;
        font-size: 13px;
        font-weight: 300;
        line-height: 13px;
        color: #aab2bd
    }

    .example-typography .text-note {
        top: 10px;
        bottom: auto
    }

.example-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media (max-width:767px) {
    .example-responsive {
        width: 100%;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }
}.notification-header {
    padding: 5px 10px 0 10px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .notification-header .close {
        margin-top: -2px;
    }

.notification-title {
    margin: 0;
    display: inline;
    line-height: 1.42857143;
}

.notification-body {
    min-height: 100px;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    padding: 10px;
}.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"] {
			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;
	z-index: 5;
}
.question-tbl {
	float: right;
	position: absolute;
	/*right: -6px;
	top: 6px;*/
    padding-left:5px;
	cursor: pointer;
	font-size: 13px !important;
	color: #2461aa;
	z-index: 5;
}
/*.control-label .question {
	float: none;
	right: inherit;
	padding-left: 5px;
}*/
.jtse-div.has-error {
	border-color: #843534;
	border: 1px solid #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;
}.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-gray {
    background-color: gray !important;
}

.bg-lightgray {
	background-color: lightgray !important;
}

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

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

.deshabilitado {
	background-color: #E3E2E2 !important;
	color: #fff !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;
}
.bg-orangeRep {
    background-color: #FFD966 !important;
}
.bg-skyblue {
    background-color: #DDEBF7 !important;
}
.bg-greenRep {
    background-color: #A9D08E !important;
}
.bg-grayRep {
    background-color: #EDEDED !important;
}
.cblue {
    color: blue;
}
/*Colors Alert*/
.alert-primary {
	color: #004085 !important;
	background-color: #cce5ff !important;
	border-color: #b8daff;
	border: 1px solid transparent;
}

.alert-secondary {
	color: #383d41 !important;
	background-color: #e2e3e5 !important;
	border-color: #d6d8db;
	border: 1px solid transparent;
}

.alert-success {
	color: #155724 !important;
	background-color: #d4edda !important;
	border-color: #c3e6cb;
	border: 1px solid transparent;
}

.alert-danger {
	color: #721c24 !important;
	background-color: #f8d7da !important;
	border-color: #f5c6cb;
	border: 1px solid transparent;
}
.alert-warning {
	color: #856404 !important;
	background-color: #fff3cd !important;
	border-color: #ffeeba;
	border: 1px solid transparent;
}

.alert-info {
	color: #0c5460 !important;
	background-color: #d1ecf1 !important;
	border-color: #bee5eb;
	border: 1px solid transparent;
}@font-face
{
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: local('Roboto'), local('Roboto'), url(fonts/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: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto'), local('Roboto'), url(fonts/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: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto'), local('Roboto'), url(fonts/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: 'Web Icons';
    src: url(fonts/web-icons.eot?v=0.2.3);
    src: url(fonts/web-icons.eot?#iefix&v=0.2.3) format('embedded-opentype'),url(fonts/web-icons.woff2?v=0.2.3) format('woff2'),url(fonts/web-icons.woff?v=0.2.3) format('woff'),url(fonts/web-icons.ttf?v=0.2.3) format('truetype'),url(fonts/web-icons.svg?v=0.2.3#web-icons) format('svg');
    font-weight: 400;
    font-style: normal;
}

[class*=" wb-"], [class^=wb-]
{
    font-family: 'Web Icons';
    position: relative;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

.wb-arrow-right:before
{
    content: "\f17f";
}

.wb-arrow-left:before
{
    content: "\f184";
}

.wb-bell:before
{
    content: "\f104";
}

.wb-power:before
{
    content: "\f124";
}

.wb-full-screen:before
{
    content: "\f11d";
}

.wb-full-screen-exit:before
{
    content: "\f11c";
}

.wb-search:before
{
    content: "\f131";
}

.wb-dashboard:before
{
    content: "\f101";
}

.wb-chevron-left-mini:before
{
    content: "\f17e";
}

.wb-chevron-right-mini:before
{
    content: "\f17f";
}

.wb-calendar:before
{
    content: "\f14c";
}

@font-face
{
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/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-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}

.fa-sign-out:before
{
    content: "\f08b";
}
.fa-sign-in:before
{
    content: "\f090";
}
.fa-sitemap:before
{
    content: "\f0e8";
}
.fa-dashboard:before
{
    content: "\f0e4";
}

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

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

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

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

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

.fa-wrench:before
{
    content: "\f0ad";
}

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

.fa-folder-open:before
{
    content: "\f07c";
}
.fa-globe:before {
    content: "\f0ac";
}
.fa-object-group:before {
     content: "\f247";
}
.fa-check-square-o:before
{
    content: "\f046";
}

.fa-rocket:before
{
    content: "\f135";
}

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

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

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

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

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

.fa-plus:before
{
    content: "\f067";
}
.fa-plus-square-o:before
{
    content: "\f196";
}
.fa-minus:before
{
    content: "\f068";
}
.fa-minus-square-o:before
{
    content: "\f147";
}
.fa-file-excel-o:before
{
    content: "\f1c3";
}

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

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

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

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

.fa-bar-chart:before
{
    content: "\f080";
}

.fa-home:before
{
    content: "\f015";
}

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

.fa-file-pdf-o:before
{
    content: "\f1c1";
}

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

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

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

.fa-eye:before
{
    content: "\f06e";
}

.fa-calculator:before
{
    content: "\f1ec";
}

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

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

.fa-language:before
{
    content: "\f1ab";
}

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

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

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

.fa-reply:before
{
    content: "\f112";
}

.fa-history:before
{
    content: "\f1da";
}

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

.fa-share:before
{
    content: "\f064";
}

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

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

.fa-toggle-off:before
{
    content: "\f204";
}

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

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

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

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

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

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

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

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

.fa-linode:before
{
    content: "\f2b8";
}

.fa-plane:before
{
    content: "\f072";
}

.fa-chevron-left:before
{
    content: "\f053";
}

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

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

.fa-exclamation-circle:before
{
    content: "\f06a";
}
.fa-bell-slash:before
{
    content: "\f1f6";
}
.fa-bell-slash-o:before
{
    content: "\f1f7";
}

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

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

.fa-trash-alt:before {
    content: "\f2ed";
}
.fa-trash:before {
    content: "\f1f8";
}
.fa-times-circle:before {
    content: "\f057";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
    content: "\f0da";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-ellipsis-h:before {
    content: "\f141";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-share-alt:before {
    content: "\f1e0";
}
.fa-bell-o:before {
    content: "\f0a2";
}
.fa-bell-slash-o:before {
    content: "\f1f7";
}
.fa-comment:before {
    content: "\f075";
}
.fa-print:before {
    content: "\f02f";
}
.fa-paper-plane:before {
    content: "\f1d8";
}
.fa-info-circle:before {
    content: "\f05a";
}
.fa-check:before {
    content: "\f00c";
}
.fa-times:before {
    content: "\f00d";
}
.fa-hand-rock:before {
    content: "\f255";
}
.fa-hand-point-right:before{
    content: "\f0a4";
}
.fa-question:before {
    content: "\f128";
}
.fa-info:before {
    content: "\f129";
}
.fa-bold:before {
	content: "\f032";
}
.fa-italic:before {
	content: "\f033";
}
.fa-underline:before {
	content: "\f0cd";
}
.fa-chain:before, .fa-link:before {
	content: "\f0c1";
}
.fa-arrow-right:before {
    content: "\f061";
}
.fa-square:before {
    content: "\f0c8";
}
.fa-square-o:before {
    content: "\f096";
}
.fa-play:before {
    content: "\f04b";
}
.fa-database:before {
    content: "\f1c0";
}
.fa-cubes:before {
    content: "\f1b3";
}
.fa-align-center:before {
    content: "\f037";
}
.fa-repeat:before {
    content: "\f01e";
}
.fa-cog:before {
    content: "\f013";
}
.fa-file-o:before {
    content: "\f1c6";
}

.fa-fa-unlock-keyhole:before {
    content: "\f13e";
}
.fa-lock-open:before {
    content: "\f3c1";
}@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: #62a8ea;
			/*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='#62a8ea',GradientType=0 );
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}

	.jtse-accordion > .accordion-header {
		background-color: #62a8ea;
		/*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='#62a8ea',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.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;
		}
.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;
}
.attachment-add {
    color: #fff;
    background-color: #46be8a;
    padding: 5px;
    border-radius: 50%;
    cursor: pointer;
    margin-bottom: 5px;
}
jtse-chat {
	display: none;
}

	jtse-chat .center {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		background-color: rgba(0, 0, 0, 0.3);
		z-index: 1010;
	}

		jtse-chat .center .chat-container {
			position: relative;
			margin: 60px auto;
			right: initial;
			bottom: initial;
		}

	jtse-chat .chat-container {
		height: calc(70% - 70px);
		display: none;
		width: 500px;
		position: fixed;
		right: 20px;
		bottom: 15px;
		z-index: 1000;
		box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14);
		background-color: whitesmoke;
	}

	jtse-chat .chat-header {
		padding: 10px 15px;
		border-bottom: 1px solid #e5e5e5;
		font-size: 14px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		background: rgb(2, 85, 185);
		color: white;
	}

		jtse-chat .chat-header h4 {
			margin: 4px;
			width: calc(100% - 50px);
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
		}

		jtse-chat .chat-header .button-close {
			float: right;
			font-size: 20px;
			line-height: 1;
			color: #000;
			text-shadow: 0 1px 0 #fff;
			filter: alpha(opacity=20);
			opacity: .6;
			color: white;
			background: transparent;
			border: 0px;
			right: 10px;
			top: 6px;
			position: absolute;
			outline-style: none;
			cursor: pointer;
		}

		jtse-chat .chat-header .button-MaxMin {
			float: right;
			font-size: 12px;
			line-height: 1;
			color: #000;
			text-shadow: 0 1px 0 #fff;
			filter: alpha(opacity=20);
			opacity: .6;
			color: white;
			background: transparent;
			border: 0px;
			right: 35px;
			top: 13px;
			position: absolute;
			outline-style: none;
			cursor: pointer;
		}

	jtse-chat .chat-filter {
		padding: 6px;
	}

		jtse-chat .chat-filter label {
			line-height: 3;
		}

		jtse-chat .chat-filter div {
			padding-top: 4px;
		}

	jtse-chat .chat-body {
		height: calc(100% - 100px);
		/*min-height: 100px;
		max-height: 290px;*/
		overflow-x: auto;
		overflow-y: auto;
		padding: 6px 10px;
	}

		jtse-chat .chat-body > ul {
			padding-left: 0px;
		}

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

	jtse-chat .chat-separator {
		border-top: 1px solid gray;
		/*margin: 5px 0 5px 0;*/
	}

	jtse-chat .chat-icon {
		display: none;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		font-size: 50px;
		background: dodgerblue;
		position: fixed;
		right: 20px;
		bottom: 15px;
		z-index: 1500;
		box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14);
	}

	jtse-chat .chat-body > ul > div {
		min-width: 385px;
	}

	jtse-chat .chat-message-content {
		padding: 2px 4px 0px 4px;
		min-width: 420px;
	}

		jtse-chat .chat-message-content .chat-message-title {
			display: inline-block;
			vertical-align: top;
			font-weight: bold;
		}

		jtse-chat .chat-message-content .chat-options-response,
		jtse-chat .chat-message-content .chat-options-complete {
			float: right;
			position: relative;
			padding: 6px;
			cursor: pointer;
			color: darkblue;
		}

	jtse-chat .chat-ico-exp-colap {
		color: rgb(2, 85, 185);
		display: inline-block;
		vertical-align: top;
		margin-top: 0px;
		font-weight: bold;
		float: right;
		font-size: 14px;
	}

	jtse-chat .chat-message {
		display: inline-block;
		color: #333;
		clear: both;
		line-height: 18px;
		position: relative;
		margin: 6px 0px 6px 8px;
		padding: 8px 10px;
		word-wrap: break-word;
		z-index: 100;
		text-align: justify;
		width: calc(100% - 70px);
	}

		jtse-chat .chat-message:after {
			position: absolute;
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
		}

		/*jtse-chat .chat-message.sent {
			background: #e1ffc7;
			border-radius: 5px 0px 5px 5px;
		}

			jtse-chat .chat-message.sent:after {
				border-width: 0px 0 10px 10px;
				border-color: transparent transparent transparent #e1ffc7;
				top: 0;
				right: -10px;
			}*/


		jtse-chat .chat-message.lightgray {
			color: #333;
			background-color: lightgray;
			border-radius: 0px 5px 5px 5px;
		}

			jtse-chat .chat-message.lightgray:after {
				border-width: 0px 10px 10px 0;
				border-color: transparent lightgray transparent transparent;
				top: 0;
				left: -10px;
			}
        jtse-chat .chat-message.blue {
            color: #004085;
            background-color: #cce5ff;
            border-radius: 0px 5px 5px 5px;
        }

            jtse-chat .chat-message.blue:after {
                border-width: 0px 10px 10px 0;
                border-color: transparent #cce5ff transparent transparent;
                top: 0;
                left: -10px;
            }
		jtse-chat .chat-message.green {
			color: #155724;
			background-color: #d4edda;
			border-radius: 0px 5px 5px 5px;
		}

			jtse-chat .chat-message.green:after {
				border-width: 0px 10px 10px 0;
				border-color: transparent #d4edda transparent transparent;
				top: 0;
				left: -10px;
			}

		jtse-chat .chat-message.red {
			color: #721c24;
			background-color: #f8d7da;
			border-radius: 0px 5px 5px 5px;
		}

			jtse-chat .chat-message.red:after {
				border-width: 0px 10px 10px 0;
				border-color: transparent #f8d7da transparent transparent;
				top: 0;
				left: -10px;
			}

			jtse-chat .chat-message.lightgray .chat-message-title,
			jtse-chat .chat-message.green .chat-message-title,
			jtse-chat .chat-message.red .chat-message-title {
				color: #6f6f6f !important;
			}

	/*jtse-chat .chat-response-child .chat-response {
		width: 85%;
	}*/

	jtse-chat .chat-response {
		width: 100%;
		padding: 6px 10px;
		position: relative;
	}

		jtse-chat .chat-response > div {
			display: inline-block;
			vertical-align: top;
		}

	jtse-chat .chat-image {
		vertical-align: top;
		display: inline-block;
		width: 45px;
		text-align: center;
	}

		jtse-chat .chat-image > img {
			width: 25px;
			height: 25px;
			border-radius: 50%;
			border: 1px solid gray;
		}

	jtse-chat .chat-editor {
		width: calc(100% - 90px);
		text-align: center;
		margin-bottom: 10px;
	}

		jtse-chat .chat-editor > div {
			border: 1px solid rgb(118, 131, 143);
		}

		jtse-chat .chat-editor iframe {
			width: calc(100% - 20px);
			height: 100%;
		}

		jtse-chat .chat-editor .btn-bold,
		jtse-chat .chat-editor .btn-italic,
		jtse-chat .chat-editor .btn-underline,
		jtse-chat .chat-editor .btn-link {
			position: absolute;
			right: -8px;
			padding: 2px 8px;
			width: 30px;
		}

		jtse-chat .chat-editor .btn-bold {
			top: 2px;
		}

		jtse-chat .chat-editor .btn-italic {
			top: 26px;
		}

		jtse-chat .chat-editor .btn-underline {
			top: 50px;
		}

		jtse-chat .chat-editor .btn-link {
			top: 74px;
		}

			jtse-chat .chat-editor .btn-bold i,
			jtse-chat .chat-editor .btn-italic i,
			jtse-chat .chat-editor .btn-underline i,
			jtse-chat .chat-editor .btn-link i {
				padding: 0px;
			}

	jtse-chat .chat-to {
		width: 100%;
		float: left;
		padding: 6px;
		line-height: 2.5;
	}

	jtse-chat .chat-editor-message {
		height: 100px;
		border-top: none !important;
		text-align: left;
	}

	jtse-chat .chat-button-send {
		width: 45px;
		text-align: center;
		padding: 0px 6px;
	}

		jtse-chat .chat-button-send > button,
		jtse-chat .chat-button-close > button {
			color: rgb(255, 255, 255);
			background-color: rgb(86, 144, 216);
			margin: 0px;
		}

		jtse-chat .chat-button-send i,
		jtse-chat .chat-button-close i {
			color: rgb(255, 255, 255);
			padding-right: 0px;
		}

	jtse-chat .chat-button-close {
		width: 45px;
		position: absolute;
		top: 45px;
		right: 8px;
		text-align: center;
		padding: 0px 6px;
	}

		jtse-chat .chat-button-close > button {
			background-color: #019272;
		}

	jtse-chat .chat-recipients {
		text-align: left;
	}

	jtse-chat .chat-editor-recipients {
		width: calc(100% - 28px);
		display: inline-block;
		position: relative;
		color: rgb(85, 85, 85);
		background-color: rgb(255, 255, 255);
		padding: 4px 6px;
		vertical-align: middle;
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		line-height: 22px;
	}


	jtse-chat .recipients {
		height: 44px;
		overflow-y: auto;
		text-align: left;
	}

		jtse-chat .recipients > span {
			display: inline-block;
			padding: 0.3em 0.6em;
			font-size: 100%;
			font-weight: 700;
			line-height: 1;
			color: rgb(255, 255, 255);
			text-align: center;
			white-space: nowrap;
			vertical-align: baseline;
			border-radius: 0.25em;
			margin-left: 2px;
		}

			jtse-chat .recipients > span > span:first-child {
				margin-right: 8px;
				cursor: pointer;
			}

			jtse-chat .recipients > span > span:last-child {
				margin-left: 8px;
				cursor: pointer;
			}

		jtse-chat .recipients > input {
			border: none;
			outline: none;
			margin-left: 5px;
		}

	jtse-chat .list-recipients {
		display: none;
		width: 100%;
		left: 0px;
		position: absolute;
		height: 70px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		overflow-y: auto;
		padding: 6px;
		background-color: rgb(255, 255, 255);
		border: 1px solid rgb(204, 204, 204);
		box-shadow: rgba(0, 0, 0, 0) 0px 1px 1px inset;
		margin-top: 2px;
		z-index: 10;
	}

		jtse-chat .list-recipients > ul {
			list-style-type: none;
			padding-left: 0px;
		}

		jtse-chat .list-recipients li {
			cursor: pointer;
			text-align: left;
		}

	jtse-chat .chat-message-options {
		position: relative;
	}

		jtse-chat .chat-message-options span {
			position: absolute;
			padding: 10px;
			right: 6px;
		}

	jtse-chat .chat-options-response {
		display: inline-block;
		/*right: 60px;*/
	}

		jtse-chat .chat-options-response:before {
			content: "\f112";
		}

	jtse-chat .chat-options-response-question,
	jtse-chat .chat-options-response-response,
	jtse-chat .chat-options-response-informative {
		position: relative;
		padding: 6px;
		cursor: pointer;
		color: white;
		float: right;
	}

		jtse-chat .chat-options-response-question:before {
			color: red;
			content: "\f128";
		}

		jtse-chat .chat-options-response-response:before {
			color: green;
			content: "\f112";
		}

		jtse-chat .chat-options-response-informative:before {
			color: blue;
			content: "\f129";
		}

	/*jtse-chat .chat-options-complete {
		right: 30px;
	}*/

	jtse-chat .chat-options-complete:before {
		content: "\f0ca";
	}

	jtse-chat .chat-btn-on {
		background-color: #ffd700;
	}

.chat-animation-button {
	box-shadow: 0 0 0 0 rgba(90, 153, 212, 0.5);
	-webkit-animation: animation 1.0s infinite;
}

	.chat-animation-button:hover {
		-webkit-animation: none;
	}

@-webkit-keyframes animation {
	0% {
		bottom: 10px;
	}

	70% {
		bottom: 15px;
		box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
	}

	100% {
		bottom: 10px;
		box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
	}
}

.chat-animation-selected {
	background-color: #a8f5b5;
}

.chat-info-item {
	background-color: #0255b9;
}

.chat-question-item {
	background-color: #ff006e;
}

jtse-chat .chat_maxlength {
	position: absolute;
	right: -30px;
	bottom: 0;
}

.cbo-chat {
	display: inline-block;
	vertical-align: top;
	background-color: white;
	height: 52px;
	padding: 10px 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.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_container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
.jtse-loading {
    width: 50px;
    height: 50px;
    /*position: absolute;
    top: 50%;
    left: 50%;*/
    /*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);
	}

@-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;
		}
.jtse-popoverchat {
    position: absolute;
    overflow-y: auto;
    max-height: 600px;
    width: 500px;
    height: auto;
    top: 40px;
    right: 0;
    z-index: 1060;
    padding: 5px;
    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-popoverchat .popoverchat-title {
        padding: 10px 8px;
        margin: 0;
        border-bottom: 1px solid gray;
    }
    .jtse-popoverchat .popoverchat-legend {
        font-size: 12px;
        text-align: right;
        position: absolute;
        top: 12px;
        right: 20px;
    }
    .jtse-popoverchat .popoverchat-content {
        padding: 0 8px;
    }

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

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

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

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

    .jtse-popoverchat.popoverchat-bottom > .popoverchat-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-popoverchat.popoverchat-bottom > .popoverchat-arrow:after {
            top: 1px;
            margin-left: -10px;
            content: " ";
            border-top-width: 0;
            border-bottom-color: #fff;
        }
.popoverchat-item:hover{
    background-color:yellow;
}.table {
	color: #76838f;
	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;
}

.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 > tr:hover {
	background-color: #f3f7f9 !important;
}

.table > tbody > tr:nth-of-type(odd) {
	background-color: rgba(243,247,249,.3);
}

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: "FontAwesome";
	opacity: .5;
}

.lupa{
    /*background:red;*/
    background-image:url(../Resources/Images/search16.png);
    background-repeat:no-repeat;
    /*padding-left:20px;*/
    background-size: contain;
    background-position: right 5px top;
    /*background-position: bottom 10px right 20px;*/
}

.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: #62a8ea;
	box-shadow: -1px 5px 1px rgba(0, 0, 0, .075);
}

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

.btn-edit {
	color: #62a8ea;
}

.btn-delete {
	color: #fc1921;
}

.btn-delete-table {
	color: #fc1921;
}
.table-selected-tr {
    background:#cefed9 !important;
}.jtse-tabs > ul.tabs {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-bottom: 1px solid #62a8ea;
	/*border-bottom: 1px solid rgb(169, 169, 169);*/
}

	.jtse-tabs > ul.tabs li {
		display: inline-block;
		padding: 2px 15px;
		cursor: pointer;
		-webkit-transition: background-color .17s linear;
	}

		.jtse-tabs > ul.tabs li:hover {
			color: #62a8ea;
		}

		.jtse-tabs > ul.tabs li.current {
			color: #62a8ea;
			border-bottom: 2px solid #62a8ea;
		}

.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-tagsinput {
	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-tagsinput div:first-child {
		overflow-y: auto;
	}

	.jtse-tagsinput div:last-child {
		width: 100%;
		left: 0px;
		display: block;
		position: absolute;
		height: 150px;
		max-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;
	}

	.jtse-tagsinput 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-tagsinput .tag {
		margin: 0px 2px 3px 0px;
		color: white;
	}

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

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

	.jtse-tagsinput .label-info {
		background-color: #5bc0de;
	}

	.jtse-tagsinput .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 {
	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: #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;
	}


.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-size:12px ; margin:25px;}
.te iframe {border:none}
.te .teheader {border-bottom:1px solid #bbb; background:url(../Resources/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(../Resources/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(../Resources/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(../Resources/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;
        }
.transparent {
	background-color: #382f2d;
	width: 100%;
	height: 100%;
	opacity: 0.75;
	position: absolute;
	z-index: 1;
}

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

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

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

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

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

	.login-images li:nth-child(1) div {
		/*background-image: url(../img/banner_1.jpg);*/
	}

	.login-images li:nth-child(2) span {
		/*background-image: url(../img/banner_2.jpg);*/
	}

	.login-images li:nth-child(3) span {
		/*background-image: url(../img/banner_3.jpg);*/
		-webkit-animation-delay: 8s;
		-moz-animation-delay: 8s;
		-o-animation-delay: 8s;
		-ms-animation-delay: 8s;
		animation-delay: 8s;
	}

	.login-images li:nth-child(4) span {
		/*background-image: url(../img/banner_4.jpg);*/
		-webkit-animation-delay: 16s;
		-moz-animation-delay: 16s;
		-o-animation-delay: 16s;
		-ms-animation-delay: 16s;
		animation-delay: 16s;
	}

	.login-images li:nth-child(5) span {
		/*background-image: url(../img/banner_5.jpg);*/
		-webkit-animation-delay: 24s;
		-moz-animation-delay: 24s;
		-o-animation-delay: 24s;
		-ms-animation-delay: 24s;
		animation-delay: 24s;
	}

	.login-images li:nth-child(6) span {
		/*background-image: url(../img/banner_6.jpg);*/
		-webkit-animation-delay: 32s;
		-moz-animation-delay: 32s;
		-o-animation-delay: 32s;
		-ms-animation-delay: 32s;
		animation-delay: 32s;
	}

	.login-images li:nth-child(7) span {
		/*background-image: url(../img/banner_7.jpg);*/
		-webkit-animation-delay: 40s;
		-moz-animation-delay: 40s;
		-o-animation-delay: 40s;
		-ms-animation-delay: 40s;
		animation-delay: 40s;
	}

	.login-images li:nth-child(8) span {
		/*background-image: url(../img/banner_8.jpg);*/
		-webkit-animation-delay: 48s;
		-moz-animation-delay: 48s;
		-o-animation-delay: 48s;
		-ms-animation-delay: 48s;
		animation-delay: 48s;
	}

	.login-images li:nth-child(9) span {
		/*background-image: url(../img/banner_9.jpg);*/
		-webkit-animation-delay: 56s;
		-moz-animation-delay: 56s;
		-o-animation-delay: 56s;
		-ms-animation-delay: 56s;
		animation-delay: 56s;
	}

	.login-images li:nth-child(10) span {
		/*background-image: url(../img/banner_10.jpg);*/
		-webkit-animation-delay: 64s;
		-moz-animation-delay: 64s;
		-o-animation-delay: 64s;
		-ms-animation-delay: 64s;
		animation-delay: 64s;
	}

@-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;
	}
}

.login-container {
	color: #fff;
}

.login-logo {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	z-index: 2;
}

.login-logo {
	top: 30%;
}

.login-sign {
	/*background: #e3014d;*/
	background: #cd2058;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
}

	.login-sign > div {
		top: 130px;
	}

	.login-sign .login-text1 {
		font-weight: normal;
		font-size: 24px;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.login-sign .login-text2 {
		padding-bottom: 1em;
		font-weight: 300;
		margin: 0 0 10px;
	}

	.login-sign input[type="text"], .login-sign input[type="password"] {
		background-color: #c50042;
		border: 1px solid #e63a74;
		color: #fff;
		font-weight: 300;
		padding: 6px 12px;
		height: 34px;
	}

	.login-sign input[type="button"] {
		-webkit-appearance: button;
		cursor: pointer;
		color: #e3014d;
		font-weight: 300;
		padding: 6px 12px;
		height: 34px;
	}

		.login-sign input[type="text"]:focus, .login-sign input[type="password"]:focus, .login-sign input[type="button"]:focus {
			border-color: #fff;
			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);
		}

	.login-sign input[type="text"]::-webkit-input-placeholder,
	.login-sign input[type="password"]::-webkit-input-placeholder {
		color: #fff;
	}

	.login-sign input[type="text"]::-moz-placeholder,
	.login-sign input[type="password"]::-moz-placeholder {
		color: #fff;
	}

	.login-sign input[type="text"]:-ms-input-placeholder,
	.login-sign input[type="password"]:-ms-input-placeholder {
		color: #fff;
	}

	.login-sign input[type="text"]:-moz-placeholder,
	.login-sign input[type="password"]:-moz-placeholder {
		color: #fff;
	}

.login-logo, .login-sign {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1s;
}

.login-logo-title {
	font-size: 21px;
	margin: 0 0 10px;
}

.login-logo-text {
	opacity: 0.6;
	font-weight: 300;
	font-size: 20px;
	margin: 0 0 10px;
}

.login-footer {
	padding-top: 20px;
}

	.login-footer > p {
		padding-top: 4em;
		font-weight: 300;
		font-size: 12px;
		margin: 0 0 10px;
	}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
.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: 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: transparent;
	color: #fff;
}

.navbar-brand {
	float: left;
	height: 50px;
	padding: 12px 15px;
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	color: #fff;
	cursor: pointer;
}

.navbar-brand-logo {
	display: inline-block;
	vertical-align: middle;
	border: 0;
	height: 32px;
	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: inline-block;
	position: absolute;
	text-align: center;
	top: 13px;
	line-height: 22px;
	color: #76838f;
	font-size: 18px;
}

.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: 30px;
	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: #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);
	-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;
}

.boton-flotante {
	z-index: 500;
	position: fixed;
	left: 10px;
	width: 20px;
	height: -webkit-calc(100% - 50px);
	height: calc(100% - 50px);
	overflow: hidden;
	color: #909090;
}

.menuBoton {
	z-index: 1000;
	position: fixed;
	right: 0;
	width: 1px;
	top: 0px;
	/*height: -webkit-calc(100% - 50px);
	height: calc(100% - 50px);*/
	/*overflow: hidden;*/
	-webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

.menuBotonEscala0 {
	transform: scale(0);
	-webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

.menuBotonEscala1 {
	transform: scale(1);
	-webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

.menuBoton:hover {
	width: 160px;
	/*background-color:rgba(0,0,0,.075);*/
}

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

.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 a {
	outline: 0;
}

.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: 32px;
}

.menu-item:hover, .menu-sub-item:hover {
	color: rgba(255,255,255,.8);
	background-color: rgba(255,255,255,.02);
}

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

.menu-item.open > a, .menu-sub-item.open > a {
	color: #fff;
	/*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: 160px;
	font-size: 14px;
}

.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;
}

.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;
	}

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

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

.wb-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);
}

.jtse-modal, .jtse-tabs {
	display: none;
}
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.total {
	font-weight: bold;
}
.hr-sm {
	display: block;
	margin: 0;
	padding: 0px 15px 0px 15px;
	border: 1px solid #eeecec;
	width: 80%;
}

#div_Imprimir .table-cofunding {
	width: 100%;
}

#div_Imprimir table tbody {
	border-collapse: collapse;
}

#div_Imprimir table tbody td {
	border: 1px solid rgba(0, 0, 0, 0.6);
	padding: 4px 10px;
}
@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;
	}
}