.btn-small {
	text-align: center;
	display: inline-block;
	padding: 6px 6px
}

.btn-custom {
	background-color: #731514;
	color: #fff;
	margin: 5px
}

.btn-custom:focus {
	color: #fff;
	border-color: #731514
}

.btn-custom:hover {
	color: #fff
}

.margin-y {
	margin-top: 3px;
	margin-bottom: 10px
}

.periodo_form {
	display: table-cell;
	vertical-align: middle
}

.label-no-padding {
	padding: 0
}

.btn:hover {
	color: #fff
}

.alineacion_derecha {
	text-align: right
}

.devengo {
	background: #8bb9cd!important
}

.descuento {
	background: #ffb2b2!important
}

.seguridad_social {
	background: #a9f5d0!important
}

.panel-body {
	padding: 5px
}

.btn-delete-ae {
	padding: 0;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 0;
	margin-bottom: 0
}

.welcome-title {
	padding-bottom: 0;
	margin: 1rem;
	border-bottom: 1px solid var(--color300);
	margin-bottom: 50px;
	color: #731514;
	font-size: xxx-large;
	text-transform: uppercase
}

.welcome-info {
	color: #000;
	font-size: x-large
}

.welcome-panel {
	border-color: #f5f5f5;
	/*box-shadow: 0 .5rem 1rem 0 rgb(44 51 73 / 10%);*/
	box-shadow: 0 .2rem 1rem 1rem rgb(44 51 73 / 20%);
	padding: 20px 40px 40px 40px;
	margin-left: 10%;
	margin-right: 10%;
/*	height: 50%;*/
	width: 70%
}

#table_visualizar_aprobados .ui-grid-header-cell .ui-grid-cell {
	text-align: center
}

#table_visualizar_aprobados .ui-grid-cell {
	text-align: center
}

.scroll-container-horizontal {
	display: flex;
	overflow-x: auto;
	white-space: nowrap;
	padding: 10px;
	margin-bottom: 20px
}

.card-wrapper-horizontal {
	display: inline-block;
	margin-right: 16px;
	min-width: 300px;
	max-width: 300px
}

.card-wrapper-horizontal:last-child {
	margin-right: 0
}

.scroll-container-vertical {
	display: flex;
	flex-direction: column
}

.card-wrapper-vertical {
	margin-bottom: 16px
}

.card-wrapper-vertical:last-child {
	margin-bottom: 0
}

.card-redondas {
	border-radius: 50%
}

.text-card {
	font-size: 20px;
	overflow-wrap: break-word
}

.title-card {
	font-size: 20px
}

.card-wrapper-horizontal {
	position: relative
}

.card-wrapper-horizontal:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 97%;
	transform: translateY(-50%);
	width: 18px;
	height: 15px;
	background: #731514;
	-webkit-clip-path: polygon(0 4px, calc(100% - 6px) 4px, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, calc(100% - 6px) calc(100% - 4px), 0 calc(100% - 4px));
	clip-path: polygon(0 4px, calc(100% - 6px) 4px, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, calc(100% - 6px) calc(100% - 4px), 0 calc(100% - 4px));
	animation: a5 1s infinite linear
}

@keyframes a5 {
	0% {
		transform: translateX(0)
	}
	100% {
		transform: translateX(100%)
	}
}

md-card {
	max-width: 100%
}

.text-card {
	display: block;
	white-space: normal
}

.title-modal {
	font-size: 30px
}


/*! 
 * angular-loading-bar v0.9.0
 * https://chieffancypants.github.io/angular-loading-bar
 * Copyright (c) 2016 Wes Cruver
 * License: MIT
 */

#loading-bar,
#loading-bar-spinner {
	pointer-events: none;
	-webkit-pointer-events: none;
	transition: 350ms linear all
}

#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active,
#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active {
	opacity: 0
}

#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave,
#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave {
	opacity: 1
}

#loading-bar .bar {
	transition: width 350ms;
	background: #29d;
	position: fixed;
	z-index: 10002;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	border-bottom-right-radius: 1px;
	border-top-right-radius: 1px
}

#loading-bar .peg {
	position: absolute;
	width: 70px;
	right: 0;
	top: 0;
	height: 2px;
	opacity: .45;
	-ms-box-shadow: #29d 1px 0 6px 1px;
	box-shadow: #29d 1px 0 6px 1px;
	border-radius: 100%
}

#loading-bar-spinner {
	display: block;
	position: fixed;
	z-index: 10002;
	top: 10px;
	left: 10px
}

#loading-bar-spinner .spinner-icon {
	width: 14px;
	height: 14px;
	border: solid 2px transparent;
	border-top-color: #29d;
	border-left-color: #29d;
	border-radius: 50%;
	animation: loading-bar-spinner .4s linear infinite
}

.loading-div {
	width: 100%;
	height: 100%;
	margin: 0;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .5);
	text-align: center;
	z-index: 1200;
	position: fixed
}

.sub-loading-div {
	font-size: 60px;
	color: #fff
}

.loading-spinner {
	background-image: url(../images/loading.7084abd2.gif);
	width: 200px;
	height: 200px;
	margin-top: 250px
}

@keyframes loading-bar-spinner {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}

