.textCenter {
    text-align: center;
}

.padding1rem {
    padding: 1rem;
}

.paddingBottom0 {
    padding-bottom: 0;
}

.paddingTop0 {
    padding-top: 0;
}

.padding2px {
    padding: 2px;
}

.padding5px {
    padding: 5px;
}

.estimasiWaktu {
    display: flex;
    justify-content: space-between;
}

.height36px {
    height: 36px;
}

.height60px {
    height: 60px;
}

.height600px {
    height: 600px;
}

.height1coma8rem {
    height: 1.8rem;
}

.heightAuto {
    height: auto;
}

.displayNone {
    display: none;
}

.borderBottom0 {
    border-bottom: 0;
}

.borderRadius4px {
    border-radius: 4px;
}

.borderRadius6px {
    border-radius: 6px;
}

.borderTop0 {
    border-top: 0;
}

.lineHeight45px {
    line-height: 45px;
}

.fontSize1HalfEm {
    font-size: 1.5em;
}

.verticalAlignTop {
    vertical-align: top;
}

.verticalAlignSub {
    vertical-align: sub;
}

.col .row.marginNol {
    margin: 0;
    margin-bottom: 0.5rem;
}

.row .col.marginNol {
    margin: 0;
    margin-bottom: 0.5rem;
}

.marginAuto {
    margin:auto;
}

.marginMin1coma1rem {
    margin-left: -1.2rem;
}

.marginNol {
    margin: 0;
}

.marginBottom10vh {
    margin-bottom: 10vh;
}

.margin1rem {
    margin: 1rem;
}

.margin1remAuto {
    margin: 1rem auto;
}

.margin2remAuto {
    margin: 2rem auto;
}

.margin2px {
    margin: 2px;
}

.marginTop0 {
    margin-top: 0;
}

.marginTop0coma25rem {
    margin-top: 0.25rem;
}

.marginTop0coma5rem {
    margin-top: 0.5rem;
}

.marginTop2rem {
    margin-top: 2rem;
}

.marginTop2px {
    margin-top: 2px;
}

.marginTop1coma5rem {
    margin-top: 1.5rem;
}

.marginBottom2px {
    margin-bottom: 2px;
}

.marginBottom0 {
    margin-bottom: 0 !important;
}

.marginBottom1rem {
    margin-bottom: 1rem;
}

.marginBottom4rem {
    margin-bottom: 4rem;
}

.marginBottom1coma5rem {
    margin-bottom: 1.5rem;
}

.marginBottom0coma25rem {
    margin-bottom: 0.25rem;
}

.marginBottom1coma25rem {
    margin-bottom: 1.25rem;
}

.marginTitle2RemProject,
.marginBottom2rem {
    margin-bottom: 2rem !important;
}

.marginRight05rem {
    margin-right: 0.5rem;
}

.marginRight025rem {
    margin-right: 0.25rem;
}

.marginRight2rem {
    margin-right: 2rem;
}

.marginLeftMinus1rem {
    margin-left: -1rem
}

.marginLeft05rem {
    margin-left: 0.5rem;
}

.marginLeft025rem {
    margin-left: 0.25rem;
}

.marginLeft1rem {
    margin-left: 1rem
}

.marginLeft2rem {
    margin-left: 2rem
}

.marginLeft3rem {
    margin-left: 3rem
}

.marginLeft0 {
    margin-left: 0 !important;
}

.marginRight0 {
    margin-right: 0 !important;
}

.divMarginGenerateIstirahat,
.divMarginScenario {
    margin: 5px 10px;
}

.divMarginInteraksi,
.divSubmitScenario,
.margin1rem0 {
    margin: 1rem 0;
}

.marginFormProject,
.marginBottom05rem {
    margin-bottom: 0.5rem;
}

.divPratinjauSimpanScenario,
.margin2coma5rem0 {
    margin: 2.5rem 0;
}

.buttonDeleteProject {
    margin: 2rem 0;
}

.marginErrorMessageScoringFinal,
.margin20px0 {
    margin: 20px 0;
}

.text-align-center {
    text-align: center;
}

.widthAuto {
    width: auto;
}

.widthAutoImportant {
    width: auto !important;
}

.width160px {
    width: 160px;
}

.width100 {
    width: 100%;
}

.width50 {
    width: 50%;
}

.width20 {
    width: 20%;
}

.width80 {
    width: 80%;
}

