/* Chrome, Safari, Edge, Opera */

input[type="file"]::-webkit-file-upload-button {
	display: none;
}

/* Firefox */

input[type="file"]::file-selector-button {
	display: none;
}

/* Chrome, Edge, Safari & Firefox */

input[type=file],[type=checkbox] {
	cursor: pointer;
}

select {
	cursor: pointer;
}
/* default */

::-webkit-scrollbar {
	width: 8px;
}

a {
	text-decoration: none;
}

p {
	 line-height: 1;
}
input[type=text]:disabled,[type=date]:disabled,[type=datetime-local]:disabled,[type=number]:disabled,[type=checkbox]:disabled,[type=file]:disabled {
	cursor: not-allowed;
}

textarea:disabled {
	cursor: not-allowed;
}

table thead td, tfoot td {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

table tbody td {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

@media screen and (min-width: 993px) {
	table tbody {
		display: block;
		overflow: auto;
	}

	table thead, tbody tr {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		display: table;
		width: 100%;
	}
}

select[disabled] {cursor: not-allowed;}

/* custom */

.auto-col {
	width: auto !important;
}

.cell-truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	overflow-wrap: break-word;
}

.dashboard-search {
	border: 0px;
	padding: 4px;
	margin: 0px;
	width: 100%;
}
	
.display-middle {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}

@media screen and (min-width: 993px) {
	.cell-truncate {
		width: 100%;
		max-width: 0;
	}

	.cell-truncate:hover {
		overflow: visible;
		white-space: normal;
	}

	.display-middle {
		margin-left: 100px;
	}
}
	
@media screen and (max-width: 992px) {
	.auto-col{
		padding: 8px !important;
		width: 100% !important;
	}

	.display-middle {
		margin-left: 0px;
	}
}

.filter-button {
	color: inherit;
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.inforow-color-1 {
	background-color: #4572ba;
}

.inforow-color-2 {
	background-color: #efc050;
}

.inforow-color-3 {
	background-color: #88b04b;
}

.inforow-color-4 {
	background-color: #ff6f61;
}

.loader {
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
}

.loader h2 {
	opacity: 0.75;
	margin: 0px;
	font-size: 18px! important;
	line-height: 1.5;
}

.loader span {
	display: inline-block;
	vertical-align: middle;
	width: .6em;
	height: .6em;
	margin: .19em;
	background: #007DB6;
	border-radius: .6em;
	animation: loader 1s infinite alternate;
}

.loader span:nth-of-type(2) {
	background: #008FB2;
	animation-delay: 0.2s;
}
.loader span:nth-of-type(3) {
	background: #009B9E;
	animation-delay: 0.4s;
}
.loader span:nth-of-type(4) {
	background: #00A77D;
	animation-delay: 0.6s;
}
.loader span:nth-of-type(5) {
	background: #00B247;
	animation-delay: 0.8s;
}
.loader span:nth-of-type(6) {
	background: #5AB027;
	animation-delay: 1.0s;
}
.loader span:nth-of-type(7) {
	background: #A0B61E;
	animation-delay: 1.2s;
}

@keyframes loader {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.margin-bottom {
	margin-bottom: 32px;
}

.margin-top {
	margin-left: 200px;
}

.message {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.message-text {
	color: #842029 !important;
}

.message-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}

.message-info {
  color: #055160;
  background-color: #cff4fc;
  border-color: #b6effb;
}

.message-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}

.message-warning {
  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffecb5;
}

.padding-brand {
	padding-left: 6px !important;
}

.padding-logo {
	padding-left: 6px !important;
	padding-right: 0px !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

.panel-hide {
	display: none;
}

.panel-show{
	display: table-row;
}

.popup-content {
	width: 500px;
	margin-top: 32px;
}

@media screen and (max-width: 992px) {
	.popup-modal-mobile {
		z-index: 10;
	}

	.popup-content {
		margin-top: 72px !important;	}
}

.size-form-large {
	width: 100%;
}

.size-form-medium {
	width: 75%;
}

.size-form-small {
	width: 45%;
}

.size-form-tiny {
	width: 35%;
}