@keyframes md-step-content-hide {
	0% {
		opacity: 1
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

md-step-data {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0
}

md-steppers {
	display: block;
	margin: 0;
	border-radius: 2px;
	overflow: hidden;
	position: relative;
	flex-shrink: 0
}

md-steppers:not(.md-no-step-content):not(.md-dynamic-height) {
	min-height: 1280px
}

md-steppers[md-align-steppers=bottom] {
	padding-bottom: 72px
}

md-steppers[md-align-steppers=bottom] md-steppers-wrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 72px;
	z-index: 2
}

md-steppers[md-align-steppers=bottom] md-steppers-content-wrapper {
	top: 0;
	bottom: 72px
}

md-steppers.md-dynamic-height md-steppers-content-wrapper {
	min-height: 0;
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	overflow: hidden
}

md-steppers.md-dynamic-height md-step-content.md-active {
	position: relative
}

md-steppers[md-border-bottom] md-steppers-wrapper {
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #ddd
}

md-steppers[md-border-bottom]:not(.md-dynamic-height) md-steppers-content-wrapper {
	top: 73px
}

md-steppers-wrapper {
	display: block;
	position: relative
}

md-steppers-wrapper md-next-button,
md-steppers-wrapper md-prev-button {
	height: 100%;
	width: 32px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	line-height: 1em;
	z-index: 2;
	cursor: pointer;
	font-size: 16px;
	background: transparent no-repeat center center;
	transition: all .5s cubic-bezier(.35, 0, .25, 1)
}

md-steppers-wrapper md-next-button:focus,
md-steppers-wrapper md-prev-button:focus {
	outline: 0
}

md-steppers-wrapper md-next-button.md-disabled,
md-steppers-wrapper md-prev-button.md-disabled {
	opacity: .25;
	cursor: default
}

md-steppers-wrapper md-next-button.ng-leave,
md-steppers-wrapper md-prev-button.ng-leave {
	transition: none
}

md-steppers-wrapper md-next-button md-icon,
md-steppers-wrapper md-prev-button md-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0)
}

md-steppers-wrapper md-prev-button {
	left: 0;
	background-image: url(data:wiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg==)
}

md-steppers-wrapper md-next-button {
	right: 0;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K)
}

md-steppers-wrapper md-next-button md-icon {
	transform: translate3d(-50%, -50%, 0) rotate(180deg)
}

md-steppers-wrapper.md-stretch-steppers md-pagination-wrapper {
	width: 100%;
	display: flex;
	flex-direction: row
}

md-steppers-wrapper.md-stretch-steppers md-pagination-wrapper md-step-item {
	flex-grow: 1
}

md-steppers-canvas {
	position: relative;
	overflow: hidden;
	display: block;
	height: 72px
}

md-steppers-canvas:after {
	content: "";
	display: table;
	clear: both
}

md-steppers-canvas .md-dummy-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between
}

md-steppers-canvas.md-paginated {
	margin: 0 5px
}

@media (max-width:320px) {
	md-steppers-canvas.md-paginated .md-step span {
		display: none
	}
}

md-steppers-canvas.md-center-steppers {
	display: flex;
	flex-direction: column;
	text-align: center
}

md-steppers-canvas.md-center-steppers .md-step {
	float: none;
	display: inline-block
}

md-steppers md-steppers-wrapper md-pagination-wrapper {
	height: 72px;
	display: block;
	transition: transform .5s cubic-bezier(.35, 0, .25, 1), opacity 125ms cubic-bezier(.35, 0, .25, 1);
	position: absolute;
	width: 999999px;
	left: 0;
	transform: translate3d(0, 0, 0);
	opacity: 1;
	z-index: 1
}

md-steppers md-steppers-wrapper md-pagination-wrapper:after {
	content: "";
	display: table;
	clear: both
}

md-steppers md-steppers-wrapper md-pagination-wrapper.md-center-steppers {
	position: relative;
	width: initial;
	margin: 0 auto
}

md-steppers md-steppers-wrapper md-busy {
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 1;
	position: absolute;
	transition: transform .25s cubic-bezier(.35, 0, .25, 1), all .25s cubic-bezier(.35, 0, .25, 1);
	line-height: 24px;
	padding: 24px 0 24px 24px;
	font-size: 14px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	transform: scaleY(1) translateY(0)
}

md-steppers md-steppers-wrapper md-busy.ng-hide {
	opacity: 0;
	transform: scaleY(.75) translateY(20px)
}

md-steppers md-steppers-wrapper md-busy.ng-hide~.md-dummy-wrapper,
md-steppers md-steppers-wrapper md-busy.ng-hide~md-pagination-wrapper {
	opacity: 1;
	pointer-events: none
}

md-steppers md-steppers-wrapper md-busy~.md-dummy-wrapper,
md-steppers md-steppers-wrapper md-busy~md-pagination-wrapper {
	opacity: 0;
	pointer-events: none
}

md-steppers-content-wrapper {
	display: block;
	position: absolute;
	top: 72px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden
}

md-step-content {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: transform .5s cubic-bezier(.35, 0, .25, 1);
	overflow: auto
}

md-step-content.md-no-scroll {
	bottom: auto;
	overflow: hidden
}

md-step-content.md-no-transition,
md-step-content.ng-leave {
	transition: none
}

md-step-content.md-left {
	transform: translateX(-100%);
	animation: 1s md-step-content-hide;
	opacity: 0
}

md-step-content.md-left * {
	transition: visibility 0s linear;
	transition-delay: .5s;
	visibility: hidden
}

