@font-face {
	font-family: 'Segoe UI';
    /* src: url('assets/extends/fonts/Segoe_UI.woff'); */
    src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-regular.woff2') format('woff2'), 
    url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-regular.woff') format('woff');
}


body {
    font-family: 'Segoe UI', sans-serif;
}




/* .d-flex.flex-column-fluid {
    margin-top: 80px !important;
} */

.margin-top-custom-header {
    margin-top: 80px !important;
}

.text-light-important {
    color: #fff !important;
}

.text-capital{
    text-transform: capitalize !important;
}

.pointer {
    cursor: pointer !important;
}

.img-applicant-profile-photo {
    height: 250px !important;
    object-fit: cover !important;
    width: auto !important;
}


.divider-custom {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px dashed #EBEDF3;
}

.modal-no-border-title {
    border-bottom: none !important;
}

.visibility-hidden {
    visibility: hidden !important;
}

.align-item-flex-end {
    align-items: flex-end !important;
}

.vertical-align-bottom {
    vertical-align: bottom !important;
}

[disabled]{
	cursor: not-allowed !important;
}

.title-folder {
    white-space: nowrap; 
    width: 100%; 
    overflow: hidden;
    text-overflow: ellipsis;
}
/* =============================================
Section Button
============================================= */

.btn-utama {
    background-color: #116198 !important;
    color: #fff !important;
}

.btn-kedua{
    background-color: #209BFC !important;
    color: #fff !important;
}

.btn-utama-secondary {
    background-color: rgba(17, 97, 152, .2) !important;
    color: #116198 !important;
}


.btn-blue-fig {
    background-color: #006198 !important;
    color: #fff !important;
}

.btn-green-fig {
    background-color: #51BB25 !important;
    color: #fff !important;
}

.btn-red-fig {
    background-color: #DC3545 !important;
    color: #fff !important;
}


/* =============================================
Progress Bar
============================================= */

.bg-progress-bar-1{
    background-color: #980900 !important;
}
.bg-progress-bar-2{
    background-color: #E30E00 !important;
}
.bg-progress-bar-3{
    background-color: #DF8600 !important;
}
.bg-progress-bar-4{
    background-color: #3ADF00 !important;
}
.bg-progress-bar-5{
    background-color: #1E7300 !important;
}

/* =============================================
Datatable
============================================= */
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8faff !important;
}

table.align-baseline tr td {
    vertical-align: baseline !important;
  }

/* =============================================
Label
============================================= */

.label-fig-waiting {
    background-color: #A1A1A1 !important;
    color: #fff !important;
}

.label-fig-ready {
    background-color: #DF8600 !important;
    color: #fff !important;
}

.label-fig-process {
    background-color: #009DF5 !important;
    color: #fff !important;
}

.label-fig-revise {
    background-color: #E000CA !important;
    color: #fff !important;
}

.label-fig-done {
    background-color: #2F7716 !important;
    color: #fff !important;
}

.label-fig-declined {
    background-color: #980900 !important;
    color: #fff !important;
}


/* =============================================
Btn Action
============================================= */
.btn-ready-fig{
    background-color: #009DF5 !important;
    color: #fff !important;
    border: none !important;
}
.btn.btn-ready-fig.dropdown-toggle::after {
    color: #fff !important;
}

.btn-accepted-fig{
    background-color: #006198 !important;
    color: #fff !important;
    border: none !important;
}
.btn.btn-accepted-fig.dropdown-toggle::after {
    color: #fff !important;
}

.btn-declined-fig{
    background-color: #777777 !important;
    color: #fff !important;
    border: none !important;
}
.btn.btn-declined-fig.dropdown-toggle::after {
    color: #fff !important;
}

.btn-revise-fig{
    background-color: #980000 !important;
    color: #fff !important;
    border: none !important;
}
.btn.btn-revise-fig.dropdown-toggle::after {
    color: #fff !important;
}

.btn-process-fig{
    background-color: #E99A00 !important;
    color: #fff !important;
    border: none !important;
}
.btn.btn-process-fig.dropdown-toggle::after {
    color: #fff !important;
}

.nav.nav-pills .nav-link {
    background-color: #F2F2F2;
    color: #858C94;
}
.nav.nav-pills.nav-primary .show > .nav-link, .nav.nav-pills.nav-primary .nav-link:hover:not(.active){
    background-color: #F2F2F2;
    color: #858C94;
}

.nav.nav-pills.nav-primary .show > .nav-link .nav-text, .nav.nav-pills.nav-primary .nav-link:hover:not(.active) .nav-text{
    color: #858C94;
}


/* dropzone */
.dropzone.dropzone-multi .dropzone-item-2{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0.75rem;
    border-radius: 0.42rem;
    padding: 0.5rem 1rem;
    background-color: #F3F6F9;
}

.dropzone.dropzone-multi .dropzone-item-2 .dropzone-file{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.dropzone.dropzone-multi .dropzone-item-2 .dropzone-file .dropzone-filename{
    font-size: 0.9rem;
    font-weight: 500;
    color: #7E8299;
    text-overflow: ellipsis;
    margin-right: 0.5rem;
}
.dropzone.dropzone-multi .dropzone-item-2 .dropzone-toolbar{
    margin-left: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.dropzone.dropzone-multi .dropzone-item-2 .dropzone-toolbar .dropzone-start-2, .dropzone.dropzone-multi .dropzone-item-2 .dropzone-toolbar .dropzone-cancel, .dropzone.dropzone-multi .dropzone-item-2 .dropzone-toolbar .dropzone-delete{
    height: 25px;
    width: 25px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.dropzone.dropzone-multi .dropzone-item-2 .dropzone-toolbar .dropzone-start-2 i, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-cancel i, .dropzone.dropzone-multi .dropzone-item-2 .dropzone-toolbar .dropzone-delete i {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    font-size: 0.8rem;
    color: #7E8299;
}













.dropzone.dropzone-multi .dropzone-item-3{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0.75rem;
    border-radius: 0.42rem;
    padding: 0.5rem 1rem;
    background-color: #F3F6F9;
}

.dropzone.dropzone-multi .dropzone-item-3 .dropzone-file{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.dropzone.dropzone-multi .dropzone-item-3 .dropzone-file .dropzone-filename{
    font-size: 0.9rem;
    font-weight: 500;
    color: #7E8299;
    text-overflow: ellipsis;
    margin-right: 0.5rem;
}
.dropzone.dropzone-multi .dropzone-item-3 .dropzone-toolbar{
    margin-left: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.dropzone.dropzone-multi .dropzone-item-3 .dropzone-toolbar .dropzone-start-2, .dropzone.dropzone-multi .dropzone-item-3 .dropzone-toolbar .dropzone-cancel, .dropzone.dropzone-multi .dropzone-item-3 .dropzone-toolbar .dropzone-delete{
    height: 25px;
    width: 25px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.dropzone.dropzone-multi .dropzone-item-3 .dropzone-toolbar .dropzone-start-3 i, .dropzone.dropzone-multi .dropzone-item .dropzone-toolbar .dropzone-cancel i, .dropzone.dropzone-multi .dropzone-item-3 .dropzone-toolbar .dropzone-delete i {
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
    font-size: 0.8rem;
    color: #7E8299;
}



.datepicker tbody tr > td.day.old {
    color: #c7cada !important;
}
.datepicker tbody tr > td.day {
    color: #4d5061 !important;
    font-weight: bold;
}
.datepicker tbody tr > td.disabled.day {
    color: #4d5061 !important;
    font-weight: lighter;
}
.datepicker tbody tr > td.day.new {
    color: #c7cada !important;
}