.width65 {
    width: 65%;
}

.width35 {
    width: 35%;
}

.width65Project {
    width: 65% !important;
}

.width35Project {
    width: 35% !important;
}

.width0 {
    width: 0;
}

.width30px {
    width: 30px;
}

.width40px {
    width: 40px;
}

.width60px {
    width: 60px;
}

.width100px {
    width: 100px;
}

.width142px {
    width: 142px;
}

.width160px {
    width: 160px;
}

.width200px {
    width: 200px;
}

.width240px {
    width: 240px;
}

.maxWidth60px {
    max-width: 60px;
    width: 60px;
}

.maxWidth240px {
    max-width: 240px;
}

.minWidth64px {
    min-width: 64px;
}

.minWidth160px {
    min-width: 160px;
}

.fontSize1rem {
    font-size: 1rem;
}

.fontSize12px {
    font-size: 12px;
}

.fontSize14px {
    font-size: 14px;
}

.fontSize2em {
    font-size: 2em;
}

.fontSize16px {
    font-size: 16px;
}

.fontStyleItalic {
    font-style: italic;
}

.fontWeight300 {
    font-weight: 300;
}

.fontWeight600 {
    font-weight: 600;
}

.textTransformNoneImportant {
    text-transform: none !important;
}

.letterSpacing1px {
    letter-spacing: 1px;
}

.lineHeight2 {
    line-height: 2;
}

.divTextTransformGenerateGambar,
.textTransformNone {
    text-transform: none;
}

.bgTableFormScenarioPage,
.bgWhite {
    background: #E3F2FD;
}

.bgRed {
    background: red;
}

.bgDarkOrange {
    background: darkorange;
}

.bgOrange {
    background: #FFB733;
}

.bgCornFlowerBlue {
    background: cornflowerblue;
}

.bgYellowGreen {
    background: yellowgreen;
}

.bgForestGreen {
    background: forestgreen;
}

.bgTransparentImportant {
    background: transparent !important;
}

.overflowXhidden {
    overflow-x: hidden;
}

.wordBreakAll {
    word-break: break-all;
}

.border0 {
    border: 0;
}

.cursorHelp {
    cursor: help;
}