md-step-content.md-right {
	transform: translateX(100%);
	animation: 1s md-step-content-hide;
	opacity: 0
}

md-step-content.md-right * {
	transition: visibility 0s linear;
	transition-delay: .5s;
	visibility: hidden
}

md-step-content>div.ng-leave {
	animation: 1s md-step-content-hide
}

.md-step md-ink-bar {
	background: var(--primary);
	opacity: .5;
	position: absolute;
	left: auto;
	right: auto;
	bottom: 0;
	height: 2px
}

.md-step md-ink-bar.md-left {
	transition: left 125ms cubic-bezier(.35, 0, .25, 1), right .25s cubic-bezier(.35, 0, .25, 1)
}

.md-step md-ink-bar.md-right {
	transition: left .25s cubic-bezier(.35, 0, .25, 1), right 125ms cubic-bezier(.35, 0, .25, 1)
}

md-step {
	position: absolute;
	z-index: -1;
	left: -9999px
}

.md-step {
	font-size: 14px;
	text-align: center;
	line-height: 24px;
	padding: 24px 0 24px 0;
	transition: background-color .35s cubic-bezier(.35, 0, .25, 1);
	cursor: pointer;
	white-space: nowrap;
	position: relative;
	float: left;
	font-weight: 500;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	flex-direction: row;
	flex: 1
}

.md-step::before {
	background: rgba(0, 0, 0, .25);
	display: inline-block;
	width: 16px;
	margin-right: 8px;
	text-align: center;
	height: 2px;
	line-height: 1px;
	vertical-align: middle;
	border-radius: 0 1px 1px 0;
	content: "";
	opacity: .5;
	flex-grow: 1;
	align-self: center
}

.md-step::after {
	background: rgba(0, 0, 0, .25);
	box-shadow: 1px 0 0 0 rgba(0, 0, 0, .25);
	display: inline-block;
	width: 16px;
	text-align: center;
	height: 2px;
	line-height: 1px;
	vertical-align: middle;
	border-radius: 1px 0 0 1px;
	content: "";
	opacity: .5;
	flex-grow: 1;
	align-self: center
}

.md-step:first-child {
	padding-left: 24px;
	text-align: left
}

.md-step:first-child::before {
	margin-right: 0;
	display: none;
	width: 0
}

.md-step:last-child {
	padding-right: 24px;
	text-align: right
}

.md-step:last-child::before {
	flex-grow: 1
}

.md-step:last-child::after {
	margin-left: 0;
	display: none;
	width: 0
}

.md-step md-step-label-wrapper {
	flex-grow: 0
}

.md-step md-step-label-wrapper span {
	margin-right: 8px
}

.md-step md-step-label-wrapper::before {
	background: rgba(0, 0, 0, .25);
	color: rgba(255, 255, 255, .87);
	display: inline-block;
	width: 24px;
	min-width: 24px;
	text-align: center;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	margin-right: 8px;
	content: attr(stepindex);
	flex-grow: 0;
	align-self: center
}

.md-step.md-focused {
	box-shadow: none;
	outline: 0
}

.md-step.md-active md-step-label-wrapper::before,
.md-step.md-success md-step-label-wrapper::before {
	background: var(--primary)
}

.md-step.md-complete md-step-label-wrapper::before {
	content: "\00A0";
	background: var(--primary) url("data:image/svg+xml;charset=utf8,%3Csvg fill='rgba(255,255,255,0.87)' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") no-repeat center center
}

.md-step.md-complete.md-active md-step-label-wrapper::before {
	content: "\00A0";
	background: var(--primary) url("data:image/svg+xml;charset=utf8,%3Csvg fill='rgba(255,255,255,0.87)' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E") no-repeat center center
}

.md-step.md-error {
	color: #ff5722;
	cursor: default
}

.md-step.md-disabled {
	pointer-events: none;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	cursor: default
}

.md-step.md-disabled md-step-label-wrapper {
	opacity: .5
}

.md-step.md-disabled md-step-label-wrapper::before {
	background: rgba(0, 0, 0, .25)
}

.md-step.ng-leave {
	transition: none
}

.md-step-nopointer {
	cursor: auto
}

md-toolbar+md-steppers {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

body {
	background-color: #f5f5f5!important
}

.btn-small {
	text-align: center;
	display: inline-block;
	padding: 6px 6px
}

.fa-events-icons-ready {
	position: fixed;
	width: 100%
}

body {
	background-color: fixed
}

.panel {
	border-color: #f5f5f5;
	margin: 18px 18px 0 18px;
	box-shadow: 0 .5rem 1rem 0 rgba(44, 51, 73, .1)
}

.container-app {
	height: calc(100vh - 140px)
}

.scrollbar {
	margin-left: 30px;
	float: left;
	height: 300px;
	width: 65px;
	background: #f5f5f5;
	overflow-y: scroll;
	margin-bottom: 25px
}

.modal {
	margin-bottom: 70px
}

@keyframes spin {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}

.spinner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1003;
	background: #fff;
	background-image: url(https://pruebasassets.portaloas.udistrital.edu.co/logo_circular_negro.png);
	background-size: 250px 250px;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden
}

.spinner div:first-child {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 300px;
	height: 300px;
	margin: -150px 0 0 -150px;
	border-radius: 60%;
	box-shadow: 0 10px 10px 0 var(--primary);
	transform: translate3d(0, 0, 0);
	animation: spin 2s linear infinite
}

.spinner div:first-child:after,
.spinner div:first-child:before {
	content: "";
	position: absolute;
	border-radius: 50%
}

.spinner div:first-child:before {
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	box-shadow: 0 10px 10px 0 var(--primary);
	animation: spin 3s linear infinite
}

.spinner div:first-child:after {
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	box-shadow: 0 10px 10px 0 var(--primary);
	animation: spin 1.5s linear infinite
}

textarea {
	resize: none
}

.money {
	text-align: right
}

.accionTDetalle {
	text-align: center;
	vertical-align: middle
}

.tablaDetalle,
.tablaDetalle td {
	border-color: var(--primary)
}

.bg-primary {
	color: #fff;
	background-color: var(--primary)
}

.text-info,
.text-primary {
	color: var(--primary)
}

.btn-primary:hover {
	color: #fff;
	background-color: var(--color3);
	border-color: var(--color5)
}

.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: var(--color3);
	border-color: var(--color5)
}

