.mar0 {margin: 0 !important}
.mar5 {margin: 5px !important}
.mar10 {margin: 10px !important}
.mar20 {margin: 20px !important}
.mar30 {margin: 30px !important}
.mar40 {margin: 40px !important}
.mar50 {margin: 50px !important}
.mar-top0 {margin-top: 0 !important}
.mar-top5 {margin-top: 5px !important}
.mar-top10 {margin-top: 10px !important}
.mar-top20 {margin-top: 20px !important}
.mar-top30 {margin-top: 30px !important}
.mar-top40 {margin-top: 40px !important}
.mar-top50 {margin-top: 50px !important}
.mar-left0 {margin-left: 0 !important}
.mar-left5 {margin-left: 5px !important}
.mar-left10 {margin-left: 10px !important}
.mar-left20 {margin-left: 20px !important}
.mar-left30 {margin-left: 30px !important}
.mar-left40 {margin-left: 40px !important}
.mar-left50 {margin-left: 50px !important}
.mar-right0 {margin-right: 0 !important}
.mar-right5 {margin-right: 5px !important}
.mar-right10 {margin-right: 10px !important}
.mar-right20 {margin-right: 20px !important}
.mar-right30 {margin-right: 30px !important}
.mar-right40 {margin-right: 40px !important}
.mar-right50 {margin-right: 50px !important}
.mar-bot0 {margin-bottom: 0 !important}
.mar-bot5 {margin-bottom: 5px !important}
.mar-bot10 {margin-bottom: 10px !important}
.mar-bot20 {margin-bottom: 20px !important}
.mar-bot30 {margin-bottom: 30px !important}
.mar-bot40 {margin-bottom: 40px !important}
.mar-bot50 {margin-bottom: 50px !important}

.mr-10 {margin-right: -10px !important}

.pad0 {padding: 0 !important}
.pad5 {padding: 5px !important}
.pad10 {padding: 10px !important}
.pad20 {padding: 20px !important}
.pad30 {padding: 30px !important}
.pad40 {padding: 40px !important}
.pad50 {padding: 50px !important}
.pad-top0 {padding-top: 0 !important}
.pad-top5 {padding-top: 5px !important}
.pad-top10 {padding-top: 10px !important}
.pad-top20 {padding-top: 20px !important}
.pad-top30 {padding-top: 30px !important}
.pad-top40 {padding-top: 40px !important}
.pad-top50 {padding-top: 50px !important}
.pad-left0 {padding-left: 0 !important}
.pad-left5 {padding-left: 5px !important}
.pad-left10 {padding-left: 10px !important}
.pad-left20 {padding-left: 20px !important}
.pad-left30 {padding-left: 30px !important}
.pad-left40 {padding-left: 40px !important}
.pad-left50 {padding-left: 50px !important}
.pad-right0 {padding-right: 0 !important}
.pad-right5 {padding-right: 5px !important}
.pad-right10 {padding-right: 10px !important}
.pad-right20 {padding-right: 20px !important}
.pad-right30 {padding-right: 30px !important}
.pad-right40 {padding-right: 40px !important}
.pad-right50 {padding-right: 50px !important}
.pad-bot0 {padding-bottom: 0 !important}
.pad-bot5 {padding-bottom: 5px !important}
.pad-bot10 {padding-bottom: 10px !important}
.pad-bot20 {padding-bottom: 20px !important}
.pad-bot30 {padding-bottom: 30px !important}
.pad-bot40 {padding-bottom: 40px !important}
.pad-bot50 {padding-bottom: 50px !important}

.gitna {text-align:center !important;}
.red {color: var(--red)}
.upload_dp {border-radius: 50%;max-width: 150px;object-fit: cover;height: 150px;text-align: center;width: 100%;box-shadow: 0px 1px 7px 0px rgb(0 0 0 / 10%);}

        @keyframes blink {
            0% {
                opacity: 1;
            }
            50% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }

        .blinking-text {
            color: red;
            animation: blink 1s infinite; 
        }

