.dropdown-item:hover {
	color: black !important;
}

a {
	cursor:pointer;
}

.drag-hover {
	box-shadow: inset 0 0 0px 2px rgba(255, 0, 0, 1)!important;
}

.drag > * {
	pointer-events: none;
}

.activedetailhightlight {
	background: #e4e4e4 !important;
}

.refreshicon:hover {
  border: 1px !important;
  border-color: white !important;
}

html {
  overscroll-behavior-y: contain;
}

#feedback{
  color: #8e44ad;
  position: relative;
  text-align: center;
  width: 100px;
  padding: 5px;
  z-index: 1;
  margin-bottom: 10px;
}

.today {
	background: #e4e4e4 !important;
}

/* Load more */
.load-more{
    width: 100%;
    text-align: center;
    color: white;
    padding: 10px 0px;
    font-family: sans-serif;
}

.load-more:hover{
    cursor: pointer;
}

#statusButtonM {
 Width:20%;
}

#statusButtonM:after {
 content: "";
 display: block;
 Padding-bottom:100%;
}

#statusButtonM .content {
 position: absolute;
 width: 100%;
 height: 100%;
}

 .nowrap {
        white-space:nowrap;
    }
	
.table tr:not(.groupBy) td {
		font-size: 0.8rem;
		text-align:center;
    }
	
.tableheader th {
	font-size:10px;
	padding-top:0!important;
	padding-bottom:0!important;
}

.clickable {
	cursor:pointer !important;
webkit-user-select: none; /* Chrome all / Safari all */ 
-moz-user-select: none; /* Firefox all */ 
-ms-user-select: none; /* IE 10+ */ user-select: none;
}

.clickable:not(.fas):not(.myaccountclick):hover {
	outline:0!important;
	border:0!important;
	color: #ccc;
}

.clickable.myaccountclick:hover {
	background: rgba(0,0,0,0.1);
}

.vertical-container .clickable:hover {
	outline:0!important;
	border:0!important;
	box-shadow: inset 10000px 0 0 rgba(0, 0, 0, 0.15);
}

.clickable.fas.fa-pencil:hover {
	outline:0!important;
	border:0!important;
	color:grey;
	box-shadow: inset 10000px 0 0 rgba(0, 0, 0, 0.15);
}

.clickable.fas.fa-trash-alt:hover, .clickable.fas.fa-times:hover {
	outline:0!important;
	border:0!important;
	color:red;
	box-shadow: inset 10000px 0 0 rgba(0, 0, 0, 0.15);
}

.clickable.fas.fa-check:hover, .clickable.fas.fa-plus:hover {
	outline:0!important;
	border:0!important;
	color:green;
	box-shadow: inset 10000px 0 0 rgba(0, 0, 0, 0.15);
}

.clickable:active {
	outline:0!important;
	border:0!important;
	box-shadow: inset 10000px 0 0 rgba(0, 0, 0, 0.15);
}


.sort h6 {
	margin-left:12.5px !important;
}

.sort.asc h6:after {
	content:"\f0de";
	font-family:"Font Awesome 5 Pro";
	display: inline-block;
	font-weight:900;
    margin: 0 6px 0 6px;
}

.sort.desc h6:after {
	content:"\f0dd";
	font-family:"Font Awesome 5 Pro";
	display: inline-block;
	font-weight:900;
    margin: 0 6px 0 6px;
}

.sort h6:after {
	content:"\f0dc";
	font-family:"Font Awesome 5 Pro";
	display: inline-block;
	font-weight:900;
    margin: 0 6px 0 6px;
}

.search-container {
  float: right;
  margin-right:17px;
}

.search-container input[type=text] {
  padding: 6px;
  font-size: 17px;
  border: none;
}