.btn-primary.focus,
.btn-primary:focus {
	color: #fff;
	background-color: var(--color3);
	border-color: var(--color5)
}

.row {
	margin: 2px
}

div:focus {
	outline: 0 ridge var(--primary)
}

@font-face {
	font-family: opensans;
	src: "style/fonts/OpenSans-Regular.ttf" format("opentype")
}

#footer {
	width: 100%
}

.footer-div {
	background-color:#000000;
	/*background-color: #fff;*/
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 1%;
	bottom: 0;
	left: 0;
	box-shadow: 0 -10px 5px -4px rgba(44, 51, 73, .1)
}

.container-footer {
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 10
}

.container-footer-off {
	width: 85%
}

.footer-card-imageContainer {
	-o-object-fit: cover;
	object-fit: cover;
	padding-right: 15px;
	/*border-right: .1rem solid #000*/
}

.text-container {
	align-self: center
}

.card-image {
	width: 220px
}

/*.footer-column {
	color: #000;
	width: 10%;
	margin-top: 1%;
	align-self: center;
	margin-right: 3%
}*/

.footer-column {
    color: #000;
 /*   width: 50%;*/
    margin-top: 1%;
    /* align-self: center; */
    /* margin-right: 3%; */
    padding: 1rem;
}

/*.footer-title {
	text-align: center;
	font-family: opensans;
	margin-bottom: .5rem;
	font-size: 13px;
	margin-top: 0;
	color: #000
}*/

.footer-title {
    text-align: center;
    /* font-family: opensans; */
    margin-bottom: .5rem;
    font-size: 13px;
    /* margin-top: 10rem; */
    color: #000;
    /* margin-top: 10rem; */
}
.footer-logos {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 65%
}

.social {
	display: flex;
	color: var(--primary);
	justify-content: center;
	width: 18%;
	align-self: center
}

.icon-container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}

.icon {
	font-size: 32px;
	align-self: center;
	margin-right: 10px
}

.text-container>p {
	font-size: 13px;
	text-align: center;
	margin: 0;
	font-family: OpenSans
}

@media screen and (max-width:1132px) {
	.social {
		width: 15%
	}
	.text-container {
		display: none
	}
	.footer-logos {
		width: 50%
	}
}

@media screen and (max-width:930px) {
	.social {
		width: 10%
	}
	.footer-logos {
		width: 60%
	}
	.text-container {
		display: none
	}
}

@media screen and (max-width:768px) {
	.social {
		width: 10%
	}
	.footer-logos {
		width: 70%
	}
	.text-container {
		display: none
	}
}

@media screen and (max-width:620px) {
	.social {
		width: 20%
	}
/*	.footer-column {
		width: 40%
	}*/
	.text-container {
		display: none
	}
	.footer-logos {
		width: 80%
	}
}

@media screen and (max-width:425px) {
	.social {
		width: 20%
	}
/*	.footer-column {
		width: 25%
	}*/
	.text-container {
		display: none
	}
	.text-container:hover {
		display: contents
	}
}

@media screen and (max-width:330px) {
	.social {
		width: 20%
	}
	.footer-column {
		width: 0%
	}
	.text-container {
		display: none
	}
	.text-container:hover {
		display: contents
	}
	.footer-title {
		display: none
	}
}

.header-logo {
	display: none;
	border: none;
	box-shadow: none;
	background: url(https://pruebasassets.portaloas.udistrital.edu.co/isotipos-75x75.png);
	margin: 10px;
	background-repeat: no-repeat;
	cursor: pointer
}

.menu-app-info {
	border: none
}

i {
	color: var(--primary)
}

/*.header-container {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	z-index: 3;
	background-color: #fff;
	flex-shrink: 0;
	align-items: center;
	justify-content: space-between;
	margin-top: 0;
	padding-left: 10px;
	box-shadow: 0 .5rem 1rem 0 rgba(44, 51, 73, .1)
}*/

.header-container {
    width: 100%;
    display: flex
;
    justify-content: flex-end;
    flex-wrap: wrap;
    z-index: 3;
    background-color: #fff;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    margin-top: 0;
    padding-left: 10px;
    box-shadow: 0 .5rem 1rem 0 rgba(44, 51, 73, .1);
    flex-direction: column;
}

.header-logo-container {
	padding: 5px 0 5px 0;
	display: flex;
	align-items: center
}

.header-buttons-container {
	width: 50%;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	align-items: center
}

.header-button-notification {
	font-size: 25px;
	font-family: "Lucida Sans";
	padding: 8px 15px;
	width: 70px;
	height: 50px;
	cursor: pointer;
	color: var(--primary)
}

.header-button-user-container {
	display: flex;
	justify-content: center;
	align-items: center
}

.header-button-user-container>p {
	margin: 8px;
	color: var(--primary)
}

.header-button-cerrarsesion-container>p {
	color: var(--primary)
}

#header-button-cerrarsesion-container {
	position: absolute;
	top: 60px;
	right: 10px;
	z-index: 10;
	display: none;
	border-radius: 15px;
	background-color: #fff;
	box-shadow: 0 0 9px -2px rgba(0, 0, 0, .84);
	width: 118px;
	height: 23px;
	text-align: center
}

