@import url('https://fonts.googleapis.com/css2?family=Koulen&family=Bokor&family=Bayon&family=Nokora&display=swap');
:root {
    --text-color: #e7e7e7;
    --bg-color  : #1a202c;
    --bg-menu   : rgb(0 0 0 / 77%);
    --shadow    : 0 1px 2px 0 #fff;
}

body{
    font-family: 'Nokora';
}
.main-theme {
    --text-color: #1a202c;
    --bg-color  : #fff;
    --bg-menu   : #fff;
    --shadow    : 0 1px 2px 0 rgba(0, 0, 0, .07);
}

.auth-full-bg {
    background-color: #000;
}

.img-clickable {
    height       : 200px !important;
    width        : 100% !important;
    -o-object-fit: cover;
    object-fit   : cover;
    z-index      : 2;
}

.spinner-custom {
    position : absolute;
    height   : 2rem;
    width    : 2rem;
    left     : 50%;
    top      : 50%;
    transform: translate(-50%, -50%);
}

.border-error {
    border-left-color: red;
}

.list-link .form-control:hover {
    cursor: move !important;
}

.table-nowrap th {
    text-align: center;
}

.table-nowrap td {
    padding   : 5px 5px;
    /* text-align: center; */
    font-size: 16px;
}

.hover-avatar img {
    -o-object-fit: cover !important;
    object-fit   : cover !important;
}

.btn-avatar {
    position : absolute;
    left     : 50%;
    top      : 100%;
    transform: translate(-50%, -50%);
    z-index  : 1000;
}

.btn-avatar i:hover,
.btn-avatar label:hover,
.td-pointer:hover{
    cursor: pointer !important;
}
.table-lazy {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.05);
    z-index: 1500;
}