@import url('/font/Yara.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root{--neutral-900:#0F172A;--neutral-800:#1E293B;--neutral-700:#334155;--neutral-600:#475569;--neutral-500:#64748B;--neutral-400:#94A3B8;--neutral-300:#CBD5E1;--neutral-200:#E2E8F0;--neutral-100:#F1F5F9;--neutral-50:#F8FAFC;--neutral-5:#D9D9D9;--primary-darker:#011A4A;--primary-dark:#021843;--primary-base:#00205C;--primary-light:#0056B8}
*{margin:0;padding:0;font-family:YaraMx;}
.left-sidenav{font-family:YaraMx!important;}
html{font-size:14px;position:relative;min-height:100%;}
body{margin-bottom: 60px;min-height:unset!important;}
input::placeholder {color:#9B959F;font-family:YaraMx;font-size:14px;line-height:24px;letter-spacing:0.5px;}
.card{border:0px solid #EFF2FF;background:#FFF;padding:32px;}
.title-page{color:#030229;font-size:24px;font-weight:600;margin-bottom:20px;margin-top:36px;}
.li-custom {height:100%;vertical-align:middle;display:flex;align-items:center;justify-content:center;margin:0px 12px;position:relative;}

/*button style*/
.btny,.btny-sm{text-decoration:none}.btny-primary,.btny-primary:disabled{border-radius:3px;box-shadow:0 2px 0 0 rgba(0,0,0,.04)}.btny-outline-primary,.btny-primary,.btny-primary:disabled{box-shadow:0 2px 0 0 rgba(0,0,0,.04)}.btny{font-size:15px!important;font-weight:600;line-height:24px;display:inline-flex;padding:10px 16px;justify-content:center;align-items:center;gap:8px;flex-shrink:0}.btny-sm{font-size:14px;line-height:18px;display:flex;height:29px;padding:0 20px;justify-content:center;align-items:center}.btny-primary{color:#fff;border:1px solid #2777b8;background:#2777b8}.btny-outline-primary{border-radius:4px;color:#2777b8;border:1px solid #2777b8;background:#fff}.btny-outline-danger,.btny-secondary{background:#fff;box-shadow:0 2px 0 0 rgba(0,0,0,.02)}.btny-primary:disabled,.btny-outline-primary:disabled{color:var(--neutral-400);border:none;background:var(--neutral-100)}.btny-secondary{border-radius:3px;border:1px solid var(--neutral-5)}.btny-outline-danger{border-radius:4px;border:1px solid #f5222d;color:#f5222d}.btn-link.nav-link:focus,.btn:active:focus,.btn:focus,.form-check-input:focus,.form-control:focus{box-shadow:0 0 0 .1rem #fff,0 0 0 .25rem #258cfb}
.btny-danger {background-color:#dd4757;color:white!important;border: 2px solid #dd4757;border-radius:4px;font-weight:600;}

/*modal & alert style*/
.modal-body,.modal-footer{padding-top:0}.modal-userlock-title{font-size:19px;font-weight:900;color:#0f172a}.alert p,.modal-header button,.modal-userlock-label{font-size:14px}.modal-backdrop{background-color:rgba(37,37,46,.5)!important}.modal-content .modal-header{background-color:unset;border-bottom:unset;padding-bottom:0}.modal-header button{background:unset;border:unset}.modal-footer{border-top:unset!important}.modal-footer button{width:59px;height:36px}.modal-success-result{display:flex;padding:10px 16px;align-items:flex-start;gap:8px}.modal-dialog-result{max-width:800px;width:fit-content!important;top:13%}.modal-content-result{width:unset;font-size:14px}.alert{display:flex;padding:16px 8px;align-items:flex-start;gap:11px;align-self:stretch;background:#fff8f8;min-height:50px}.alert p{color:#20102b;font-family:YaraMx;line-height:24px;letter-spacing:.5px;margin-bottom:0}
.modal-column-export{--bs-modal-width: 500px !important;}.modal-title-export{color:#303e67!important;font-weight:900;font-size:20px;}.modal-font-export{font-family:YaraMx!important}

/*breadcrumb style*/
.breadcrumb,.breadcrumb-focus{font-size:14px;display:inline}.breadcrumb-container{margin-top:36px}.breadcrumb{color:#939393}.breadcrumb-focus{color:rgba(0,0,0,.85);line-height:22px}.breadcrumb-title{color:#030229;font-size:24px;font-weight:600;margin-top:4px;margin-bottom:25px}.breadcrumb:hover{color:#2777b8}.breadcrumb-separator{font-size:14px;color:#939393}

/*map style*/
.searchbox,.searchbox-map{margin:0;padding:16px;background:rgba(0,0,0,0);color:#333;font-size:14px;min-height:34px;height:44px!important}#find-location{margin:.7rem 0;padding:6px 12px;max-width:fit-content;border-radius:4px;color:#2777b8;font-size:14px;border:1px solid #2777b8;background:#fff}.searchbox{border-top-left-radius:5px;border-bottom-left-radius:5px;width:calc(100% - 44px)!important;border:1px solid #ddd}.searchbox-map{border-top-left-radius:4px;border-bottom-left-radius:4px;width:92%;border:1px solid #ddd}.searchbox-map:focus,.searchbox-map:focus-visible,.searchbox:focus,.searchbox:focus-visible{border-color:#337ab7!important;border-right:2px solid #337ab7}.searchbox-map:hover{border-color:rgba(51,122,183,.4)!important}.btn-map-searchbox{height:44px;width:44px;border:1px solid #ddd;border-radius:0 4px 4px 0}

/*badge status style*/
.badge-status{font-size:13px;font-style:normal;font-weight:500;height:32px;line-height:normal;text-transform:capitalize;display:flex;justify-content:center;align-items:center;max-width:345px;padding:0 50px}.status-proccess{background-color:#fffdf5;color:#858000}.status-rejected{background-color:#fff5f5;color:#983c3c}.status-green{background-color:#f5fffb;color:#068842}.status-cancel{background-color:#FFF5F5;color:#de473f;}.status-done{background-color:#f5f7ff;color:#2777b8}.status-exp{background-color:#f7f7f7;color:#718096}

/*icon style*/
.export-icon{content: url('/images/icon/export.svg');}.eye-icon{content:url('/images/icon/eye.svg')}.eye-slash-icon{content:url('/images/icon/eye-slash.svg')}.check-icon{content:url('/images/icon/check.svg')}.circle-double-icon{content:url('/images/icon/circle-double.svg')}.ellipse-icon{content:url('/images/icon/ellipse.svg')}.ellipse-current-icon{content:url('/images/icon/ellipse-current.svg')}

.profile-label {
    font-family: YaraMx !important;
    display: inline-block;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align:top;
}
.border-error{border: 2px dashed #de7373 !important;}
.simplebar-scrollbar:before{background: #D9DEF7 !important;}
.label-form{color:#20102b;font-size:14px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:.5px;margin-bottom:4px}
.label-asterisk { color: #FF005D; }
.invalid-message{margin-top:6px;margin-bottom:0;color:#eb1913;font-size:12px}
.invalid-border-field{border:1px solid rgba(217,83,79,.65) !important;}
.cursor-pointer {cursor:pointer;}.cursor-wait{cursor:wait;}
.lh-unset {line-height:unset !important;}
.mt-px-10{margin-top: 10px;}
.mb-px-30{margin-bottom: 30px;}
.ml-auto{}
.pq-0{padding-left: 0px;}
.pe-0{padding-right: 0px;}
.img-fit{object-fit: cover;clip-path: inset(0 0 0 0);}

.color-primary {
    color: #2777B8!important;
}

.color-primary:hover {
    color:#1c5a8c!important;
}

.page-wrapper .page-content {
    background-color: #F7F7F7!important;
}

.bg-export-yara {
    background-color: #2777B8;
    width: 70%;
    max-width: 1050px;
    border-radius: 4px;
    color: white;
    display: flex;
    padding: 16px 8px;
    align-items: flex-start;
    gap: 11px;
    align-self: stretch;
    min-height: 50px;
}
.bg-export-yara p {
    color:white !important;
    font-size:13px;
    margin-bottom:0px;
}

.btn-process-export-done {
    height: 38px;
    border-radius: 4px;
}

.font-color-common {color:#0F172A !important;}
.font-20{font-size:20px!important}.font-19{font-size:19px!important}.font-18{font-size:18px!important}.font-17{font-size:17px!important}.font-16{font-size:16px!important}.font-15{font-size:15px!important;}.font-14{font-size:14px!important;}.font-13{font-size:13px!important;}.font-12{font-size:12px!important;}.font-11{font-size:11px!important;}
.font-bold{font-weight:bold}.font-book{font-weight:900;}
.font-report * {
    font-family: "Noto Sans", sans-serif !important;
    /*font-family: 'Segoe UI' !important; */
}

.notif-dashboard {
    z-index:501;
    height: 525px;
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(-276px, 54px);
}

.notif-unread {
    background-color: #E2F2FF!important;
}

.navbar-custom .nav-link {padding:0 0.5rem;}

.notif-title:hover{color:#0056b8!important;}
.notif-list-title:hover{color:#013f85!important;}
.notif-desc{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.notif-desc-collapse-hide{word-wrap:initial;text-wrap:pretty;}

.notif-counter {
    position: relative;
    top: -10px !important;
    left: -5px !important;
    border: 1px solid rgba(255,255,255,0.6);
    padding: 1px 4px 1px;
    font-size: 8px !important;
}

.notif-item-container:hover {
    background: #f3faff;
}

.navbar-custom .nav-link {
    padding: 0 0.5rem;
}

#countTotalVerifID,
#countTotalUnseenNewsfeedID {
    position: unset !important;
    margin-left: 0px;
}

.modal-content .modal-body p, .modal-content h4 {
    color: #0F172A;
}

.navbar-logo {
    height:25px;
}

@media screen and (max-width:px) {
    .modal-dialog-result {
        width:100%;
    }
}

@media screen and (max-width:1023px) {
    .bg-export-yara {
        width:100% !important;
    }
}

@media screen and (max-width:475px) {
    .profile-label {
        display: none;
    }
}

@media screen and (max-width:400px) {
    .navbar-logo {
        height: 20px;
    }
}

@media screen and (max-width:285px) {
    .navbar-logo {
       display:none;
    }
}