@import url('variables.css');
::-moz-placeholder {
    color: var(----TColor);
}
.control-label {
    font-weight: light;
}
.form-group {
    margin-bottom: 0.75rem;
}
.form-control,
.dropdown-toggle,
.form-select {
    border-radius: var(--FERadius);
    border-color:var(--BorderColor);
    box-shadow: var(--drop-shadow-sm);
    color:var(----TColor) !important;
    font-size: 0.9rem !important;
    /* height: 2rem; */
}
.form-control:active,
.form-control:focus,
.form-select:active,
.form-select:focus {
    outline:none !important;
    border-color: var(--PrimaryColor);
    box-shadow: var(--drop-shadow-md);
}
option:hover {
    background-color: var(--PrimaryLightColor) !important;
    color:#fff !important;
  }
.btn {
    border-radius: var(--FERadius);
    /* box-shadow: var(--drop-shadow-md); */
}
.btn-GSign {
    background: white;
    border: 1px solid var(--BorderColor);
    box-shadow: var(--drop-shadow-sm);
}
.btn-GSign,
.btn-GSign span{
    color: var(----TColor) !important;
    font-family: 'Poppins', sans-serif !important;
}
.btn-GSign:hover {
    background: white;
    border: 1px solid var(--BorderColor);
    box-shadow: var(--drop-shadow-md);
}
.btn-GSign:hover,
.btn-GSign:hover span{
    color: var(----TColor) !important;
}
.btn-image img {
    width: 1.2rem;
    height: 1.2rem;
}
.btn-image span {
    flex-grow: 1;
}
.btn {
    font-family: "Abel", sans-serif;
    border-radius: var(--FERadius);
    font-size: 1rem;
    font-weight: 200;
}
.btn-primary {
    background: var(--PrimaryLightColor);
    border-color: var(--PrimaryLightColor);
    color: #fff;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background: var(--PrimaryColor) !important;
    border-color: var(--PrimaryLightColor) !important;
    color: #fff !important;
}
.btn-secondary,
.daterangepicker .drp-buttons .cancelBtn {
    background: var(--SecondaryLightColor);
    border-color: var(--SecondaryLightColor);
    color: var(--PrimaryColor);
}
.btn-secondary:hover,
.daterangepicker .drp-buttons .cancelBtn:hover {
    background: var(--SecondaryColor) !important;
    color: var(--PrimaryColor) !important;
}
.btn-secondary:active,
.btn-secondary:focus,
.daterangepicker .drp-buttons .cancelBtn:active,
.daterangepicker .drp-buttons .cancelBtn:focus {
    background: var(--SecondaryDarkColor) !important;
    border-color: var(--PrimaryColor) !important;
    color: var(--PrimaryColor) !important;
}
.form-check-input:checked {
    background-color:var(--PrimaryLightColor) ;
    border-color:var(--PrimaryLightColor);
}
.form-check-input:focus {
    border-color: var(--PrimaryLightColor);
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(110, 149, 118, .25);
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--PrimaryDarkColor) !important;
}
.daterangepicker td.in-range {
    background-color: var(--SecondaryDarkColor) !important;
}
/* Dropdown Icon */
.dropdown-icon:after {
    display: none;
}
.dropdown-icon {
    background: rgba(0,0,0,0) !important;
    border: none !important;
    box-shadow: none !important;
}