.search-container button {
  float: right;
  padding: 6px 10px;
  /*margin-right: 17px;*/
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.search-container button:hover {
  background: #ccc;
}

.modifydesktop .custom-control-label::before {
		top:-5px!important;
}

.modifydesktop .custom-control-label::after {
		top:-3px!important;
}

.modifymobile .custom-control-label::before {
		top:-27px!important;
		left:25%;
}

.modifymobile .custom-control-label::after {
		top:-25px!important;
		left:calc(25% + 2px);
}

.navbar .active {
	    background-color: #212529  !important;
}

.active:not(.btn):not(.btn-primary):not(.btn-danger):not(.btn-success):not(.btn-info):not(.btn-secondary):not(.nav-item):not(.nav-link) {
	    background-color: #bababa !important;
}

.unstyled::-webkit-inner-spin-button,
.unstyled::-webkit-calendar-picker-indicator {
    display:none;
	-webkit-appearance: none;
}

.vertical-center-icon {
    line-height: inherit;
}

@media (max-width: 575px) {
	.container.detail > .row {
		margin-left: 0;
		margin-right: 0;
	}
}

.container.detail > .row > div:not(.divider) {
	min-height: 66px;
	background-color: #fff;
}

.container.detail .operator .info-field {
	min-height: 66px;
}

.container.detail .operator .info-field div {
	height: 50% !important;
}

.container.detail .operator .info-field > div > div {
	padding-top: .25rem;
	padding-bottom: .25rem;
}

.container.detail > .row > div > div {
	padding-top: .25rem;
	padding-bottom: .25rem;
}

.container.detail > .row:not(.operator) > div > div:not(.header) {
	height:50% !important;
}

.container.detail .header {
	text-transform: uppercase;
}

@media (min-width: 768px){
	.operator_status_indicator.singleop {
		width: 1% !important;
	}
}

.operator_status_indicator {
	margin-top:-.25rem;
	width: 2%;
	height:calc(100% + .5rem);
	position:absolute;
	top:0;
	left:0;
}

.custom-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
	list-style:none;
	padding:0;
}

.custom-menu li {
    padding: 8px 12px;
    cursor: pointer;
	font-size: 12px;
}

.custom-menu li:hover {
    background-color: #DEF;
}

#quickbprmanager {
  position: relative;
  height:auto!important;
}

#quickbprmanager .modal-dialog {
  position: fixed;
  margin: 0;
  padding: 10px;
}

@media (max-width: 600px) { .operatorlist, .operatorpicks, .userlist, .requestlist		{  zoom:75%!important;} } 
@media (min-width: 600px) and (max-width: 992px) { .operatorlist, .operatorpicks, .userlist,.requestlist		{  zoom:90%!important;} } 

@media (min-width: 768px) { .h-md-100		{  height:100%!important;} } 
@media (min-width: 768px) { .mw-md-220		{  max-width:275px !important;} } 
@media (max-width: 768px) { .p-under-md-0		{  padding:0!important;} } 

/* calendar */

@media (max-width: 768px) { table.calendar thead tr:nth-child(1) th	{ height:48px!important; } }
@media (max-width: 768px) { table.calendar thead tr:nth-child(2) th	{ top:48px!important; } }
@media (min-width: 768px) and (max-width: 992px) { table.calendar thead tr:nth-child(1) th	{ height:32px!important; } }
@media (min-width: 768px) and (max-width: 992px) { table.calendar thead tr:nth-child(2) th	{ top:32px!important; } }
@media (min-width: 768px) { table.calendar		{  zoom:75%!important;} } 
@media (min-width: 992px) { table.calendar		{  zoom:85%!important;} } 
@media (max-width: 992px) { .pl-under-lg-1 {  padding-left:0.25rem !important;} .position-under-lg-absolute { position: absolute !important;} } 