#header-user-icon {
	font-size: 25px;
	width: 36px
}

.header-badge {
	position: relative;
	top: -45px;
	right: -22px;
	font-size: .7em;
	background: var(--primary);
	color: #fff;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	border-radius: 50%
}

@media screen and (max-width:855px) {
	.user-info {
		display: none
	}
	.button-header {
		font-size: 20px
	}
	.header-button-user-container {
		width: 70px
	}
	.header-logo-container {
		display: flex;
		/*align-items: left;
		justify-content: left*/
		flex-direction: column;
	}
}


@media screen and (max-width:425px) {
	.user-info {
		display: none
	}
	.button-header {
		font-size: 20px
	}
	.header-buttons-container {
		width: 70%
	}
}

.btn-primary {
	color: #fff;
	background-color: var(--primary);
	border-color: var(--primary)
}

#inicio {
	color: #000;
	background: #fff;
	font-family: opensans
}

.container-body {
	overflow-y: scroll;
	display: flex;
	width: calc(100% - 44px);
	height: calc(-140px+ 100vh);
	z-index: 2;
	flex-wrap: wrap
}

.container-body-off {
	overflow-y: scroll;
	display: flex;
	width: calc(100% - 260px);
	height: calc(-140px+ 100vh);
	z-index: 2;
	flex-wrap: wrap
}

.container-app {
	display: flex;
	flex-wrap: wrap;
	overflow-y: auto
}

.container-view {
	width: 100%;
	height: calc(-140px+ 100vh)
}

.main-container-sidebar {
	width: 260px;
	z-index: 3;
	height: calc(-140px+ 100vh);
	background-color: var(--primary)
}

.main-container-sidebar-off {
	width: 44px;
	height: calc(-140px+ 100vh);
	background-color: var(--primary)
}

.sidebar_off {
	display: block
}

.menulateral-icon-container {
	width: 25px
}

.menulateral-text {
	width: 170px;
	font-size: 12.5px;
	text-align: left
}

.menulateral-text.oculto {
	display: none
}

.menulateral-icon {
	font-size: 20px;
	width: 20px;
	color: #fff
}

.content-menu {
	background-color: var(--primary);
	height: 100%;
	color: #fff;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	padding: 10px 15px 10px 10px;
	border-top: 1px solid #fff
}

.opcion-down::before {
	position: absolute;
	left: 240px;
	font-family: FontAwesome;
	content: "\f107"
}

.opcion-left::before {
	position: absolute;
	left: 240px;
	font-family: FontAwesome;
	content: "\f104"
}

.opcion-up::before {
	position: absolute;
	left: 240px;
	font-family: FontAwesome;
	content: "\f106"
}

