body, #program, table {
	-webkit-animation-duration: 2.25s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-delay: 0s;
	-webkit-animation-direction: normal;
	-webkit-animation-fill-mode: none;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	-webkit-animation-name: fadeIn;
	animation-duration: 2.25s;
	animation-timing-function: ease;
	animation-delay: 0s;
	animation-direction: normal;
	animation-fill-mode: none;
	animation-iteration-count: 1;
	animation-play-state: running;
	animation-name: fadeIn;
}

.navbar .navbar-divider {
	width: 0;
	border-right: 1px solid #e3e6f0;
	height: calc(4.375rem - 2rem);
	margin: auto 1rem;
}


/* LOADINGSPINNER */
#preloader {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	/*bottom: 0;*/
	right: 0;
	background: #fff;
	opacity: 0.4;
	filter: alpha(opacity=40);
	z-index: 9999;
}
#loading {
	/*
	position: absolute;
	top: 25%;
	left: 25%;
	z-index: 1999;
	*/
	position: fixed;
	top: 45%;
	left: 45%;
	transform: translate(-50%, -50%);
	border: 16px solid #f3f3f3;
	border-top: 16px solid #3498db;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
@media (max-width: 576px) {
	#loading {
		left: 25%;
	}
}


/* PROGRESS INFITNITE */
.progress {
	display: -ms-flexbox;
	display: flex;
	height: 1rem;
	overflow: hidden;
	font-size: .75rem;
	background-color: #e9ecef;
	border-radius: .25rem;
}
.md-progress {
	/*top: 5.5rem;*/
	position: absolute;
	display: block;
	width: 100%;
	height: .25rem;
	margin-bottom: 1rem;
	overflow: hidden;
	background-color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	z-index: 1999;
}

.md-progress .indeterminate {
	background-color: #fff;
}
.md-progress .indeterminate::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	content: "";
	background-color: gray;
	-webkit-animation: indeterminate 2.1s cubic-bezier(0.65,0.815,0.735,0.395) infinite;
	animation: indeterminate 2.1s cubic-bezier(0.65,0.815,0.735,0.395) infinite;
	will-change: left,right;
}
.md-progress .indeterminate::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	content: "";
	background-color: brown;
	-webkit-animation: indeterminate 2.1s cubic-bezier(0.165,0.84,0.44,1) infinite;
	animation: indeterminate 2.1s cubic-bezier(0.165,0.84,0.44,1) infinite;
	-webkit-animation-delay: 1.15s;
	animation-delay: 1.15s;
	will-change: left,right;
}
@-webkit-keyframes indeterminate {
 0% {
  right:100%;
  left:-35%
 }
 60% {
  right:-90%;
  left:100%
 }
 100% {
  right:-90%;
  left:100%
 }
}
@keyframes indeterminate {
 0% {
  right:100%;
  left:-35%
 }
 60% {
  right:-90%;
  left:100%
 }
 100% {
  right:-90%;
  left:100%
 }
}



/* MODALS */
.modal-danger .modal-content {
	background-color: red !important;
}

/* FORMS */
.input-outline  {
	border: 1px solid #ccc !important;
}
.input-outline:before, .input-outline:after  {
	border: 1px solid red !important;
}


/* BS TABLES */
.table_main, .table_main  th, .table_main  td {
	font-size: 0.8rem !important;
}
.table_s_line {
	color: #000 !important;
	line-height: 15px !important;
}

.table_small {
	font-size: 0.6rem;
	text-align: right;
}
.hover {
	cursor: pointer;
}
.table_main caption, .table_small caption {
	text-align: center;
	font-size: 1rem;
	color: #929FBA;
	font-weight: bold;
	caption-side: top !important;
}
.table_main thead {
	color:#fff; 
	background-color: #929FBA;
}
.row-bold, .row-bold td  {
	font-weight: bold !important;
}
/* WRAP */
thead th .th-inner {
	white-space: normal !important;
}

/* MD FORMS */
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
	overflow: unset !important;
}
@media (max-width: 576px) {
	.wraptext .dropdown-toggle .filter-option-inner-inner {
		white-space: normal !important;
	}
}
.is-invalid  .btn {
	border: 2px solid #b94a48 !important;
}

/* CHAT CARDS */
#chat_cards .card .card-body {
	padding: 15px !important;
}