@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@font-face {
    font-family: 'JustSignature';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/JustSignature-92w7.ttf') format('truetype');
}
body {
    font-family: 'Lato', sans-serif;
    /* background-color: #f8f9fa;
    color: #212529;
    margin: 0;
    padding: 0; */
}
.signature {
    font-family: 'JustSignature';
    font-size: 14px;
    font-weight: bold;
}
.login-form{
    margin : 5% auto;
}

.logout-btn a{
    text-decoration : none;
    color : #000000;
}

#add-todo-form{
    display : none;

}

.hidden{
    display : none;
}

/* ============ Admin============== */
a {
    text-decoration : none;
    /* color : #FFFFFF; */
}
.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
    padding: .375rem 2.25rem .375rem .75rem;
    height: unset;
    
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #212529;
    line-height: unset;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding: unset;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    margin-right: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}

.btn-green-300 {
    background-color: #75b798;
    border-color: #75b798;
    color: white;
}
.btn-green-300:hover {
    background-color: #479f76;
    border-color: #479f76;
    color: white;
}
.btn-green-300:active {
    background-color: #479f76 !important;
    border-color: #479f76 !important;
    color: white !important;
}
.btn-blue-300 {
    background-color: #6ea8fe;
    border-color: #6ea8fe;
    color: white;
}
.btn-blue-300:hover {
    background-color: #3d8bfd;
    border-color: #3d8bfd;
    color: white;
}
.btn-blue-300:active {
    background-color: #3d8bfd !important;
    border-color: #3d8bfd !important;
    color: white !important;
}
.btn-red-300 {
    background-color: #ea868f;
    border-color: #ea868f;
    color: white;
}
.btn-red-300:hover {
    background-color: #e35d6a;
    border-color: #e35d6a;
    color: white;
}
.btn-red-300:active {
    background-color: #e35d6a !important;
    border-color: #e35d6a !important;
    color: white !important;
}
.was-validated .custom-select:invalid + .select2 .select2-selection{
    border-color: #dc3545!important;
}
.was-validated .custom-select:valid + .select2 .select2-selection{
    border-color: #28a745!important;
}
*:focus{
  outline:0px;
}

/* Add validation border for Select2 */
.select2-container--default .select2-selection--single.is-invalid {
    border: 1px solid #dc3545 !important; /* Bootstrap danger color */
}

/* Use this class to make any column display as heading */
.heading-column {
    color: white;
    background: rgb(170, 170, 170);
    font-weight: bold;
}