/* laporan/laporan */
.borderSkalaPenilaian {
    border-left: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.borderKompetensi {
    border-left: 0;
    border-top: 0;
}

.kekuatanPengembanganLaporan {
    height: 3rem;
    width: 100%;
}

.paddingTdKekuatanPengembangan {
    padding: 10px 0 0 0;
}

.divTdKekuatanPengembangan {
    padding: 0 20px;
}

.thUraianHasil {
    border-bottom: 1px solid #fff !important;
}


/* dashboard/pesertaController */
.divTableDataPesertaController {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 18px;
}

.buttonPesertaController {
    margin-top: 0.1rem;
    padding-right: 0;
}


/* dashboard/qrCodeHandler */
.qrCodeResult {
    min-height: calc(100vh - 4px);
    justify-content: center;
}

.hrQrCode {
    margin: 3rem 0 0 0;
    border: 0;
    border-top: 1px solid #ddd;
}


/* dashboard/changeLog */
.styleChangeLog {
    line-height: 2;
    word-break: break-word;
}


/* dashboard/injectHTML */
.marginBottomRightInjectHTML {
    margin-bottom: 0.25rem;
    margin-right: 0;
}


/* dashboard/fgd */
.pesertaHTMLfgd {
    padding: 0 20px;
}

.contentListFGD {
    margin: 0;
    padding: 1rem 0 2rem 0;
    border-radius: 4px;
    border-top: 1px solid #ddd;
}


/* scoring/tampilkanHasilPeserta */
.textTableTampilkanHasil {
    font-size: 0.8rem !important;
    vertical-align: top;
}


/* scoring/generateInterviewHTML */
.listBookmarksTitle,
.tidakAdaHasilHighlightInterview,
.tidakAdaHasilHighlightFGD,
.tidakAdaHasilHighlightRoleplay,
.tidakAdaHasilHighlightIndividualRoleplay,
.tidakAdaHasilHighlightPresentation,
.tidakAdaHasilHighlightPanelPresentation {
    padding: 10px;
    border-radius: 4px;
    margin: 2rem 0;
    font-size: 20px;
}

.tidakAdaFileInterview,
.tidakAdaFileFGD,
.tidakAdaFileRoleplay,
.tidakAdaFileIndividualRoleplay,
.tidakAdaFilePresentation,
.tidakAdaFilePanelPresentation {
    padding: 15px;
    border-bottom: 1px solid #ddd;
}

.buttonCatatanInterview,
.buttonCatatanFGD,
.buttonCatatanRoleplay,
.buttonCatatanPresentation {
    margin-left: 0;
    margin-right: 0;
}

.timeCatatanInterview,
.timeCatatanFGD,
.timeCatatanRoleplay,
.timeCatatanPresentation {
    font-size: 10px;
    border-radius: 3px;
    padding: 5px;
}

.actionCardCatatanInterview {
    padding: 5px 5px 10px 5px;
}

.fontSizeCatatanInterview,
.fontSizeCatatanFGD,
.fontSizeCatatanRoleplay,
.fontSizeCatatanIndividualRoleplay,
.fontSizeCatatanPresentation,
.fontSizeCatatanPanelPresentation {
    font-size: 10px;
    padding: 5px;
    border-radius: 3px;
}

.linkUnduhInterview,
.linkUnduhFGD,
.linkUnduhRoleplay,
.linkUnduhIndividualRoleplay,
.linkUnduhPresentation,
.linkUnduhPanelPresentation {
    margin: 0.5rem 0;
}

.hrIndexVideoInterview,
.hrIndexVideoFGD,
.hrIndexVideoRoleplay,
.hrIndexVideoIndividualRoleplay,
.hrIndexVideoPresentation,
.hrIndexVideoPanelPresentation {
    margin: 2rem 0 0 0;
    border: 0;
    border-top: 1px solid #ddd;
}

.interviewTimeAction,
.fgdTimeAction,
.individualroleplayTimeAction,
.roleplayTimeAction,
.presentationTimeAction,
.panelpresentationTimeAction {
    min-width: 50%;
    min-height: 300px;
    border-radius: 4px;
}

.iconPlayCircleInterview,
.iconPlayCircleFGD,
.iconPlayCircleRoleplay,
.iconPlayCircleIndividualRoleplay,
.iconPlayCirclePresentation,
.iconPlayCirclePanelPresentation {
    font-size: 10rem;
    display: block;
    margin: auto;
}

.divKompetensiInterview,
.divKompetensiFGD,
.divKompetensiRoleplay,
.divKompetensiIndividualRoleplay,
.divKompetensiPresentation,
.divKompetensiPanelPresentation {
    display: flex;
    flex-direction: column;
}


/* scoring/userDataGenerator */
.divRowUserDataGenerator {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 2rem;
}

.fotoProctoringUserDataGenerator {
    margin-bottom: 1rem;
    border: 0;
    margin-top: 0;
}

.imgUserDataGenerator {
    height: 80px;
    width: auto;
}

.warningGoogleSheetUserDataGenerator {
    padding: 5px;
    border-radius: 2px;
    text-align: left;
    line-height: 2;
    margin: 1rem 0;
}

.thTableCandidateResult {
    padding: 15px 10px;
    border-top: 0;
    border-bottom: 0;
}

.tombolPindahPenilaianUserDataGenerator {
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 26px;
    width: 20%;
    text-align: right;
    line-height: 1.7;
}

.divBatchUserDataGenerator {
    margin-left: 2.65rem;
    margin-top: 0.5rem;
}

.tdPaddingTargetJabatan {
    padding-left: 54px;
    padding-top: 0 !important;
}


/* scenario/generate_gambar */
.divGenerateGambar {
    border-radius: 4px 40px 40px 4px;
    border-left: 5px solid brown;
    margin-right: 8px;
}

.divMarginGenerateGambar {
    margin-right: -4px;
}


/* scenario/scenario */
.previewHTMLScenario {
    margin-bottom: 1.5rem !important;
}

.hiddenDisplayScenario {
    display: none;
    height: 0;
    width: 0;
    visibility: hidden;
    opacity: 0;
}


/* scenario/submitScenario */
.titleInformasiUmum {
    margin: 1.5rem 0 0.5rem 0;
}


/* interaksiTemplates */
.imgInteraksiTemplate {
    height: 96px;
    width: auto;
}

.buttonCallIntraksi {
    min-width: 140px;
}

.iconBackgroundPhone {
    background: transparent !important;
}

.buttonMasukInteraksi {
    min-width: 140px;
}

/* tampilkanScoringFinal */
.fontColumnTableScoringFinal {
    font-size: 2rem;
}

.penilaiOneScoringFinal {
    font-weight: normal;
    font-size: 10px;
    margin-top: 1rem;
}

.penilaiTwoScoringFinal {
    display: block;
    padding: 10px;
    border-radius: 4px;
    letter-spacing: 1px;
    background: #F5F5F0;
}

.syaratStandarNilaiScoringFinal {
    font-weight: 600;
    font-size: 0.9rem;
}

.bgStarScoringFinal {
    margin-left: -1rem;
    margin-top: -0.1rem;
}

.titlePaddingScoringFinal {
    padding: 15px;
}

.selectStandarNilai {
    width: 60px;
    height: 60px;
    vertical-align: middle;
    display: inline-block;
    margin: auto;
}

.selectStandarNilaiTwo {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.selectStandarNilaiThree {
    margin-right: 1rem;
}

.selectStandarNilaiFour {
    padding: 5px 10px;
    border-radius: 2px;
    max-width: 400px;
}

.ulPenilaianFinal {
    box-shadow: none;
    border-right: 0;
    border-left: 0;
}

.titleScoringFinal {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.valueFontScoringFinal {
    font-size: 0.8rem;
}

.fontKecocokan {
    font-size: 0.8rem;
    font-weight: 600;
}

.titleJudulTable {
    width: 15%;
    max-width: 15%;
    text-align: right;
    padding-right: 20px;
}

.batchIdDiv {
    margin-left: 2.65rem;
    margin-top: 0.5rem;
}

.paddingTargetJabatan {
    padding-left: 54px;
    padding-top: 0;
}

.widthButtonScoringFinal {
    width: 142px;
}

.imgScoringFinal {
    display: inline-block;
    height: 80px;
    width: auto;
}

.buttonIconStandarJabatan {
    margin-right: -0.05rem !important;
}

.footerScoringFinal {
    margin: 2.5rem 0 3.5rem 0;
}


/* triggerScoringFinal */
.resultLetterTriggerScoring {
    letter-spacing: 1px;
}

.marginTriggerScoring {
    margin-bottom: 2rem;
}

/* asesorController */
.breakWordAsesor {
    word-break: break-word;
}

.fontSize10px {
    font-size: 10px;
}


/* scoring-page */
.iconScoringPage {
    margin-right: -0.75rem;
    margin-top: 0.05rem;
}

.heightScoringPage {
    height: auto;
}


/* scenario-page */
.widthTableParentKompetensi {
    width: 20%;
    min-width: 200px;
}

.divMargin005Scenario {
    margin: 0 0.5rem;
}

.divKeteranganButtonScenario {
    margin: 1.5rem 0;
}

.paddingRight20px {
    padding-right: 20px;
}

.textareaAdditional {
    margin-left: 10px;
    margin-bottom: 2rem;
}

.divMarginMailInterview {
    margin-top: 0;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.divMarginMailInterviewTwo {
    margin-bottom: 0.5rem !important;
}

.label4tools {
    font-size: 14px !important;
    line-height: 1.75rem !important;
}


/* project-page */
.preLoaderProject {
    margin-bottom: 1.5rem;
}

.marginFormMidProject,
.marginVersionLogin {
    margin: 0;
    margin-bottom: 0.5rem;
}

.paddingFormProject {
    padding-right: 10px;
}

.tooltipProject,
.fileInputKamus,
.inputFileUpload {
    display: block;
    min-height: 45px;
}

.checkboxProject {
    margin-left: 0.4rem;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.paddingCheckboxProject,
.paddingCheckbox {
    padding-top: 0.15rem;
}

.formTitleProject {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.formTitle {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.buttonsProject {
    margin-bottom: 10vh;
}

.selectStatusPenilaianProject {
    margin-bottom: 1rem;
    position: absolute;
    z-index: 1
}

.openCloseListProject {
    margin-top: 2rem;
    margin-bottom: 2rem;
}


/* interaksi-trigger-page */
.asesorInfoInteraksi {
    margin: 0;
    margin-bottom: 1.5rem;
    align-items: baseline;
}

.asesorInfoInteraksiTwo {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.titleInteraksi {
    margin-top: 2rem;
    margin-right: 2rem;
}

.divButtonInteraksi {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 18px;
}

.paddingButtonInteraksi {
    padding: 0 5px 0 0 !important;
}

.buttonInterviewInteraksi {
    margin-right: 1.5rem;
}

/*
.buttonFGDInteraksi {
    border-bottom-color:transparent;
} */

.buttonReloadInteraksi {
    margin-top: 0.1rem;
    padding-right: 0;
}

.divInteraksi {
    margin: 0 -24px 1rem -24px;
    padding: 1rem 24px;
}

.marginTableInteraksi {
    margin-bottom: 2rem;
}


/* dashboard-page */
.marginDivDashboardPage {
    margin: 1.5rem 0;
}

.heightDivDashboardPage {
    height: calc(100vh - 68px);
    flex-direction: column;
    justify-content: center;
}

.heightPositionDivDashboardPage {
    min-height: calc(100vh - 68px);
    position: fixed;
    z-index: 400;
    height: 100vh;
    width: 100vw;
}

.height32coma4px {
    height: 32.4px;
}

.divCardHideDashboardPage {
    margin: auto;
    min-height: calc(100vh - 68px);
    display: flex;
}

.iframeHighlightDashboardPage {
    position: fixed;
    top: 0;
    z-index: 400;
    height: 100vh;
    width: 100vw;
}

.closeFrameHighlightDashboardPage {
    position: fixed;
    top: 56px;
    left: 10px;
    z-index: 401;
}


/* webcall-page */
.divSpeechToText {
    height: 36px;
    margin-bottom: 1rem;
}

.divInformasiPesertaWebcall {
    border-top: 1px solid rgba(160, 160, 160, 0.2);
}

.divTawkToLink {
    margin-bottom: 2rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(160, 160, 160, 0.2);
}

.inputNewFGD {
    width: 100%;
    padding-left: 0.8rem;
}

.buttonSubmitWebcall {
    height: 41px;
    width: calc(100% - 20px);
}

.divListFGD {
    margin-bottom: 4rem;
    padding: 0 10px;
}


/* integrated-scoring-page */
.divPenilaianFinalWrap {
    height: auto;
    border-radius: 6px;
}


/* user-page */
.divInputGambar {
    display: block;
    min-height: 45px;
}

.divFormInputUserPage {
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

.spanHanyaInteraksi {
    line-height: 25px !important;
}

.divAsesorTopDataInfo {
    margin: 0;
    margin-bottom: 1.5rem;
    align-items: baseline;
}

.divDisplayAsesorTopDataInfo {
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.h5MarginAsesorTopDataInfo {
    margin-top: 2rem;
    margin-right: 2rem;
}

.buttonUserPage {
    height: 41px;
    line-height: 41px;
}

.divDataBatchUserPage {
    margin: -12px -10px 36px -10px;
    text-align: left;
}

.divBgDataBatchUserPage {
    /*background:#f9f9f9;*/
    margin: -24px -24px 2rem 0;
}

.widthHeightButton {
    width: 97%;
    height: 46px;
}

.divHeadULUser {
    margin: 1rem 0 !important;
}


/* layout/header */
.sesiLoginSelesaiHeader {
    display: inline-block;
    padding: 0 30px;
}


/* layout/modal-elements */
.divMarginModalElements {
    margin-bottom: 2rem;
    text-transform: uppercase;
}

.inputPasswordModalElements {
    max-width: 100%;
    width: 240px;
    padding-left: 0.8rem;
}

.divOLModalElements {
    padding: 5px;
    border-radius: 2px;
    text-align: left;
    line-height: 2;
    margin: 1rem 0;
    font-size: 15px;
    border-left: 5px solid brown;
}


/* index.js */
.widthLoginForm {
    width: auto;
    max-width: 100%;
}

.imgDisplayDownloadChrome {
    width: 100px;
    height: 100px;
    display: block;
    margin: 1rem auto;
}

/* PROJECT SELECT STATUS */
.selectProjectAbsolute {
    position: absolute;
    z-index: 1;
    right: 40px;
    margin-top: 37px;
}

.selectProjectAbsolute>select {
    height: 45px;
}

.wBtnDefault {
    width: 100px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.wBtnDefaultDetail {
    width: 200px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* SELALU DILETAKKAN PALING BAWAH */
@media (max-width: 900px) {
    /* .tombolPindahPenilaianUserDataGenerator {
        display: none;
    } */
}

@media (max-width: 640px) {
    .selectProjectAbsolute {
        margin-top: 42px;
    }
}

@media (max-width: 530px) {
    .selectProjectAbsolute {
        display: none;
    }
}