.content-menu>div {
	border-color: #fff;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}

.content-options>div {
	font-size: 1.7rem;
	border-color: #fff;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}

.content-menu>div:focus {
	outline: 0
}

.content-menu>div:hover {
	outline: 0
}

.content-menu-off {
	display: none
}

.aplicaciones_menu_container p {
	margin-bottom: 11px;
	margin-top: 0
}

.menu-app {
	border-color: #34495e;
	border-radius: 7px;
	border: solid 1px;
	box-shadow: 0 0 8px #888
}

.container-aplicativos {
	height: 88%
}

.container-aplicativos-scroll {
	height: none
}

.catalogo-button-container {
	justify-content: center;
	display: flex;
	width: 100%;
	align-items: flex-end
}

#catalogo-button-icon {
	font-size: 40px
}

.title-app-menu-div {
	text-align: center;
	margin-bottom: 5px;
	font-size: 21px;
	font-family: "Open Sans", sans-serif
}

.apps_menu_container {
	background: #fff;
	border: 1px solid #d6dae1;
	color: #000;
	position: fixed;
	right: 80px;
	top: 69px;
	-webkit-border-radius: 2px;
	right: -100vw;
	border-radius: 2px;
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(-139px+ 100vh);
	width: 320px;
	transition: .3s;
	z-index: 3
}

.menu_is_active {
	right: 0
}

.app-image-container {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	align-items: center
}

.image-application {
	width: 30%;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.categoria-title {
	color: #fff
}

.aplicaciones_menu_container p {
	margin-bottom: 11px;
	margin-top: 0
}

.title-notifications {
	text-align: left;
	font-family: "Open Sans", sans-serif;
	font-size: 22px
}

.menu-app {
	border-color: var(--primary);
	border-radius: 7px;
	border: solid 1px;
	box-shadow: 0 0 8px #888
}

#ENVIADA,
#enviada,
#noleida {
	background-color: rgba(43, 54, 67, .1)
}

.notification-item {
	display: flex;
	flex-direction: row;
	width: 100%;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	border-radius: 2px;
	border-color: #000;
	border-width: 1px
}

.notifications-image-container {
	width: 25%
}

.notifications-text-container {
	width: 68%;
	margin-left: 5px
}

.notifications-text-container p {
	margin: 0;
	font-family: "Open Sans", sans-serif;
	color: #000;
	white-space: normal;
	text-align: left;
	font-size: 12px
}

.notificacion-input>.form-control {
	margin: 0 23px;
	font-family: "Open Sans", sans-serif;
	width: 86%
}

.notificacion_container {
	background: #fff;
	border: 1px solid #d6dae1;
	border-color: rgba(0, 0, 0, .2);
	color: #000;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
	position: fixed;
	right: 80px;
	top: 77px;
	-webkit-border-radius: 2px;
	right: -100vw;
	border-radius: 2px;
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(-146px+ 100vh);
	width: 319px;
	transition: .3s;
	padding-top: 10px;
	z-index: 3
}

.menu_is_active {
	right: 0
}

@media screen and (max-width:1159px) {
	.aplicaciones_menu_container {
		height: calc(-175px+ 100vh)
	}
}

@media screen and (max-width:1132px) {
	.aplicaciones_menu_container {
		height: calc(-180px+ 100vh)
	}
}

@media screen and (max-width:823px) {
	.aplicaciones_menu_container {
		height: calc(-193px+ 100vh)
	}
}

@media screen and (max-width:768px) {
	.aplicaciones_menu_container {
		height: calc(-217px+ 100vh)
	}
}

@media screen and (max-width:620px) {
	.aplicaciones_menu_container {
		height: calc(-280px+ 100vh)
	}
}

@media screen and (max-width:529px) {
	.aplicaciones_menu_container {
		height: calc(-298px+ 100vh)
	}
}

@media screen and (max-width:330px) {
	.aplicaciones_menu_container {
		height: calc(-288px+ 100vh)
	}
}

.ui-grid {
	border: 1px solid var(--color2);
	box-sizing: content-box;
	border-radius: 0;
	transform: translateZ(0)
}

.ui-grid-vertical-bar {
	position: absolute;
	right: 0;
	width: 0
}

.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar,
.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
	width: 1px
}

.ui-grid-scrollbar-placeholder {
	background-color: transparent
}

.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
	background-color: #fff
}

.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
	background-color: var(--color2)
}

.ui-grid-header-cell:last-child .ui-grid-vertical-bar {
	right: -1px;
	width: 1px;
	background-color: #fff
}

.ui-grid-clearfix:after,
.ui-grid-clearfix:before {
	content: "";
	display: table
}

.ui-grid-clearfix:after {
	clear: both
}

.ui-grid-invisible {
	visibility: hidden
}

.ui-grid-contents-wrapper {
	position: relative;
	height: 100%;
	width: 100%
}

.ui-grid-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.ui-grid-icon-button {
	background-color: transparent;
	border: none;
	padding: 0
}

.clickable {
	cursor: pointer
}

.ui-grid-top-panel-background {
	background-color: var(--color1)
}

.ui-grid-header {
	border-bottom: 1px solid var(--color2);
	box-sizing: border-box
}

.ui-grid-top-panel {
	position: relative;
	overflow: hidden;
	font-weight: 700;
	background-color: var(--color1);
	-webkit-border-top-right-radius: -1px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: -1px;
	-moz-border-radius-topright: -1px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: -1px;
	border-top-right-radius: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: -1px;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}

.ui-grid-header-viewport {
	overflow: hidden
}

.ui-grid-header-canvas:after,
.ui-grid-header-canvas:before {
	content: "";
	display: flex;
	line-height: 0
}

.ui-grid-header-canvas:after {
	clear: both
}

.ui-grid-header-cell-wrapper {
	position: relative;
	display: flex;
	box-sizing: border-box;
	height: 100%;
	width: 100%
}

.ui-grid-header-cell-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}

.ui-grid-header-cell {
	position: relative;
	box-sizing: border-box;
	background-color: inherit;
	border-right: 1px solid;
	border-color: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 0
}

.ui-grid-header-cell:last-child {
	border-right: 0
}

.ui-grid-header-cell .sortable {
	cursor: pointer
}

.ui-grid-header-cell .ui-grid-sort-priority-number {
	margin-left: -8px
}

.ui-grid-header-cell>div {
	-ms-flex-basis: 100%;
	flex-basis: 100%
}

.ui-grid-header .ui-grid-vertical-bar {
	top: 0;
	bottom: 0
}

.ui-grid-column-menu-button {
	position: absolute;
	right: 1px;
	top: 0
}

.ui-grid-column-menu-button .ui-grid-icon-angle-down {
	vertical-align: sub
}

.ui-grid-header-cell-last-col .ui-grid-cell-contents,
.ui-grid-header-cell-last-col .ui-grid-column-menu-button,
.ui-grid-header-cell-last-col .ui-grid-filter-container,
.ui-grid-header-cell-last-col+.ui-grid-column-resizer.right {
	margin-right: 13px
}

.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-cell-contents,
.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-column-menu-button,
.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-filter-container,
.ui-grid-render-container-right .ui-grid-header-cell-last-col+.ui-grid-column-resizer.right {
	margin-right: 28px
}

