html {
  font-size: 0.8rem;
}
body
{
	padding-bottom: 80px;
	background-color: #f6f6f6 !important;
}
a {
    text-decoration:none;
}

@media (max-width: 767.98px) {
	body
	{
		padding-top: 45px;
	}
	br.br-small {
		display: inline;
	}
	.bottom-space {
		margin-bottom: 15px;
	}
	
	.dropdown-menu, .dropdown-item, .dropdown-header {
		background-color: #000000;
		color: rgba(255, 255, 255, 0.5);
	}
	.dropdown-item:hover {
		background-color: #000000;
		color: rgba(255, 255, 255, 0.75);
	}
	.stockchartlight {
		width: 100%;
		height: 300px;
		padding-top: 0px;
	}
	
	.sticky-top-plus{
		position: sticky;
		top: 45px;
		z-index: 1000;
	}
		
}

@media (min-width: 768px) {
	body
	{
		padding-top: 80px;
	}
	br.br-small {
		display: none;
	}
	.collapse.dont-collapse-sm {
		display: block;
		height: auto !important;
		visibility: visible;
	}
	
	.dropdown-menu, .dropdown-item, .dropdown-header {
		background-color: #343a40;
		color: rgba(255, 255, 255, 0.5);
	}
	.dropdown-item:hover {
		background-color: #343a40;
		color: rgba(255, 255, 255, 0.75);
	}
	.stockchartlight {
		width: 100%;
		height: 550px;
		padding-top: 0px;
	}
	
	.sticky-top-plus{
		position: sticky;
		top: 81px;
		z-index: 10020;
	}
}

@media (max-width: 991.98px) {
	.navbar-brand {
		margin-right: 1rem !important;
		
	}

	.navbar-search {
		margin-right: 1rem !important;
		width: 150px; 
		
	}
	.nav-item {
		margin-right: 0rem !important;
	}
}
@media (min-width: 992px) {
	.navbar-brand {
		margin-right: 2rem !important;
		
	}

	.navbar-search {
		margin-right: 2rem !important;
		width: 200px; 
		
	}
	.nav-item {
		margin-right: 0.5rem !important;
	}
}
@media (max-width: 767.98px) {
  .my-custom-color {
    color: blue;
    text-align: center;
  } 
}

@media (min-width: 600px) {
	div.card-columns {
		column-count: 1;
	}
}
@media (min-width: 800px) {
	div.card-columns {
		column-count: 2;
	}
}
@media (min-width: 1200px) {
	div.card-columns {
		column-count: 3;
	}
}
@media (min-width: 1900px) {
	div.card-columns {
		column-count: 4;
	}
}

#search_field {
    position: relative;
    z-index: 10000;
}

.page_title {
	padding-left: 1rem;
	position: relative;
	letter-spacing: .01375rem;
	line-height: 1.1 !important;
	margin-bottom: 0 !important;
}
.page_title::before {
	position: absolute;
	top: 0;
	left: 0;
	width: .25rem;
	height: 100%;
	content: "";
	border-radius: .0625rem;
	background-color: #fd7e14;
}

.container-content {
	background-color: #ffffff;
	box-shadow: 0 .125rem .3125rem 0 rgba(25,25,25,.16);
	margin-top: 0.5rem !important;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}
.container-content-nobottom {
	background-color: #ffffff;
	box-shadow: 0 .125rem .3125rem 0 rgba(25,25,25,.16);
	margin-top: 0.5rem !important;
	padding-top: 1rem !important;
	padding-bottom: 0rem !important;
}
.container-content-notop {
	background-color: #ffffff;
	box-shadow: 0 .125rem .3125rem 0 rgba(25,25,25,.16);
	margin-top: 0.5rem !important;
	padding-top: 0rem !important;
	padding-bottom: 1rem !important;
}

.nav-last-item::before {
	position: absolute;
	width: 2px;
	height: 20px;
	content: "";
	border-radius: .0625rem;
	background-color: #808080;
}

.modal-footer-fixed {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px);
}

.disabled-link {
	cursor: default;
	pointer-events: none;        
	text-decoration: none;
	color: grey;
}

.drowpdown-menu {
    border: 0px;
}
.dropdown-divider {
    background-color: #343a40;
    border-top: 1px solid #ffffff;
}

.cust-navbar nav li {          /* <- this affects just my footer navbar */
    display: inline-block !important;
}

.vertical-center {
  min-height: 80%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 80vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}
.page-header {
    margin: 0 0 10px 0;
    padding-bottom: 0;
}

.nav-link-nopadding {
  padding: 0rem 0rem;
}

