/*
  This CSS file is meant to be customized by deployments
  and is intentionally left empty. Any style that is added
  here should override the default styles in the application.
 */

/*  CAS Design by Yassine El Yakoubi - 08/2025  */

body {
    background: #ebebeb !important;
}

.cas-brand {
    width: auto;
    margin-left: 0 !important;
    margin-right: auto !important;
    display: flex
}

.cas-logo {
	height: auto!important;
    max-height: 100px!important;
    width: auto!important;
}

#app-bar {
    background-color: #008dac !important;
}

div#content {
    box-shadow: 0px 0px 2px 1px #f3f3f3!important;
}

.mdc-card {
	background-color: #f5f5f5!important;
}

.banner-info {
  display: none!important;
}

.cas-footer {
    background-color: #008dac !important;
	font-weight: bold!important;
}
	
#main-content {
    margin-top: 50px!important;
	max-width: 850px !important;
}

.mdc-button--unelevated:not(:disabled) {
    background-color: #fd0 !important;
}

.mdi:before {
    color: #000 !important;
}

.mdc-top-app-bar__row {
    height: 118px !important;
}

.mdc-button--raised:not(:disabled) {
    background-color: #fd0 !important;
    border-radius: 5px !important;
    box-shadow: 00px 0px 4px 0px #ddca50 !important;
    filter: none !important;
    color: #000000!important;
    font-weight: bold!important;
	border: 1px solid #ffc63f;
}

.mdc-button--raised:not(:disabled):hover {
	box-shadow: 0px 0px 4px 0px #dfb40c !important;
	transform: scale(1.01)!important;
}

div.dt-container div.dt-layout-row {
    padding: 0px 10px 0 10px!important;
}

code {
    font-weight: bold;
    background-color: #b510b1;
    padding: 5px;
    border-radius: 5px;
    color: #ffffff;
}

#toggle-attributes {
    padding: 10px 20px;
    background-color: #b510b1;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
#toggle-attributes:hover {
    background-color: #b510b1;
}