.ui-grid-column-menu {
	position: absolute
}

.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
	transition: all 40ms linear;
	display: block!important
}

.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
	transform: translateY(-100%)
}

.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
	transform: translateY(0)
}

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
	transition: all 40ms linear;
	display: block!important
}

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
	transform: translateY(-100%)
}

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
	transform: translateY(0)
}

.ui-grid-filter-container {
	padding: 4px 10px;
	position: relative
}

.ui-grid-filter-container .ui-grid-filter-button {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0
}

.ui-grid-filter-container .ui-grid-filter-button [class^=ui-grid-icon] {
	position: absolute;
	top: 50%;
	line-height: 32px;
	margin-top: -16px;
	right: 10px;
	opacity: .66
}

.ui-grid-filter-container .ui-grid-filter-button [class^=ui-grid-icon]:hover {
	opacity: 1
}

.ui-grid-filter-container .ui-grid-filter-button-select {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0
}

.ui-grid-filter-container .ui-grid-filter-button-select [class^=ui-grid-icon] {
	position: absolute;
	top: 50%;
	line-height: 32px;
	margin-top: -16px;
	right: 0;
	opacity: .66
}

.ui-grid-filter-container .ui-grid-filter-button-select [class^=ui-grid-icon]:hover {
	opacity: 1
}

input[type=text].ui-grid-filter-input {
	box-sizing: border-box;
	padding: 0 18px 0 0;
	margin: 0;
	width: 100%;
	border: 1px solid var(--color2);
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}

input[type=text].ui-grid-filter-input:hover {
	border: 1px solid var(--color2)
}

select.ui-grid-filter-select {
	padding: 0;
	margin: 0;
	border: 0;
	width: 90%;
	border: 1px solid var(--color2);
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}

select.ui-grid-filter-select:hover {
	border: 1px solid var(--color2)
}

.ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select {
	width: 100%
}

.ui-grid-render-container {
	position: inherit;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}

.ui-grid-render-container:focus {
	outline: 0
}

.ui-grid-viewport {
	min-height: 20px;
	position: relative;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.ui-grid-viewport:focus {
	outline: 0!important
}

.ui-grid-canvas {
	position: relative;
	padding-top: 1px
}

.ui-grid-row {
	clear: both
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {
	background-color: #fff
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
	background-color: var(--color0)
}

.ui-grid-row:last-child .ui-grid-cell {
	border-bottom-color: var(--color2);
	border-bottom-style: solid
}

.ui-grid-row:hover>[ui-grid-row]>.ui-grid-cell:hover .ui-grid-cell,
.ui-grid-row:nth-child(even):hover .ui-grid-cell,
.ui-grid-row:nth-child(odd):hover .ui-grid-cell {
	background-color: var(--color1)
}

.ui-grid-no-row-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 10%;
	background-color: var(--color1);
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid var(--color2);
	font-size: 2em;
	text-align: center
}

.ui-grid-no-row-overlay>* {
	position: absolute;
	display: table;
	margin: auto 0;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: .66
}

.ui-grid-cell {
	overflow: hidden;
	float: left;
	background-color: inherit;
	border-right: 1px solid;
	border-color: var(--color2);
	box-sizing: border-box
}

.ui-grid-cell:last-child {
	border-right: 0
}

.ui-grid-cell-contents {
	padding: 5px;
	box-sizing: border-box;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 100%
}

.ui-grid-cell-contents-hidden {
	visibility: hidden;
	width: 0;
	height: 0;
	display: none
}

.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
	background-color: #f0f0ee;
	border-bottom: solid 1px var(--color2)
}

.ui-grid-cell-empty {
	display: inline-block;
	width: 10px;
	height: 10px
}

.ui-grid-footer-info {
	padding: 5px 10px
}

.ui-grid-footer-panel-background {
	background-color: var(--color1)
}

.ui-grid-footer-panel {
	position: relative;
	border-bottom: 1px solid var(--color2);
	border-top: 1px solid var(--color2);
	overflow: hidden;
	font-weight: 700;
	background-color: var(--color1);
	-webkit-border-top-right-radius: -1px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: -1px;
	-moz-border-radius-topright: -1px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: -1px;
	border-top-right-radius: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: -1px;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}

.ui-grid-grid-footer {
	float: left;
	width: 100%
}

.ui-grid-footer-canvas,
.ui-grid-footer-viewport {
	height: 100%
}

.ui-grid-footer-viewport {
	overflow: hidden
}

.ui-grid-footer-canvas {
	position: relative
}

.ui-grid-footer-canvas:after,
.ui-grid-footer-canvas:before {
	content: "";
	display: table;
	line-height: 0
}

.ui-grid-footer-canvas:after {
	clear: both
}

.ui-grid-footer-cell-wrapper {
	position: relative;
	display: table;
	box-sizing: border-box;
	height: 100%
}

.ui-grid-footer-cell-row {
	display: table-row
}

.ui-grid-footer-cell {
	overflow: hidden;
	background-color: inherit;
	border-right: 1px solid;
	border-color: var(--color2);
	box-sizing: border-box;
	display: table-cell
}

.ui-grid-footer-cell:last-child {
	border-right: 0
}

.ui-grid-menu-button {
	z-index: 2;
	position: absolute;
	right: 0;
	top: 0;
	background: var(--color1);
	border: 0;
	border-left: 1px solid var(--color2);
	border-bottom: 1px solid var(--color2);
	cursor: pointer;
	height: 32px;
	font-weight: 400
}

