*{
    box-sizing: border-box;
}
html, body{
    scroll-behavior: smooth;
	height:100% !important;
}
#page-content {
    height:100%;
}
::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}

.card-body::-webkit-scrollbar-thumb{
    width:2px;
    border-radius:12px;
    background:#F7872F;
}

.main-logo {
    display:contents;
    cursor: pointer;
}

#login_icon {
    max-width: 400px;
    height: auto;
}

#lcg_img {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

@media screen and (max-width: 800px) {
    #login_icon {
        max-width: 300px;
        height: auto;
    }
}

.d-flex{
    overflow-x: hidden;
}
.fa-exclamation{
    color:red;
}

/* Responsive layout - when the screen is less than 800px wide */
@media screen and (max-width: 800px) {
    .filter-button-group{
        display:block !important;
        padding:1px;
    }
    .filter-button{
        width:49%;
        border-radius:0px;
    }
    .filter-date{
        width:47%;
        border-radius:0px;
    }
}

.contact-card-header {
    padding:.25rem 2rem 0rem .5rem;
}


.clickable_link{
    color:#0645AD;
    cursor:pointer;
    text-decoration:underline !important;
}
.clickable_link:hover {
	color: #007bff; /* Bootstrap's default link color */
	text-decoration: underline;
}

.orange_clickable_link{
    color:#FF851B;
    cursor:pointer;
}
.orange_clickable_link:hover {
	color: #007bff; /* Bootstrap's default link color */
	text-decoration: underline;
}

.light_orange_bg{
    background-color:#ffffcc;
}

.fa-user-circle{
    color:white;
}

#account_div{
    font-size:14px;
    font-weight:bold;
    color:white;
}

.pac-container{

    z-index:2000 !important;

}

.btn-purple{
    background-color:#FF00FF;
    color:white;
}
.text-purple{
    color:#FF00FF;
}
.gm-ui-hover-effect {
	height:24px !important;
	width:24px !important;
}
.gm-ui-hover-effect span{
	height:24px !important;
	width:24px !important;
	margin:0px !important;
}

/*this is the background for cards being dragged on dashboard*/
.sort-highlight {
	background: #f4f4f4;
	border: 2px dashed #ccc;
	margin-bottom: 10px;
  }