/***********************************************************
WRITE HERE YOUR CUSTOM STYLES, THIS FILE WILL BE PARSED IN ADDITION TO css/styles_screen.css AND, IF YOU USE A THEME DIFFERENT THAN "CLASSIC", IN ADDITION TO THE CORRESPONDING CSS FILE (E.G. FOR THE THEME "BLACK", THE FILE IS css/theme_black.css)
***********************************************************/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body, input {
    font-family: 'Poppins', sans-serif;
    color: #000; /* hack, was 333 */
    font-weight: 350; /* Note: Font weight 350 is not a standard value, consider using 300, 400, 500, etc. */
    line-height: 1.45;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

.main-menu {

    font-family: 'Poppins', sans-serif;

}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
input[type='file'],
textarea {
    display: block;
    box-sizing: border-box;
    height: 2.4375rem;
    padding: 0.5rem;
    border: 1px solid #ccc;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    color: black;
    background-color: white;
    box-shadow: "";
    transition: "";
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 4px;
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #c87126;
	--bs-btn-border-color: #c87126;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #c16e25;
	--bs-btn-hover-border-color: #c16e25;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #c16e25;
	--bs-btn-active-border-color: #c16e25;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #c87126;
	--bs-btn-disabled-border-color: #c87126
}

.btn-outline-primary {
	--bs-btn-color: #c87126;
	--bs-btn-border-color: #c87126;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #c87126;
	--bs-btn-hover-border-color: #c87126;
	--bs-btn-focus-shadow-rgb: 13, 110, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #c87126;
	--bs-btn-active-border-color: #c87126;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #c87126;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #c87126;
	--bs-gradient: none
}

.btn-primary, .btn-primary:visited{
    background-color: rgb(200, 113, 38);
}

.btn-primary:hover, .btn-outline-primary:hover{
    background-color: #B46522
}

.btn-outline-primary, .btn-outline-primary:focus {
    color: rgb(200, 113, 38);
}

.btn-outline-primary:hover{
    color: white;
}

.btn-primary, .btn-outline-primary{
    border-color: rgb(200, 113, 38);
}

.bx.bx-edit {
    color: #737373 !important; /* New color for the icon */
}

.bx.bx-info-circle {
    color: #c76128 !important; /* New color for the icon */

}

.main-menu a.active, .main-menu a.active:hover, .main-menu a.active:focus {
    color: #c87126;
    border: none;
}

/* hack */
.main-menu a:hover {
    color: #c87126;
}

 .main-menu a:hover, .main-menu a:active, .main-menu a:focus {
        color: #c87126;
        background-color: #333333;
    }

#td_left_menu {
    
    z-index: 1000; /* Sets a high stacking order to keep it on top */
  
}

.btn{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}