.Kalem-info-color {
    background-color: #31724e !important
}

.btn-outline-kalem-info {
    color: #31724e !important;
    background-color: transparent !important;
    border: 2px solid #31724e !important
}


    .btn-outline-kalem-info:hover,
    .btn-outline-kalem-info:focus,
    .btn-outline-kalem-info:active,
    .btn-outline-kalem-info:active:focus,
    .btn-outline-kalem-info.active {
        color: #31724e !important;
        background-color: transparent !important;
        border-color: #31724e !important
    }

.btn-outline-kalem-info:not([disabled]):not(.disabled):active,
.btn-outline-kalem-info:not([disabled]):not(.disabled).active,
.show > .btn-outline-kalem-info.dropdown-toggle {
    background-color: transparent !important;
    border-color: #33b5e5 !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

    .btn-outline-kalem-info:not([disabled]):not(.disabled):active:focus,
    .btn-outline-kalem-info:not([disabled]):not(.disabled).active:focus,
    .show > .btn-outline-kalem-info.dropdown-toggle:focus {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
    }


.text-kalem {
    color: #1a3f26;
}