::-webkit-scrollbar{width: 5px;}
::-webkit-scrollbar-track{-webkit-border-radius:0;border-radius:0}
::-webkit-scrollbar-thumb{-webkit-border-radius:0;border-radius:0;background:#131e13e6}
::-webkit-scrollbar-thumb:window-inactive{background:#fff}
::-webkit-scrollbar:horizontal{
  height: 6px;
  background-color: red;
}
::-webkit-scrollbar-thumb:horizontal{
        background: #000;
        border-radius: 10px;
        
    }
.kaliwa {text-align:left !important;}
.headerBadge1:hover {color:#ffffff !important;background-color: #000000 !important}
.feather-bell:hover .headerBadge1 {color:#ffffff !important;}
.notif-del {opacity:0;}
.dropdown-item:hover .notif-del {opacity:1;pointer:cursor}
.dropdown-item-unread {background-color:#ebebeb !important}
.empty-center {font-size: 12px;position: absolute;opacity: .7;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.notif-scroll {max-height: 300px;overflow-y: scroll !important;}

.resulta_employee {text-decoration:none;}
.employee_result:hover a {color:#000000;text-decoration:none;}
.employee_result {cursor:pointer;background-color: rgb(255 255 255);padding: 10px;border: 1px #e0e5ea solid;z-index: 999;display: none;width: 100%;box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%), 0 0.9375rem 1.40625rem rgb(90 97 105 / 10%), 0 0.25rem 0.53125rem rgb(90 97 105 / 12%), 0 0.125rem 0.1875rem rgb(90 97 105 / 10%);	
}
.employee_result span{font-size:12px;position:absolute;padding:0 10px 5px 10px;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:70%}
.badge:hover {color:white !important}

.basura {
    color: white;
    opacity: 0 !important;
}
.delvent:hover basura {opacity: 1 !important;}
.yellow .basura {color: black;}
.pink .basura {color: black;}
.event:hover .basura {opacity: 1 !important;}
.alert-text {font-size: 15px;font-weight: 700;color: green;}
.day_event {opacity: 0 !important;}
.day_num:hover .day_event {cursor: pointer;opacity: 1 !important;}
.day_num {cursor: pointer;}
.event_edit {cursor: pointer;} 
.card-header {position:relative;margin-bottom: 15px;}
.section-title h6:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -14px;
    height: 5px;
    width: 55px;
    background-color: #fb5058;
}
.section-title h6:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -12px;
    height: 1px;
    width: 95%;
    max-width: 255px;
    background-color: #fb5058;
}
.titulo {font-size: 15px;line-height: 28px;padding-right: 10px;margin-bottom: 0;color: #212529;}
.dt-buttons {position: absolute !important;}

.resulta_employee_top {text-decoration:none;}
.employee_result_top:hover a {color:#000000;text-decoration:none;}
.employee_result_top {cursor:pointer;background-color: rgb(255 255 255);position: absolute;padding: 10px;border: 1px #e0e5ea solid;display: none;width: 100%;box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%), 0 0.9375rem 1.40625rem rgb(90 97 105 / 10%), 0 0.25rem 0.53125rem rgb(90 97 105 / 12%), 0 0.125rem 0.1875rem rgb(90 97 105 / 10%);	
}
.employee_result_top span{font-size:12px;position:absolute;padding:0 10px 5px 10px;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:70%}

.search-element {position:relative;}
.late_in {
vertical-align: middle;
    padding: 4px 7px;
    font-weight: 600;
    background-color: #fc544b;
    color: white !important;
    letter-spacing: 0.3px;
    border-radius: 30px;
    font-size: 9px;
}
.card-header h6:before {
    content: "";
    position: absolute;
    top: 45px;
    height: 5px;
    width: 55px;
    background-color: #fb5058;
}
.card-header h6:after {
    content: "";
    position: absolute;
    left: 25px;
    top: 47px;
    height: 1px;
    width: 95%;
    max-width: 255px;
    background-color: #fb5058;
}
.modal-header h5:before {
    content: "";
    position: absolute;
    top: 55px;
    height: 5px;
    width: 55px;
    background-color: #fb5058;
}
.modal-header h5:after {
    content: "";
    position: absolute;
    left: 25px;
    top: 57px;
    height: 1px;
    width: 95%;
    max-width: 255px;
    background-color: #fb5058;
}
.bold {font-weight: bold;}
.top-right-link {position: absolute;right: 25px;top: 3px;}
.rtl {direction: rtl !important;}
.lrt {direction: ltr !important;}
.text-kanan {text-align: right !important;}

.delchat {opacity: 0 !important;}
.chat-right:hover .delchat {cursor: pointer;opacity: 1 !important;}

.ticket_owner {opacity: 0 !important;float: right;position: relative;}
.support-ticket:hover .ticket_owner {cursor: pointer;opacity: 1 !important;float: right;position: relative;}

.ticket_replyowner {opacity: 0 !important;float: left;position: relative;}
.support-ticket:hover .ticket_replyowner {cursor: pointer;opacity: 1 !important;float: left;position: relative;}
.puti {color: white !important;}
.active_tr {background-color: #e7e7e7 !important;}

.delbookmark {opacity: 0 !important;}
.list-group:hover .delbookmark {cursor: pointer;opacity: 1 !important;}
.text-right {text-align:right !important;}
.taas {vertical-align: top !important;}
.oras {font-size: 10px;color: grey;font-style: italic;}
.deltag {opacity: 0 !important;position: absolute;top: 16px;color: white;z-index: 2;left: 17px;display: inline-block;}
.avatar:hover .deltag {cursor: pointer;opacity: 1 !important;}
.chatM {position: absolute;width: 19px !important;color: white !important;font-weight: 300;padding: 3px 6px !important;background: #cd333e;border-radius: 10px;}

.black {color: black !important;}
.flex {display:flex !important;}