.logo
{
	background-image: url("/img/logo.png") !important;
	background-repeat: no-repeat;
  	background-size: 28px 28px;
}

/* LOGIN PAGE */
/*
    * This style set the login page background image
*/
.login-cover-img{
    /* /theme/assets/img/login/login.jpg */
    background-image: url(/theme/assets/img/login/login.jpg)
}

.btn-success {
    /* #6436f7  */
    color: #fff;
    background-color: #da251d !important;
    border-color: #da251d !important;
}

.btn-success:hover {
    filter: brightness(85%);
}

/*
    * This style sets the logo for the following pages::
    * forgot-password, login_again, reset-password,
    * too_many_login_attempts and user_register_set_password
*/

.login_logo
{
    /* paste image url here */
    content:url("https://chat-media-attachments.s3.eu-west-1.amazonaws.com/broad-cast-uploads/kobliat_transparent_login_logo.png");
	width: 250px;
}

/* DASHBOARD */

/*
    * This style sets the logo for dashboard topnav.
*/
.dashboard-full-logo
{
    /* paste image url here */
    content:url("https://chat-media-attachments.s3.eu-west-1.amazonaws.com/broad-cast-uploads/kobliat-topnav-full-logo.png");
    max-width: 100%;
    max-height: 100%;
}

/* This style sets the icon colors */
.default_red
{
	color: #da251d;
}

/* success message */
.default_green
{
	color: #48c50e;
}

.stats-info p
{
    font-size: 2vh !important;
}

.stats-info h4
{
    font-size: 2vh !important;
}

.widget-stats .stats-link a, .widget.widget-stats .stats-link a
{
    font-size: 0.7vw;
}

.widget-stats .stats-icon, .widget.widget-stats .stats-icon
{
    font-size: 2vw;
}

#text-icon-wrapper
{
    display: flex;
}

div.stats-info:nth-child(1)
{
    width: 85%;
}
div.stats-icon:nth-child(2)
{
    width: 15%;
}

.pace .pace-progress {
    top: 50px;
    height: 3px;
    background: #da251d;
    transition: all .2s linear;
}

.bg-black {
    background-color: #2d353c;
    --bs-bg-opacity: 1;
    background-color: rgba(45, 53, 60,var(--bs-bg-opacity))!important;
}

.tile_icon {
	width: 42px;
	height: 42px;
}

.app-sidebar .menu .menu-item.active>.menu-link .menu-icon {
    color: rgba(var(--app-sidebar-component-color-rgb),.6) !important;
}

.app-sidebar .menu .menu-item .menu-submenu .menu-item.active:after {
    border-color: #da251d !important;
}

.btn-outline-dark {
    color: #fff !important;
    border-color: #fff !important;
}

.form-select-xl {
    padding: 1rem 0.75rem;
    font-size: 15px;
    border-radius: 4px;
}

.page-item.active .page-link {
    z-index: 3;
    /*color: var(--app-component-active-color);*/
    background-color: #20252a !important;
    border-color: #20252a !important;
}

.form-check-input:checked {
    background-color: #20252a !important;
    border-color: #20252a !important;
}

.hr-50 {
	height:2px;
	width:50%;
	border-width:0;
	color:#2d353c;
	background-color:#2d353c;
	margin: 0 auto;
}

.note {
	z-index: 999 !important;
}

.parsley-error {
    background-color: #FFFFFF !important;
    border-color: #da251d !important;
    color: var(--app-component-color)!important;
}

.parsley-error:focus {
    border-color: #da251d !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(218, 37, 29,.3)!important;
}

.parsley-success {
    background-color: #FFFFFF !important;
    border-color: #48c50e !important;
    color: var(--app-component-color)!important;
}

.parsley-success:focus {
    border-color: #48c50e!important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(72, 197, 14,.3)!important;
}

.toolbar_buttons {
    float: right !important;
    margin-top: 10px;
}
.footer_buttons {
    float: right !important;
}

.contact_list_button_margin {
    margin-left: 10px !important;
    margin-top: 10px !important;
}