.ui-grid-menu-button .ui-grid-icon-container {
	margin-top: 5px;
	margin-left: 2px
}

.ui-grid-menu-button .ui-grid-menu {
	right: 0
}

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
	overflow: scroll
}

.ui-grid-menu {
	overflow: hidden;
	max-width: 320px;
	z-index: 2;
	position: absolute;
	right: 100%;
	padding: 0 10px 20px 10px;
	cursor: pointer;
	box-sizing: border-box
}

.ui-grid-menu-item {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.ui-grid-menu .ui-grid-menu-inner {
	background: #fff;
	border: 1px solid var(--color2);
	position: relative;
	white-space: nowrap;
	border-radius: 0
}

.ui-grid-menu .ui-grid-menu-inner ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

.ui-grid-menu .ui-grid-menu-inner ul li {
	padding: 0
}

.ui-grid-menu .ui-grid-menu-inner ul li .ui-grid-menu-item {
	color: #000;
	min-width: 100%;
	padding: 8px;
	text-align: left;
	background: 0 0;
	border: none;
	cursor: default
}

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item {
	cursor: pointer
}

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:focus,
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover {
	background-color: #b3c4c7
}

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item.ui-grid-menu-item-active {
	background-color: var(--color2)
}

.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child)>.ui-grid-menu-item {
	border-bottom: 1px solid var(--color2)
}

.ui-grid-sortarrow {
	right: 5px;
	position: absolute;
	width: 20px;
	top: 0;
	bottom: 0;
	background-position: center
}

.ui-grid-sortarrow.down {
	transform: rotate(180deg)
}

@font-face {
	font-family: ui-grid;
	src: 'style/fonts/ui-grid.eot';
	src: 'style/fonts/ui-grid.eot#iefix' format('embedded-opentype'), 'style/fonts/ui-grid.woff' format('woff'), 'style/fonts/ui-grid.ttf' format('truetype'), 'style/fonts/ui-grid.svg?#ui-grid' format('svg');
	font-weight: 400;
	font-style: normal
}

[class*=" ui-grid-icon"]:before,
[class^=ui-grid-icon]:before {
	font-family: ui-grid;
	font-style: normal;
	font-weight: 400;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em
}

.ui-grid-icon-blank::before {
	width: 1em;
	content: ' '
}

.ui-grid-icon-plus-squared:before {
	content: '\c350'
}

.ui-grid-icon-minus-squared:before {
	content: '\c351'
}

.ui-grid-icon-search:before {
	content: '\c352'
}

.ui-grid-icon-cancel:before {
	content: '\c353'
}

.ui-grid-icon-info-circled:before {
	content: '\c354'
}

.ui-grid-icon-lock:before {
	content: '\c355'
}

.ui-grid-icon-lock-open:before {
	content: '\c356'
}

.ui-grid-icon-pencil:before {
	content: '\c357'
}

.ui-grid-icon-down-dir:before {
	content: '\c358'
}

.ui-grid-icon-up-dir:before {
	content: '\c359'
}

.ui-grid-icon-left-dir:before {
	content: '\c35a'
}

.ui-grid-icon-right-dir:before {
	content: '\c35b'
}

.ui-grid-icon-left-open:before {
	content: '\c35c'
}

.ui-grid-icon-right-open:before {
	content: '\c35d'
}

.ui-grid-icon-angle-down:before {
	content: '\c35e'
}

.ui-grid-icon-filter:before {
	content: '\c35f'
}

.ui-grid-icon-sort-alt-up:before {
	content: '\c360'
}

.ui-grid-icon-sort-alt-down:before {
	content: '\c361'
}

.ui-grid-icon-ok:before {
	content: '\c362'
}

.ui-grid-icon-menu:before {
	content: '\c363'
}

.ui-grid-icon-indent-left:before {
	content: '\e800'
}

.ui-grid-icon-indent-right:before {
	content: '\e801'
}

.ui-grid-icon-spin5:before {
	content: '\ea61'
}

.ui-grid[dir=rtl] .ui-grid-cell,
.ui-grid[dir=rtl] .ui-grid-footer-cell,
.ui-grid[dir=rtl] .ui-grid-header-cell {
	float: right!important
}

.ui-grid[dir=rtl] .ui-grid-column-menu-button {
	position: absolute;
	left: 1px;
	top: 0;
	right: inherit
}

.ui-grid[dir=rtl] .ui-grid-cell:first-child,
.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:first-child {
	border-right: 0
}

.ui-grid[dir=rtl] .ui-grid-cell:last-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
	border-right: 1px solid var(--color2);
	border-left: 0
}

.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar {
	width: 0
}

.ui-grid[dir=rtl] .ui-grid-menu-button {
	z-index: 2;
	position: absolute;
	left: 0;
	right: auto;
	background: var(--color1);
	border: 1px solid var(--color2);
	cursor: pointer;
	min-height: 27px;
	font-weight: 400
}

.ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu {
	left: 0;
	right: auto
}

.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
	right: initial;
	left: 0
}

.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^=ui-grid-icon] {
	right: initial;
	left: 10px
}

.ui-grid-animate-spin {
	animation: ui-grid-spin 2s infinite linear;
	display: inline-block
}

@keyframes ui-grid-spin {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(359deg)
	}
}

.ui-grid {
	color: #222
}