html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;text-decoration:none;background:transparent;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
form textarea{resize:none;}
a:hover, a:focus, a:active{text-decoration:none !important;color:inherit;outline:none !important;}

html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; margin: 0;}

button {border-color: transparent; border: 0; padding: 0; margin: 0;}


body{ font-size: 16px;font-family: "Outfit", sans-serif; font-weight: 400; color: #212120; margin: 0; overflow-x: hidden; }
p {font-size: 15px; line-height: 28px;}

input, textarea {
    -webkit-appearance: none; border-radius: 0px;
}

.Avenir_Black {font-weight: 700 !important; }
.Avenir_Book { font-weight: 400 !important; }
.Avenir_Light { font-weight: 300 !important; }
.Avenir_Medium { font-weight: 500 !important; }
.Avenir_Roman { font-weight: 400 !important; }
.fowe {font-weight: normal !important;}

.bg_alizarin_crimson{background: #da262e;}
.bg_supernova{background: #fecd07;}
.bg_mantis{background: #6fd150;}
.bg_blue_marguerite{background: #8865c7;}
.bg_lochinvar{background: #38968F;}

.yellow{color: #ffdd15 !important; }
.yellow_bright{color: #fffb5c !important;}
.blue{color: #4ce0e0 !important;}
.green{color: #5ae08a !important;}
.green3e {color: #79db61 !important;}
.grey{color: grey !important;}
.greyf2{color: #f2f2f2 !important;}
.greya7 {color: #a7a9ac !important;}
.magenta{color: #ef7fc5 !important;}
.lochinvar{color: #38968F !important;}
/*.light_yellow_txt {color: #d6b116;}*/
.light_yellow_txt {color: #ae8f12;}

.h_magenta_txt:hover { color: #ef7fc5; }
.h_white_txt:hover { color: #fff; }
.h_blue_txt:hover { color: #4ce0e0; }

.blk{color: #000;}
.blk60{color: #a7a9ac !important;}
.blk96{color: #969696;}
.blkfa{color: #fafafa;}
.white{color: #fff;}
.blk212120{color: #212120 !important; }

.bg_yellow{background: #f8d506;}
.bg_yellow_light{background: #fffb5c;}
.bg_blue{background: #4ce0e0;}
.bg_brand_banner_blue {background: #01d3d4;}
.bg_orange{background: #ff7c00;}
.bg_green{background: #5ae08a;}
.bg_magenta{background: #ef7fc5;}
.dark{background: green; color: #fff;}
.bg_greyf2 {background: #f2f2f2;}

.bg_red{background: #c80f30;}

.bg_blk{background: #000;}
.bg_white{background: #fff;}
.bg_blk60{background: #212120;}
.bg_blkfa{background: #fafafa;}

.pink_txt { color: #995586; }

/*Brand Colors*/
.bg_rosewood{background-color: #540000;}
.bg_crimson{ background-color: #c5114f;}
.bg_thunder{ background-color: #231f20;}
.bg_seagull{ background-color: #81d3e9;}
.bg_ripe_lemon{ background-color: #f2cf0c;}
.bg_blue_margueriteapprox{ background-color: #655DC6;}
.bg_minsk{ background-color: #472d8b;}
.bg_flint{ background-color: #6a625b;}
.bg_baby_blue{ background-color: #e1feff;}
.bg_black{background-color: #000000;}
.bg_gossip {background-color: #CCFCC4;}
.bg_fountain_blue {background-color: #61bcbc;}
.bg_voilet {background-color: #837bae;}
.bg_hit_indonesia_logo{background-color: #003783;}
.bg_mitu_indonesia_logo{background-color: #d2ffff;}
.bg_mega_growth_logo{background-color: #FFB600;}
.bg_ilicit_logo{background-color: #93d500;}
/*Brand Colors*/

.border { border: 1px solid #d3d4d6; }

/*====HOVER===*/
.h_212120:hover, .h_212120:active, .h_212120:focus {color: #212120;}
.h_blue_white:hover, .h_blue_white:active, .h_blue_white:focus {color: #4ce0e0; background: #fff;}
.h_white_magenta:hover, .h_white_magenta:active, .h_white_magenta:focus {color: #ef7fc5; background: #fff;}
.h_white_pink:hover, .h_white_pink:active, .h_white_pink:focus {color: #fff; background: #ef7fc5;}
.h_white_yellow:hover, .h_white_yellow:active, .h_white_yellow:focus {color: #f8d506; background: #fff;}
.h_white_blue:hover, .h_white_blue:active, .h_white_blue:focus {color: #fff; background: #4ce0e0;}
.h_green_white:hover, .h_green_white:active, .h_green_white:focus {color: #5ae08a; background: #fff;}

/*====HOVER===*/

.fw,.fwp,.fwh,.fwpc,.fwvh,.fwpl,.fwpx,.fwpy,section,footer,header {width: 100%; float: left;}
.fwp{position: relative;}
.fw5 {width: 50%; float: left;}
.fwr5 {width: 50%; float: right;}
.fwh {height: 100%;}
.fwvh {height: 100vh;}
.fwvh_new {height: calc(100vh - 78px);}


.pr{position: relative;}
.palb{position: absolute; left: 0; bottom: 0;}
.parb{position: absolute; right: 0; bottom: 0;}
.palt{position: absolute; left: 0; top: 0;}
.part{position: absolute; right: 0; top: 0;}
.pxy {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.fwpc {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.fwpx {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.fwpy {position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.px {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.pxr {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.py {position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.pyb {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.f0{font-size: 0;}
.pd {padding: 0 !important;}
.pdl40 {padding-left: 40px !important;}
.pdl {padding-left: 0 !iamportant;}
.pdr {padding-right: 0 !important;}
.mg {margin: 0 !important;}
.txc{text-align: center;}
.txl{text-align: left;}
.txr{text-align: right;}
.fl{float: left;}
.fnone{float: none !important;}
.fr{float: right;}
.dib {display: inline-block;}
.dibr {display: inline-block; float: right;}
.dibl {display: inline-block; float: left;}
.opa0 {opacity: 0;}
.opa1 {opacity: 1;}
.din {display: none;}
.bgt{background:transparent;}
.wd75{width:75%;}
.new__cls1{display: inline !important; width: 80% !important; height: inherit !important;}
.min_ht{min-height: 100% !important;}
.mrb{margin-bottom: 0px;}
.v_line {width: 100%; float: left; height: 1px; transform: scaleY(0.5); font-size: 0; background: #a7a9ac;}

.h3 {height: 3px; font-size: 0;}
.h6 {height: 6px; font-size: 0;}
.h9 {height: 9px; font-size: 0;}
.h12 {height: 12px; font-size: 0;}
.h10 {height: 10px; font-size: 0;}
.h20 {height: 20px; font-size: 0;}
.h30 {height: 30px; font-size: 0;}
.h40 {height: 40px; font-size: 0;}
.h50 {height: 50px; font-size: 0;}
.h60 {height: 60px; font-size: 0;}
.h70 {height: 70px; font-size: 0;}
.h80 {height: 80px; font-size: 0;}
.h100 {height: 100px; font-size: 0;}

.fw91_6 {width: 91.66666667%;}
.fw5 {width: 50%; float: left;}
.fw41_6 {width: 41.66666667%; float: left;}
.fw25 {width: 25%; float: left;}
.fw16_7 {width: 16.66666667%; float: left;}
.fw33_3 {width: 33.33333333%; float: left;}

.pdtb100 {padding: 100px 0;}
.pdtb150 {padding: 150px 0;}

.overflowx {overflow-x: hidden;}
.overflowy {overflow-y: hidden;}
.overflow {overflow: hidden;}

.bo_white {border-color: #fff !important;}
.bo_blk {border-color: #000 !important;}
.bo_magenta {border-color: #ef7fc5 !important;}

.zindex2{z-index: 99;}
.zindex3{z-index: 999;}
.zindex4{z-index: 9999;}
.zindex5{z-index: 99999;}
.zindex6{z-index: 999999;}


/* Login */
#login_page { background: #f2f2f2 url('../images/banner.jpg') no-repeat top 100% center; background-size:cover; }
.login { display: flex; align-items: center; justify-content:center; height:100vh; }
.login_inner { width: 100%; max-width: 500px; }
.login_inner h2 { font-size: 28px; font-weight: 700; margin: 20px 0 0px 0; padding-bottom: 15px; }
.login_header { display: flex; align-items:center; justify-content:center; }
.login_header h6 { margin-left: 20px; font-size: 18px; font-weight: 700; padding-left: 15px; border-left:2px solid #000; }
.common_box {
    box-shadow: 0px 0px 16px 1px #e0e0e0;    
    border-radius: 20px;
    padding: 25px;
    width: 100%;
    background: #fff;
    margin-bottom: 40px;
}
#login_page .common_box {
    box-shadow: 0px 0px 16px 1px rgba(0, 0, 0, 0.5);
    margin-bottom: 0px;
    padding: 50px;
}
.form-control {
    padding: 10px !important;
    border: 1px solid #AAAAAA;
    font-size: 15px;
}
.login_buttons { display: flex; align-items:center; justify-content:space-between; padding-top: 10px; }
.btn { border-radius: 0px !important; font-size:16px; min-width: 120px; }
.login_buttons .btn { max-width: 150px; }
.resend { font-size:16px; }
.resend a { font-weight: 500; font-size:17px; }
#btn_reset { display: none; text-decoration:underline; }

header { padding: 20px 0px 40px 0px; }

.question_category {
    font-weight: 700 !important;
    font-size: 25px;
    border-bottom: 1px solid #bbb;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.question p {
    font-size: 16px;
}



.rating-item-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 8px;
    margin-top: 15px;
    width: 100%;
    justify-content: space-between;
}

.form-scale-table {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: -6px;
    width: 100%;
}

.rating-item>label:after,.rating-item>label:before {
    display: none
}

.rating-item>label {
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    border: 1px solid;
    font-size: .75em;
    border-radius: 50%;
    font-weight: 500;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0;
    cursor: pointer;
}

.rating-item-title {
    font-size: .75em;
    width: 100%;
    text-align: center;
    margin-top: 10px
}

.rating-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 40px
}

.rating-item .rating-item-title {
    cursor: text;
    text-align: right;
    word-break: break-word;
    width: 150px;
    white-space: normal;
    -ms-flex-item-align: end;
    align-self: flex-end;
    position: relative;
    z-index: 9
}

.rating-item .rating-item-title label {
    background-color: transparent
}

.rating-item:not(:last-child) {
    margin-right: 24px
}

.rating-item:first-child .rating-item-title {
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-align: left
}

.until-wrapper {
    line-height: 2.5em;
    color: #57647e;
    font-size: 14px;
    overflow: auto;
    margin-right: 8px;
    max-width: 40px
}

.until-wrapper .form-sub-label {
    word-break: normal
}

.until-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.form-line-error .rating-item label {
    border-color: #dc2626;
    color: #fe8e92;
    cursor: pointer;
}

.rating-item input:focus+label,.rating-item input:hover+label {
    background-color: #e1e9ff;
    color: #000000;
    border-color: #000000
}

.rating-item input:hover+label {
    border-color: rgba(0,0,0,.5);
    box-shadow: 0 0 0 2px rgba(0,0,0,.25)
}

.rating-item input:focus+label {
    border-color: #000000;
    box-shadow: 0 0 0 3px rgba(0,0,0,.25)
}

.rating-item input:checked+label {
    background-color: #000000;
    color: #fff;
    border-color: #000000
}

/* Login */


.common_box .form-check label { display: none; }
.form-check-input { cursor: pointer; width: 20px; height:20px; border-color: #000; }
.form-check-input:focus {
    border-color: #000;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(0, 0, 0, .25);
}
.form-check-input:checked {
    background-color: #000;
    border-color: #000;
}
.table th, .table td { vertical-align: middle !important; padding: 13px 10px; }
.common_box .table { margin-top:15px; }
.table thead th {
    font-weight: 700;
    text-align: center;
}
.table tbody th {
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    padding-right: 15px;
}

.table tbody td { text-align:center; }
.table tbody .form-check { display: inline-block; }

textarea { resize: none; }

.right_btns {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 50px;
}

.btnCommon {
    background: #fff;
    height: 58px;
    width: 160px;
    border: 0px;
    color: #212120 !important;
    cursor: pointer;
    border-radius: 10px;
    margin-left: 20px;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 200px;
    height: 60px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.22);
    width: auto;
    min-width: 215px;
    padding: 0px 20px;
    border: 1px solid #212120;
}

.btnCommon:hover {
    background: #212120;
    color: #fff !important;
}

#choose_options .form-check { display: flex; align-items:center; margin: 10px 0px; }
#choose_options .form-check-input { margin-top: 0px; margin-right: 10px; }
#choose_options .form-check label { display: inline-block; }

#landing_screen p {
    padding: 8px 0px 8px 0px;
    font-size: 17px;
    line-height: 30px;
}

#landing_screen ol {
    list-style: decimal;
    padding: 0px 20px 0px 28px;
}
#landing_screen ol li {
    list-style: decimal;
    padding: 8px 0px 8px 0px;
    font-size: 17px;
    line-height: 30px;
}

.note { font-size: 14px; }

.semi_title {
    font-size: 28px;
    font-weight: 700 !important;
    margin-bottom: 40px;
}

.table tbody th strong {
    font-weight: 700 !important;
}
.table tbody ul {
    list-style: disc;
    padding: 3px 0px 3px 22px;
}
.table tbody ul li {
    list-style: disc;
    padding: 3px 0px 3px 0px;
}



.row_question { display: block; width: 100%; margin-bottom: 40px; }
.formCheck {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 15%;
    text-align: center;
}
.formCheck label {
    line-height: 22px;
    margin-bottom: 10px;
    cursor: pointer;
}
.rating-item-group { align-items: flex-end; }
.question .question_title {
    font-weight: 600;
    font-size: 17px;
}

.rating-item-list { margin-top: 20px; }
.rating-item-list .formCheck { flex-direction: row-reverse; width: 100%; text-align: left; align-items: flex-start; justify-content: flex-end; padding-left: 2px; padding-top: 10px; }
.rating-item-list .formCheck label { padding-left: 10px; }
.rating-item-list .form-check-input { margin-top: 1px; }

p.ques_note { line-height: 20px; font-size:15px; padding-top: 5px; padding-bottom: 5px; font-weight: 600; }


/* Mobile */
@media only screen and (max-width: 768px) {
    .formCheck { flex-direction: row-reverse; width: 100%; text-align: left; align-items: flex-start; justify-content: flex-end; padding-left: 10px; }
    .formCheck label br { display: none; }
    .login { padding: 0px 15px; }
    #login_page .common_box { padding: 30px 25px; }
    #login_page .common_box .form-control.m-2 { margin-left: 3px !important; margin-right:3px !important; }
    .rating-item .rating-item-title { display: none; }
    .rating-item { margin-right: 15px !important; }
    .table thead { display: none; }
    .table tbody tr { display: flex; width: 100%; flex-direction:column; border-bottom: 1px solid #000; margin: 0px 0px 15px 0px; padding-bottom:10px; }
    .table tbody tr:last-child { border-bottom: none !important; margin-bottom: 0px; padding-bottom: 0px; }
    .table tbody tr td { text-align: left; display: flex; align-items:center; }
    .table tbody .form-check { display: flex; align-items:center; }
    .common_box .form-check label {display: inline-block; }
    .form-check-input { margin-top: 0px; margin-bottom: 0px; margin-right: 10px; }

    .common_box .table tbody tr td, .common_box .table tbody tr th { background: #fff !important; }
    .common_box .table-striped>tbody>tr:nth-of-type(odd)>* { --bs-table-bg-type: #fff !important; }
    .btnCommon { width: auto; min-width: auto;height:40px; font-size:15px; margin-left:10px; border-radius:10px; }

}