table.calendar		{ border-left:1px solid #999; zoom:50%; height:100%; position:absolute;top:0;}
.calendar-month { position:sticky; top:0; left:0; z-index:6;}
table.calendar thead tr:nth-child(1) th { position:sticky; position:-webkit-sticky; top:0px; z-index:5; font-size: 1.5rem; height:24px;}
table.calendar thead tr:nth-child(2) th { position:sticky; position:-webkit-sticky; top:24px; z-index:5;}
tr.calendar-row	{  }
td.calendar-day	{ height:80px; font-size:14px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover	{ /*background:#eceff5;*/ }
td.calendar-day-np	{ background:#CCC; min-height:80px; } * html div.calendar-day-np { height:80px; }
th.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-spacing: 0;}
div.day-number		{ background:transparent; padding:2px; color:#000; font-weight:bold; float:right; width:20px; text-align:center; position:absolute;right:5px;top:5px;}
/* shared */
td.calendar-day, td.calendar-day-np { min-width:240px; height:150px; padding:5px; padding-right:29px !important; vertical-align:top; border-bottom:1px solid #999; border-right:1px solid #999; }

#AddNew, #AddNew td {
	position:sticky;
	position:-webkit-sticky;
	background: white;
	z-index:5;
	bottom:0;
}


row {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.translateX {
	transform: translate3D(0,32px,0)!important;
	
}

@media (min-width: 768px) {
	.notihide {
		/*top:-100% !important;*/
	}
}

/* Hide scrollbar for Chrome, Safari and Opera */
.hidescroll::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.hidescroll {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}



@media (max-width: 768px){
	.notihide {
		-/*webkit-transform: translateY(-100%);
		transform: translateY(-100%);*/
	}
}

@media (max-width: 768px){
    .notification_bar {
        right:.75rem;
    }
}

@media (min-width: 768px){
    .notification_bar {
	    right:1.25rem;
    }
}
.notification_bar {
	max-height:calc(99% - 50px);
	min-height: 300px;
	width:400px;
	position:fixed;
	top:0;
	z-index:999;
	margin-top:50px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	display:flex;
	flex-flow: column;
}

#notification_list{
	overflow:auto;
	flex:1;
	
}

.notification_ring {
	animation: bellshake 1.5s cubic-bezier(.36,.07,.19,.97) infinite !important;
	backface-visibility: hidden;
	color:#ebbd34;
	--slds-c-icon-color-foreground: #ebbd34;
}

.notification_bell.active {
	background: #212529 !important;
}

@keyframes bellshake {
  0% { transform: rotate(0); }
  7% { transform: rotate(10deg); }
  14% { transform: rotate(-10deg); }
  21% { transform: rotate(8deg); }
  28% { transform: rotate(-8deg); }
  35% { transform: rotate(4deg); }
  42% { transform: rotate(-4deg); }
  49% { transform: rotate(2deg); }
  50% { transform: rotate(0); }
}

.hour::after, .mins::after, .dateminus::after, .dateplus::after {
  position: absolute;
  top: 10px;
  right: .5rem;
  height:100%;
  transition: all .05s ease-in-out;
  font-size: .9rem;
  color:grey;
}

.hour::after {
	content: "hrs";
}

.mins::after {
	content: "mins";
}

.dateminus::after {
	content: "-";
}


.dateplus::after {
	content: "+";
}

.overflow-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (max-width: 1450px) {
	.hide-width{
		max-width:0px!important;
		overflow:hidden;
		padding: 0!important;
	}
}

.blink {
  animation: blinker 1s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}
@keyframes blinker {  
  from { opacity: 1; }
  to { opacity: 0; }
}


/* Custom Context Menu */
.context-menu {
  display: none;
  position: fixed;
  border: 1px solid #B2B2B2;
  width: 150px;
  background: #F9F9F9;
  box-shadow: 3px 3px 2px #E9E9E9;
  border-radius: 4px;
  z-index: 2000;
}

.context-menu .items {
  list-style: none;
  margin: 0px;
  margin-top: 4px;
  padding-left: 0;
  padding-bottom: 3px;
  font-size: 14px;
  color: #333333;
}

.context-menu li {
  cursor:pointer;
  padding: 3px;
  padding-left: 15px;
}

.context-menu hr {
	margin: 0 !important;
}

.context-menu .items :hover {
  background: rgba(220,220,220,.8);
}


.bootstrap-table {
	flex:1;
}

.bootstrap-table td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: .1rem;
}

.modal .bootstrap-table .fixed-table-toolbar {
	background: transparent;
}

.bootstrap-table .fixed-table-toolbar, .bootstrap-table .fixed-table-header, .bootstrap-table .fixed-table-pagination {
	background: var(--dark);
	color:white;
}

.bootstrap-table .fixed-table-pagination {
	padding-left: 1rem;
	padding-right: 1rem;
}

.bootstrap-table .fixed-table-pagination>.pagination, .bootstrap-table .fixed-table-pagination>.pagination-detail {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.bootstrap-table .groupBy td {
	font-weight: 700 !important;
}

.bootstrap-table .table th {
	border:0 !important;
}

.bootstrap-table .fixed-table-container .table thead th .th-inner {
	padding: .5rem !important;
}

.bootstrap-table .fixed-table-toolbar {
	padding-left: .5rem;
	padding-right: .5rem;
	width:100%;
}

@media (max-width: 562px) {
	
	.bootstrap-table .fixed-table-toolbar {
		display:flex;
		flex-direction:column;
	}
	
	.bootstrap-table .fixed-table-toolbar .search {
		width:100%!important;
	}
	
	.bootstrap-table .fixed-table-toolbar > * {
		margin-top: 0!important;
		margin-left: 0!important;
		margin-right: 0!important;
	}
}

.live_indicator.show_not_live {
	top:0!important;
	transition: all 0.5s ease;
}

.live_indicator:hover {
	opacity:1 !important;
}

.server_indicator.show_not_live {
	bottom:10px!important;
	transition: all 0.5s ease;
}

.server_indicator:not(.show_not_live) .offline,.server_indicator.show_not_live .online,.server_indicator.check_live .online,.server_indicator:not(.check_live) .checking {
    display:none;
}

.server_indicator.show_not_live {
    background: red !important;
}

.server_indicator.check_live {
    background: grey !important;
}

.server_indicator:not(.show_not_live):not(.check_live) {
    background: green !important;
    bottom:-80px!important;
}

.server_indicator.check_live .checking .fa-spinner {
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}

.loading-spinner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 999;
    color: #280071;
}

#loading {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255,255,255,0.4);font-size:1.5em;
  z-index: 999;
}

.server_indicator:hover {
	opacity:1 !important;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

@font-face {
    font-family: 'SpaceGrotesk';
    src: url('../fonts/SpaceGrotesk-Regular.woff2') format('woff2'),
        url('../fonts/SpaceGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SpaceGrotesk-Bold';
    src: url('../fonts/SpaceGrotesk-Bold.woff2') format('woff2'),
        url('../fonts/SpaceGrotesk-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SpaceGrotesk-Medium';
    src: url('../fonts/SpaceGrotesk-Medium.woff2') format('woff2'),
        url('../fonts/SpaceGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SpaceGrotesk-SemiBold';
    src: url('../fonts/SpaceGrotesk-SemiBold.woff2') format('woff2'),
        url('../fonts/SpaceGrotesk-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('../fonts/SpaceGrotesk-Light.woff2') format('woff2'),
        url('../fonts/SpaceGrotesk-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.inner-shadow-light {
	-moz-box-shadow:    inset 0 0 1000px 0 rgba(0,0,0,0.125);
	-webkit-box-shadow: inset 0 0 1000px 0 rgba(0,0,0,0.125);
	box-shadow:         inset 0 0 1000px 0 rgba(0,0,0,0.125);
}

.inner-shadow {
	-moz-box-shadow:    inset 0 0 1000px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 1000px 0 rgba(0,0,0,0.3);
	box-shadow:         inset 0 0 1000px 0 rgba(0,0,0,0.3);
}

.es-list li {
	cursor:pointer;
}

.es-list {
	max-height: 310px !important;
}
