body{background:#fff}body>nav.navbar{position:sticky}#main .header{background:url(/v4/image/evaluate-candidate-skill/background.png);background-color:#edf4f4;background-position:50%;background-repeat:no-repeat;background-size:cover;height:418px;position:relative}#main .header .title{color:#212f3f;font-size:36px;font-weight:700;line-height:46px;margin-bottom:32px;margin-top:40px}#main .header .sub-title{color:#333;font-size:15px;line-height:22px;margin-bottom:28px}#main .header .sub-title.mb-1{margin-bottom:10px}#main .header .container{display:flex}#main .header .container .col-left{flex-shrink:0;width:55%}#main .header .btn-header{background:#00b14f;border-color:#00b14f;border-radius:3px;border-radius:5px;color:#fff;height:40px;outline:none!important;padding:9px 16px;transition:.4s}#main .header .btn-header:active,#main .header .btn-header:focus,#main .header .btn-header:hover{background:#049545;border-color:#049545;color:#fff}#main .box-main{background:#fff;border-radius:5px;margin-bottom:40px;margin-top:20px}#main .box-main .box-search{margin-bottom:5px}#main .box-main .box-search #frm-search{display:flex;margin-bottom:10px}#main .box-main .box-search #keyword{border-radius:5px}#main .box-main .box-search .form-control{box-shadow:none;font-size:14px;height:40px;outline:none}#main .box-main .box-search .form-group.input-data{margin-left:16px;position:relative}#main .box-main .box-search .form-group.input-data:first-child{margin-left:0}#main .box-main .box-search .input-data .icon{color:#999;font-weight:900;left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}#main .box-main .box-search .form-group{width:100%}#main .box-main .box-search .form-group .form-control{background:#fff;border:1px solid #eee;border-radius:3px;box-sizing:border-box;padding:10px 10px 10px 40px;width:100%}#main .box-main .box-search .form-group.input-data.select{flex-shrink:0;width:190px}#main .box-main .box-search .box-btn-search{flex-shrink:0;width:auto}#main .box-main .box-search .box-btn-search .btn-search{background:#00b14f;border-color:#00b14f;border-radius:3px;color:#fff;height:40px;outline:none!important;padding:9px 16px;transition:.4s}#main .box-main .box-search .box-btn-search .btn-search:active,#main .box-main .box-search .box-btn-search .btn-search:focus,#main .box-main .box-search .box-btn-search .btn-search:hover{background:#049545;border-color:#049545;color:#fff}#main .box-main .group-skill{margin-bottom:24px}#main .box-main .group-skill .title-group-skill{color:#212f3f;font-size:19px;font-weight:500;font-weight:700;margin:0 0 16px}#main .box-main .group-skill .grid-container{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}#main .box-main .group-skill .grid-container .item{background:#fff;border:1px solid #eee;border-radius:10px;box-sizing:border-box;padding:16px 20px}#main .box-main .group-skill .grid-container .item .box-image{display:block;margin-bottom:18px;position:relative}#main .box-main .group-skill .grid-container .item .box-image img{border-radius:10px;height:180px;-o-object-fit:cover;object-fit:cover;width:100%}#main .box-main .group-skill .grid-container .item .box-image .success{background:rgba(33,47,63,.4);border-radius:98px;color:#fff;display:block;padding:10px 17px;position:absolute;right:12px;top:12px}#main .box-main .group-skill .grid-container .item .text-category{color:#333;font-size:15px;line-height:20px}#main .box-main .group-skill .grid-container .item .item-title{color:#333;cursor:default;display:block;font-size:19px;font-weight:700;height:48px;line-height:24px;margin:0 0 16px;text-decoration:none}#main .box-main .group-skill .grid-container .item .item-title i{color:#00b14f;font-size:19px;margin-left:10px}#main .box-main .group-skill .grid-container .item .item-title .disabled{color:#ccc!important}#main .box-main .group-skill .grid-container .item .list-tag{margin-bottom:20px}#main .box-main .group-skill .grid-container .item .list-tag .tag{background:#f4f4f4;border-radius:5px;color:#555;cursor:default;display:inline-block;font-size:15px;line-height:20px;padding:4px 8px}#main .box-main .group-skill .grid-container .item .list-tag .tag:first-child{margin-right:7px}#main .box-main .group-skill .grid-container .item .list-tag .tag-BASIC{background:#f4f4f4;color:#555}#main .box-main .group-skill .grid-container .item .list-tag .tag-ADVANCED{background:#ecf3fe;color:#4285f4}#main .box-main .group-skill .grid-container .item .list-tag .tag-MEDIUM{background:#f4fef9;color:#00b14f}#main .box-main .group-skill .grid-container .item .count{color:#777;font-size:15px;line-height:20px}#main .box-main .group-skill .grid-container .item .count i{margin-right:8px}#main .box-main .group-skill .grid-container .item .status .btn-show-modal-start{border:1px solid #00b14f;border-radius:5px;color:#00b14f;display:block;font-size:15px;font-weight:700;line-height:20px;padding:9px 16px;text-align:center;text-decoration:none;transition:.4s;width:100%}#main .box-main .group-skill .grid-container .item .status .btn-show-modal-start i{margin-left:8px}#main .box-main .group-skill .grid-container .item .result-fail-two,#main .box-main .group-skill .grid-container .item .result-success{text-align:center}#main .box-main .group-skill .grid-container .item .result-fail-two p,#main .box-main .group-skill .grid-container .item .result-success p{color:#555;font-size:15px;margin:0 0 4px}#main .box-main .group-skill .grid-container .item .result-fail-two a,#main .box-main .group-skill .grid-container .item .result-success a{color:#27ae60;font-size:15px;font-weight:700}#main .box-main .group-skill:last-child{margin-bottom:0}#infoSkill .modal-title{color:#333;font-size:19px;font-weight:700;line-height:30px}#infoSkill .modal-header{align-items:center;display:flex;justify-content:space-between;padding:16px 24px}#infoSkill .modal-content{border:none;border-radius:5px;box-shadow:none}#infoSkill .modal-body{padding:20px 24px}#infoSkill .modal-body .info-title{color:#212f3f;font-size:19px;font-weight:700;line-height:24px;margin:0 0 16px}#infoSkill .modal-body .grid-container{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}#infoSkill .modal-body .grid-container .item{background:#f2fbf6;border-radius:5px;padding:16px}#infoSkill .modal-body .grid-container .item .icon{align-items:center;background:#00b14f;border-radius:50%;display:flex;height:40px;justify-content:center;margin-bottom:12px;width:40px}#infoSkill .modal-body .grid-container .item .icon i{color:#fff;font-size:19px}#infoSkill .modal-body .note{margin:16px 0 0}#infoSkill .modal-body .box-desc .title-desc{color:#333;font-size:15px;font-weight:700;line-height:20px;margin:0 0 12px}#infoSkill .modal-body .box-desc .text-desc{color:#555;font-size:15px;line-height:20px;margin:0;width:100%}#infoSkill .modal-footer{padding:16px 15px 20px;text-align:center}#infoSkill .modal-footer .start{background:#00b14f;border-color:#00b14f;border-radius:5px;color:#fff;height:40px;min-width:130px;outline:none!important;padding:9px 16px;transition:.4s}.modal-backdrop.in{opacity:.1}@media (min-width:768px){.modal-dialog{width:700px}}.select2-container--default{height:100%}.select2-container--default .select2-selection__rendered{color:#333;font-size:14px;line-height:18px}.select2-container--default .select2-selection--multiple{border-radius:3px;height:39px}.select2-container--default .select2-selection--multiple .select2-selection__rendered{display:inline-flex}.select2-container--default .select2-selection--single{align-items:center;background:#fff 0 0 no-repeat padding-box;border:1px solid #eee;border-radius:5px;display:flex;height:100%;padding-left:16px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%}.select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top:-3px}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#f8f8f8;color:#000}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#f8f8f8;color:#000;font-size:12px}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#999;color:#fff;font-size:12px}.select2-container--default .select2-results__option{font-size:12px}.select2-container--default .select2-search__field{border-color:rgba(0,0,0,.1);border-radius:2px;outline:none}