.bg-gray { background: #f8f9fa !important; }
.bg-magenta { background: rgba(235, 47, 150, 0.05) !important; }
.bg-red { background: rgba(222, 68, 54, 0.05) !important; }
.bg-volcano { background: rgba(250, 84, 28, 0.05) !important; }
.bg-orange { background: rgba(250, 140, 22, 0.1) !important; }
.bg-gold { background: rgba(255, 193, 7, 0.1) !important; }
.bg-lime { background: rgba(160, 217, 17, 0.1) !important; }
.bg-green { background: rgba(82, 196, 26, 0.1) !important; }
.bg-cyan { background: rgba(0, 201, 167, 0.1) !important; }
.bg-blue { background: rgba(63, 135, 245, 0.1) !important; }
.bg-geekblue { background: rgba(47, 84, 235, 0.1) !important; }
.bg-purple { background: rgba(136, 108, 255, 0.1) !important; }

.font-300 { font-weight: 300; }
.font-400 { font-weight: 400; }
.font-500 { font-weight: 500; }

.header .nav-wrap .nav-right li > a.no-hover:hover, .header .nav-wrap .nav-right li > a.no-hover:focus { background-color: transparent; }
.badge.badge-indicator:empty { position: absolute; }
.header .nav-wrap .desktop-toggle > a > i:before { content: "\f039"; }
.header .nav-wrap .mobile-toggle > a > i:before { content: "\f039"; }
@media only screen and (max-width: 767px) {
	.is-expand .header .nav-left>li.mobile-toggle i:before { content: "\f039"; }
}
.page-container .page-header.no-gutters { padding: 10px 30px; }
.quick-view .modal-dialog { width: 600px !important; }
.media.headerBlocks { min-width: 70px }
.card.dashboard { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; }
	.card.dashboard:first-of-type { border-left: 1px solid #edf2f9; }
	.card.dashboard:last-of-type { border-right: 1px solid #edf2f9; }
.card-body.card-narrow { padding: 0.75rem 1.5rem; }
.card-body.card-supernarrow { padding: 0.25rem 1.5rem; }

.card-map {
	background: #f1f3f4;
	border: 1px solid #edf2f9;
	border-radius: 0.25rem;
	margin-bottom: 20px;
}

.profile-pic {
	background: rgba(63, 135, 245, 0.1);
	border: 5px solid rgba(63, 135, 245, 0.3);
	color: #232a35;
	border-radius: 50%;
	height: 100px;
	width: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 2.8rem;
}

.list-group-item.comments {
    padding: 0.25rem 1.5rem;
    border: 0;
}

/*	----------------------------------------------
	FORMS
 	---------------------------------------------- */
.form-control { border: 1px solid #dcdcdc; }
.input-group-text { border: 1px solid #dcdcdc; }
label { font-weight: 500; color: #999999; }
.radio label { font-weight: 400; color: unset; }
.select2-container .select2-choice { border: 1px solid #dcdcdc; }

.btn-tone { color: #53535f !important; }
	.btn-tone:hover { color: #ffffff !important; }

.btn.btn-search { border-color: #dcdcdc; }

/*	----------------------------------------------
	TABLES
 	---------------------------------------------- */
.table > thead > tr > th { background: #f7f7f7; padding-bottom: 5px; }
.block-table-link { display: block; }
.table.borderless th, .table.borderless td {
    border: 0;
    padding: 0;
}
.border-top { border-top: 1px solid #ededed; }
.pime-grid-button { float:left }
.pime-grid-filter { float:left; }

.table-striped > tbody > tr:nth-of-type(odd) { background-color: #ffffff; }
.table-striped > tbody > tr:nth-of-type(even) { background-color: #f9fafc; }

.tableMaterials tbody:nth-child(even) {
  background-color: #f8fafd;
}
.table tbody+tbody.tabMaterials { border-top: 1px solid #dee2e6; }
.table td.borderless-bottom { border-bottom: 0; padding-bottom: 0; }
.table td.borderless-top { border-top: 0; padding-top: 0; }

.dt-bootstrap4 .custom-select-sm, .dt-bootstrap4 .form-control-sm { padding: 0.55rem 1.5rem 0.55rem 1rem; }

/*	----------------------------------------------
	SWEETALERTS
 	---------------------------------------------- */
.swal2-title { font-size: 20px; margin-bottom: 20px; }
.swal2-styled i { margin-right: 6px; }

body.swal2-toast-shown .swal2-container.swal2-top { top: 20px; }
#swal2-content span.text-white {
	color: #ffffff;
	margin: 20px 15px;
}
#swal2-content i { margin-right: 6px; }
.toastMsg { font-size: 18px; }
.toastWarning { background: #ffc107 !important; }
.toastSuccess { background: #198754 !important; }
.toastDanger { background: #dc3545 !important; }

/*	----------------------------------------------
	TOOLTIPS
 	---------------------------------------------- */
.tooltip { color: #ffffff; }
.tooltip-inner { max-width: 400px; }
.tooltip-inner p { color: #ffffff; }

/*	----------------------------------------------
	FULLCALENDAR
 	---------------------------------------------- */
.fc-unthemed td.fc-today { background: #f0f0f0; }

/*	----------------------------------------------
	SUMMERNOTE
 	---------------------------------------------- */
.note-editor.note-frame { border: 1px solid #dcdcdc; }
.note-toolbar.card-header { background-color: #ffffff; }
.note-editable > p { margin-bottom: 0; }
.summernote-1000 > .note-editor.note-frame .note-editing-area .note-editable { min-height: 1000px; }
.summernote-750 > .note-editor.note-frame .note-editing-area .note-editable { min-height: 750px; }
.summernote-500 > .note-editor.note-frame .note-editing-area .note-editable { min-height: 500px; }
.summernote-250 > .note-editor.note-frame .note-editing-area .note-editable { min-height: 250px; }
.summernote-200 > .note-editor.note-frame .note-editing-area .note-editable { min-height: 200px; }
.summernote-100 > .note-editor.note-frame .note-editing-area .note-editable { min-height: 100px; }

.summernoteContainer p { line-height: 1.1; margin-bottom: 5px; }

/*	----------------------------------------------
	CHAT
 	---------------------------------------------- */
.chat.chat-app .chat-list .chat-user-list .chat-list-item:hover, .chat.chat-app .chat-list .chat-user-list .chat-list-item.active { background-color: #ebf3fe; }
.chat.chat-app .chat-content .conversation-footer { padding: 0px; }
.chat .conversation .conversation-wrapper .conversation-body .msg.msg-recipient .bubble .bubble-wrapper { background-color: rgba(47, 84, 235, 0.1) !important; }
.chat .conversation .conversation-wrapper .conversation-body .msg.msg-sent .bubble .bubble-wrapper { background: rgba(0, 201, 167, 0.1) !important; }
.chat.chat-app .chat-content .conversation-body { height: calc(100vh - 70px - 155px - 70px - 40px); }
.chat .conversation .conversation-wrapper .conversation-body { padding: 15px; }

.unreadMsg {
	display: block;
	position: relative;
	vertical-align: middle;
}
.unreadMsg::after {
	color: #00c9a7;
	content: "\f075";
	font-family: "fontawesome";
	font-size: 13px;
	height: 20px;
	line-height: 16px;
	position: absolute;
	right: 5px;
	text-align: center;
	top: 5px;
}
#chatFooter textarea {
	background: #ffffff none repeat scroll 0 0;
	border: 0;
	height: 74px;
	padding: 0.25em 0.5em;
	resize: none;
	width: 100%;
}
#chatFooter textarea[disabled] { cursor: not-allowed; }
#chatFooter textarea[disabled], #chatFooter textarea[readonly] {
	background-color: #edf2f9;
	opacity: 1;
}

/*	----------------------------------------------
	Emoji's
 	---------------------------------------------- */
.emoji {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url('../images/emoji-sprite.png');
	background-size: 112.5px 90px;
	text-indent: -9999px;
	position: relative;
	top: -2px;
}
	.emoji-angry { background-position: 0px 0; }
	.emoji-smile { background-position: -45px 0; }
	.emoji-grossed { background-position: -69px 0; }
	.emoji-goofy { background-position: -90px -1px; }
	.emoji-wat { background-position: 0 -23px; }
	.emoji-gasp { background-position: -23px -23px; }
	.emoji-blush { background-position: -69px -23px; }
	.emoji-wink { background-position: -90px -23px; }
	.emoji-sick { background-position: -23px -45px; }
	.emoji-tongue { background-position: -69px -69px; }
	.emoji-frown { background-position: -45px -45px; }
	.emoji-scared { background-position: -69px -45px; }
	.emoji-laughing { background-position: 0 -69px; }
	.emoji-smirk { background-position: -23px -69px; }
	.emoji-cry { background-position: -45px -69px; }
	.emoji-sad { background-position: -45px -46px; }
	.emoji-heart { background-position: -45px -24px; }
	
/*	----------------------------------------------
	Scroll Up
 	---------------------------------------------- */
#scrollUp {
  width: 50px;
  height: 50px;
  background-color: #ff3535;
  color: #fff;
  right: 20px;
  bottom: 20px;
  text-align: center;
  overflow: hidden;
  border-radius: 50px;
  z-index: 9811 !important;
}
@media only screen and (max-width: 767px) {
  #scrollUp {
    width: 40px;
    height: 40px;
  }
}
#scrollUp i {
  display: block;
  line-height: 50px;
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  #scrollUp i {
    line-height: 40px;
    font-size: 16px;
  }
}
#scrollUp:hover i {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}