.navbar-center {
  display: flex;
  align-items: center;
  margin: auto;
}
.navbar-nav-row {
	flex-direction: row;
}
.nav-item-white {
	color: rgba(255,255,255,.5);
}
.nav-item-white:hover {
	color: rgba(255,255,255,.75);
}
.nav-item-white.active {
	color: rgba(255,255,255,1) !important;
}
.navbar-top {
	padding-bottom: 5px !important;
}
.navbar-top-second {
	padding-top: 0px !important;
	margin-top: 43px !important;
}


.icon-red {
    color: #dc3545;
}
.icon-blue {
    color: #0d6efd;
}
.icon-yellow {
    color: #ffc107;
}
.icon-orange {
	color: #fd7e14 !important;;
}
.icon-green {
    color: #198754;
}
.icon-purple {
    color: #8000FF;
}
.icon-white {
    color: #ffffff;
}
.icon-orange-dark {
    color: #bb4d00;
}
.icon-grey {
    color: #6c757d;
}
.icon-dark-grey {
    color: #343a40;
}
.blue-background {
    background-color: #0000ff;
}
.green-background {
    background-color: #009933;
}
.red-background {
    background-color: #ff0000;
}
.orange-background {
    background-color: #ff6600;
}

.is-sticky > * {
    /*-webkit-transform: translateZ(0);*/
    position: -webkit-sticky;
    position: sticky;
}

.table-green {
	background-color:#d1e7dd;
}
.table-blue {
	background-color:#cfe2ff;
}
.table-cyan {
	background-color:#cff4fc;
}
.table-red {
	background-color:#f8d7da;
}

td.table-primary-plus {
	background-color:#0d6efd;
}
td.table-success-plus {
	background-color:#198754;
}
td.table-warning-plus {
	background-color:#ffc107;
}



div.sticky {
    /*-webkit-transform: translateZ(0);*/
    position: -webkit-sticky;
    position: sticky;
}


div.account-list {
  max-height: calc(100vh - 9rem);
  overflow: auto;
  
}


div.planning-table {
  max-height: calc(50vh);
  overflow: auto;
  
}


.ui-autocomplete {
     z-index: 9999 !important;
}

.table-borderless > tbody > tr > td {
  border-top: 0px;
}

div.required label.col-form-label:after {
  content:" *";
  color:red;
}


.no-gutters {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
}


.bg-light-bar {
  background-color: #e9ecef !important;
}

.bg-primary-title {
  background-color: #031633 !important;
}
.bg-info-title {
  background-color: #055160 !important;
}
.bg-success-title {
  background-color: #0a3622 !important;
}
.bg-warning-title {
  background-color: #997404 !important;
}
.bg-danger-title {
  background-color: #842029 !important;
}

.bg-black {
	background-color: #000000 !important;
}

.breadcrumb-item a {
  color: #fd7e14;	
}

.btn-opacity-none {
	opacity: 1 !important;
}

.btn-opacity-50 {
	opacity: 0.5 !important;
}


.btn-orange {
  color: #fff;
  background-color: #fd7e14;
  border-color: #fd7e14;
}
.btn-orange:hover {
  color: #fff;
  background-color: #d96402;
  border-color: #cc5e02;
}
.btn-check:focus + .btn-orange, .btn-orange:focus {
  color: #fff;
  background-color: #d96402;
  border-color: #cc5e02;
  box-shadow: 0 0 0 0.25rem rgba(253, 152, 67, 0.5);
}
.btn-check:checked + .btn-orange, .btn-check:active + .btn-orange, .btn-orange:active, .btn-orange.active, .show > .btn-orange.dropdown-toggle {
  color: #fff;
  background-color: #cc5e02;
  border-color: #c25902;
}
.btn-check:checked + .btn-orange:focus, .btn-check:active + .btn-orange:focus, .btn-orange:active:focus, .btn-orange.active:focus, .show > .btn-orange.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(253, 152, 67, 0.5);
}
.btn-orange:disabled, .btn-orange.disabled {
  color: #fff;
  background-color: #fd7e14;
  border-color: #fd7e14;
}

.border-orange {
  border-color: #fd7e14 !important;
}

.nav-pills > .nav-item a {
  color: #000 !important;
  font-family: "Roboto",sans-serif;
  letter-spacing: 0.01rem;
}


.nav-pills .nav-link.active {
	border-radius: 0 !important;
	background-color: #fff;
	border-bottom: 2px solid  #fd7e14 !important;
}

.nav-pills .nav-link:not(.active):hover {
	border-radius: 0 !important;
	border-bottom: 2px solid  #bbb !important;
	transition: border-color .0s ease-in-out !important;
}

.background-black-image {
	background-color: #000000 !important;
	background-image:url('/assets/images/background-gamefinder.svg');
	background-repeat:no-repeat;
	background-position:center center;
	-o-background-size:cover;
	background-size:cover;
}

td.pointer {cursor: pointer;}
td.not-allowed {cursor: not-allowed;}