.clickable {
    cursor:pointer;
}

.btn-circle.btn-sm {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    font-size: 8px;
    text-align: center;
}
.btn-circle.btn-md {
    width: 50px;
    height: 50px;
    padding: 7px 10px;
    border-radius: 25px;
    font-size: 10px;
    text-align: center;
}
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 12px;
    text-align: center;
}

.clickable:hover {
    background-color: #FCFCFC;
    filter: brightness(85%);
}

.ishidden {
    display:none;
}

.isdisplayed {
    display:inline;
}

/*
::-webkit-input-placeholder {
    font-style: italic;
    color:#aaa !important;
}
:-moz-placeholder {
    font-style: italic;
    color:#aaa !important;
}
::-moz-placeholder {
    font-style: italic;
    color:#aaa !important;
}
:-ms-input-placeholder {
    font-style: italic;
    color:#aaa !important;
}

input[readonly]::placeholder {
    opacity: 70%;
    background-color:#fff;
    color:#888;
}

input[disabled]::placeholder {
    opacity: 70%;
    background-color:#fff;
    color:#888;
}
*/