:root {
    --main-color: #5F34D9;
    --main-gray-color: #B0BEC5;
}
.dp-flex{display:flex}
.element-loading > div > div:nth-child(1),.post-loading > div:nth-child(2),.post-loading > div:nth-child(3),.post-loading > div:nth-child(4),.post-loading > div > div:nth-child(1),.post-loading > div > div:nth-child(2),.post-loading > div > div:nth-child(3),.widget-loading > div:nth-child(2),.widget-loading > div:nth-child(3),.widget-loading > div:nth-child(4),.widget-loading > div:nth-child(5),.widget-loading > div > div:nth-child(1),.widget-loading > div > div:nth-child(2),.widget-loading > div > div:nth-child(3){animation-name:shine;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;position:relative}
.full-width{width:100%}
.full-height{height:100%}
.pointer{cursor:pointer}
.cursor-default{cursor:default !important;}
.hidden{display:none!important}
a{text-decoration:none}
.transparent{opacity:0}
.element-loading,.post-loading,.widget-loading{border-bottom:#d0d1d5 solid 1px;border-left:#dfe0e4 solid 1px;border-right:#dfe0e4 solid 1px;border-top:#e5e6e9 solid 1px;display:block;padding:12px}
.center-item{margin:0 auto}
.img-full-center{width:100%;height:100%;object-fit:cover}
.text-right{text-align:right}
.text-left{text-align:left}
.text-center{text-align:center}
.fz-12{font-size:12px!important}
.fz-13{font-size:13px!important}
.fz-14{font-size:14px!important}
.fz-15{font-size:15px!important}
.fz-16{font-size:16px!important}
.fz-17{font-size:17px!important}
.fz-18{font-size:18px!important}
.fz-19{font-size:19px!important}
.fz-20{font-size:20px!important}
.fz-25{font-size:25px!important}
.fz-30{font-size:30px!important}
.mt0{margin-top:0!important}
.mt5{margin-top:5px!important}
.mt10{margin-top:10px!important}
.mt15{margin-top:15px!important}
.mt20{margin-top:20px!important}
.mt25{margin-top:25px!important}
.mt30{margin-top:30px!important}
.mt40{margin-top:40px!important}
.mb0{margin-bottom:0!important}
.mb5{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}
.mb15{margin-bottom:15px!important}
.mb20{margin-bottom:20px!important}
.mb25{margin-bottom:25px!important}
.mb30{margin-bottom:30px!important}
.mb40{margin-bottom:40px!important}
.mr0{margin-right:0!important}
.mr5{margin-right:5px!important}
.mr10{margin-right:10px!important}
.mr15{margin-right:15px!important}
.mr20{margin-right:20px!important}
.mr25{margin-right:25px!important}
.mr30{margin-right:30px!important}
.mr40{margin-right:40px!important}
.ml0{margin-left:0!important}
.ml5{margin-left:5px!important}
.ml10{margin-left:10px!important}
.ml15{margin-left:15px!important}
.ml20{margin-left:20px!important}
.ml25{margin-left:25px!important}
.ml30{margin-left:30px!important}
.ml40{margin-left:40px!important}
.pt0{padding-top:0!important}
.pt5{padding-top:5px!important}
.pt10{padding-top:10px!important}
.pt15{padding-top:15px!important}
.pt20{padding-top:20px!important}
.pt25{padding-top:25px!important}
.pt30{padding-top:30px!important}
.pt40{padding-top:40px!important}
.pb0{padding-bottom:0!important}
.pb5{padding-bottom:5px!important}
.pb10{padding-bottom:10px!important}
.pb15{padding-bottom:15px!important}
.pb20{padding-bottom:20px!important}
.pb25{padding-bottom:25px!important}
.pb30{padding-bottom:30px!important}
.pb40{padding-bottom:40px!important}
.pr0{padding-right:0!important}
.pr5{padding-right:5px!important}
.pr10{padding-right:10px!important}
.pr15{padding-right:15px!important}
.pr20{padding-right:20px!important}
.pr25{padding-right:25px!important}
.pr30{padding-right:30px!important}
.pr40{padding-right:40px!important}
.pl0{padding-left:0!important}
.pl5{padding-left:5px!important}
.pl10{padding-left:10px!important}
.pl15{padding-left:15px!important}
.pl20{padding-left:20px!important}
.pl25{padding-left:25px!important}
.pl30{padding-left:30px!important}
.pl40{padding-left:40px!important}
.word-break{word-wrap:break-word;word-break:break-all}
.text-cap{text-transform:capitalize}
.float-right{float:right!important}
.float-left{float:left!important}
@keyframes shine {
from{transition:none}
to{background-color:#f6f7f8;transition:all .3s ease-out}
}
.widget-loading{margin-bottom:15px;background-color:#fff;border-radius:3px;height:300px;width:100%}
.widget-loading > div:nth-child(1){width:100%;height:30px}
.widget-loading > div > div:nth-child(1){left:0;background-color:#CCC;height:50px}
.widget-loading > div:nth-child(2),.widget-loading > div:nth-child(3),.widget-loading > div:nth-child(4),.widget-loading > div:nth-child(5),.widget-loading > div > div:nth-child(2),.widget-loading > div > div:nth-child(3){background-color:#CCC;height:6px}
.widget-loading > div > div:nth-child(2){left:60px;top:-33px;width:25%}
.widget-loading > div > div:nth-child(3){left:60px;top:-20px;width:15%}
.widget-loading > div:nth-child(2){left:0;top:30px;width:80%}
.widget-loading > div:nth-child(3){left:0;top:45px;width:90%}
.widget-loading > div:nth-child(4){left:0;top:60px;width:50%}
.widget-loading > div:nth-child(5){left:0;margin-top:25%;width:100%;height:145px}
.element-loading{margin-bottom:15px;background-color:#fff;border-radius:3px;min-height:250px;width:100%}
.element-loading > div:nth-child(1){width:100%;height:30px}
.element-loading > div > div:nth-child(1){left:0;background-color:#CCC;min-height:50px;width:100%}
.element-loading > div:nth-child(2),.element-loading > div:nth-child(3),.element-loading > div:nth-child(4),.element-loading > div > div:nth-child(2),.element-loading > div > div:nth-child(3){position:relative;background-color:#CCC;height:6px;animation-name:shine;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}
.element-loading > div > div:nth-child(2){left:60px;top:-33px;width:25%}
.element-loading > div > div:nth-child(3){left:60px;top:-20px;width:15%}
.element-loading > div:nth-child(2){left:0;top:30px;width:80%}
.element-loading > div:nth-child(3){left:0;top:45px;width:90%}
.element-loading > div:nth-child(4){left:0;top:60px;width:50%}
.msgloader{margin:0 auto;width:40px;height:40px;margin-top:10px;border:10px solid #f3f3f3;border-radius:50%;border-top:10px solid blue;border-right:10px solid green;border-bottom:10px solid red;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}
@-webkit-keyframes spin {
0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.count-friend-noti{position:absolute;top:12px;left:20px!important;background-color:red;padding:0 4px;text-align:center;color:#fff;border-radius:4px;font-style:normal;font-size:12px;height:18px;line-height:18px}
.new-item-highlight{border:2px solid red}
.common-loading{position:fixed;width:100%;height:100%;z-index:9999;background-color:rgba(0,0,0,.2);top:0;left:0;display:none}
.common-loading .lds-css{position:absolute;width:100px;height:100px;left:calc(50% - 50px);top:calc(50% - 50px)}
@keyframes lds-ripple {
0%{top:96px;left:96px;width:0;height:0;opacity:1}
100%{top:18px;left:18px;width:156px;height:156px;opacity:0}
}
@-webkit-keyframes lds-ripple {
0%{top:96px;left:96px;width:0;height:0;opacity:1}
100%{top:18px;left:18px;width:156px;height:156px;opacity:0}
}
.common-loading .lds-ripple{position:relative}
.common-loading .lds-ripple div{box-sizing:content-box;position:absolute;border-width:4px;border-style:solid;opacity:1;border-radius:50%;-webkit-animation:lds-ripple 2s cubic-bezier(0,0.2,0.8,1) infinite;animation:lds-ripple 2s cubic-bezier(0,0.2,0.8,1) infinite}
.common-loading .lds-ripple div:nth-child(1){border-color:#f39c13}
.common-loading .lds-ripple div:nth-child(2){border-color:#e79300;-webkit-animation-delay:-1s;animation-delay:-1s}
.common-loading .lds-ripple{width:100px!important;height:100px!important;-webkit-transform:translate(-50px,-50px) scale(0.5) translate(50px,50px);transform:translate(-50px,-50px) scale(0.5) translate(50px,50px)}
.common-loading-item{width:100%;height:100%;z-index:1000;min-height:100px;top:0;left:0;display:none}
.common-loading-item .lds-css{position:absolute;width:100px;height:100px;left:calc(50% - 50px)}
.common-loading-item .lds-ripple{position:relative}
.common-loading-item .lds-ripple div{box-sizing:content-box;position:absolute;border-width:4px;border-style:solid;opacity:1;border-radius:50%;-webkit-animation:lds-ripple 2s cubic-bezier(0,0.2,0.8,1) infinite;animation:lds-ripple 2s cubic-bezier(0,0.2,0.8,1) infinite}
.common-loading-item .lds-ripple div:nth-child(1){border-color:#f39c13}
.common-loading-item .lds-ripple div:nth-child(2){border-color:#e79300;-webkit-animation-delay:-1s;animation-delay:-1s}
.common-loading-item .lds-ripple{width:100px!important;height:100px!important;-webkit-transform:translate(-50px,-50px) scale(0.5) translate(50px,50px);transform:translate(-50px,-50px) scale(0.5) translate(50px,50px)}

.twitter-typeahead{width:100%}
.twitter-typeahead .tt-menu{background:#fff;-webkit-box-shadow:0 0 15px 1px rgba(69,65,78,.2);-moz-box-shadow:0 0 15px 1px rgba(69,65,78,.2);box-shadow:0 0 15px 1px rgba(69,65,78,.2);border:0;margin:0;min-width:275px;padding:5px 0;border-radius:4px;width:100%}
.twitter-typeahead .tt-menu .tt-dataset .tt-suggestion{color:#575962;cursor:pointer;padding:5px 15px;font-size:1rem}
.twitter-typeahead .tt-menu .tt-dataset .tt-suggestion:hover{background:#f4f5f8}
.twitter-typeahead .tt-menu .tt-dataset .tt-suggestion .tt-highlight{color:#27282c;font-weight:500}
.tt-highlight{font-size:14px!important;color:red!important;font-weight:700!important}
.twitter-typeahead .tt-menu .tt-dataset i{position:unset;right:unset;top:unset;font-size:unset}
.job-listings-sec.no-border .job-listing{border:1px solid #f3ebeb;border-radius:0;margin-bottom:10px}

.custom-scrollbar{max-height:300px;overflow-y:auto}
.custom-scrollbar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#F5F5F5}
.custom-scrollbar.scrollbar-body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:0;background-color:#F5F5F5}
.custom-scrollbar::-webkit-scrollbar{width:6px;background-color:#F5F5F5}
.custom-scrollbar.scrollbar-body::-webkit-scrollbar{width:10px;background-color:#8b91dd}
.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#847b7b}
.custom-scrollbar.scrollbar-body::-webkit-scrollbar-thumb{background-color:#8b91dd}

.tt-menu{min-height:200px;max-height:200px;overflow-y:auto}
.gj-checkbox-glyphicons input[type=checkbox]:checked + span:after{font-family:unset!important;content:"\2714"!important}
.gj-checkbox-bootstrap span{background:unset!important;padding:4px!important;border:0 none!important}
label.gj-checkbox-fontawesome::before {
    content: " ";
    border: 1px solid #e6e7ef;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
ul.gj-list-bootstrap li [data-role=checkbox]{
    padding:0;
}

.floating-error-focus, .floating-error-focus:focus{border: 2px solid red !important;}

label.gj-checkbox-fontawesome::before, label.gj-checkbox-fontawesome::after {
    position: absolute;
    top: 0;
    display: block;
    width: 20px !important;
    height: 20px !important;
}

.gj-checkbox-bootstrap.gj-checkbox-fontawesome .fa{
    line-height:15px !important;
}

ul.gj-list-bootstrap li [data-role=display] {
    font-size: 14px
}
.list-group-item.active{background-color:unset!important}
.gj-tree-bootstrap-3 ul.gj-list-bootstrap li.active{color:unset!important}

@media (max-width:575px) {
.hidden-xs-down{display:none!important}
}
@media (min-width:576px) {
.hidden-sm-up{display:none!important}
}
@media (max-width:767px) {
.hidden-sm-down{display:none!important}
}
@media (min-width:768px) {
.hidden-md-up{display:none!important}
}
@media (max-width:991px) {
.hidden-md-down{display:none!important}
}
@media (min-width:992px) {
.hidden-lg-up{display:none!important}
}
@media (max-width:1199px) {
.hidden-lg-down{display:none!important}
}
@media (min-width:1200px) {
.hidden-xl-up{display:none!important}
}
.hidden-xl-down{display:none!important}
.visible-print-block{display:none!important}
@media print {
.visible-print-block{display:block!important}
}
.visible-print-inline{display:none!important}
@media print {
.visible-print-inline{display:inline!important}
}
.visible-print-inline-block{display:none!important}
@media print {
.visible-print-inline-block{display:inline-block!important}
}
@media print {
.hidden-print{display:none!important}
}

/*.notif-dropdown{float:right;margin-right:20px;position:relative;margin-top:3px}*/
.notif-dropdown .dropdown-toggle{width:45px;height:45px;border:2px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;text-align:center;line-height:35px;color:#fff;position:relative;cursor:pointer}
.notif-dropdown .dropdown-toggle::after{content:unset}
.notif-dropdown .dropdown-menu.notify-drop{min-width:330px;background-color:#fff;min-height:360px;max-height:360px}
.notif-dropdown .dropdown-menu.notify-drop .notify-drop-title{border-bottom:1px solid #e2e2e2;padding:5px 15px 10px}
.notif-dropdown .dropdown-menu.notify-drop .drop-content{min-height:280px;max-height:280px;overflow-y:scroll}
.notif-dropdown .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-track{background-color:#F5F5F5}
.notif-dropdown .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar{width:8px;background-color:#F5F5F5}
.notif-dropdown .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-thumb{background-color:#ccc}
.notif-dropdown .dropdown-menu.notify-drop .drop-content > li{border-bottom:1px solid #e2e2e2;padding:10px 0 5px;margin-bottom:0}
.notif-dropdown .dropdown-menu.notify-drop .drop-content > li:after{content:"";clear:both;display:block}
.notif-dropdown .dropdown-menu.notify-drop .drop-content > li:last-child{border-bottom:none}
.notif-dropdown .dropdown-menu.notify-drop .drop-content > li .notify-img{float:left;display:inline-block;width:50px;height:45px;margin:0 0 8px}
.notif-dropdown .dropdown-menu.notify-drop .drop-content > li .notify-img img{width:100%;height:100%;object-fit:contain;border:1px solid #ccc}
.notif-dropdown .dropdown-menu.notify-drop .allRead{margin-right:7px}
.notif-dropdown .dropdown-menu.notify-drop .rIcon{float:right;color:#999}
.notif-dropdown .dropdown-menu.notify-drop .rIcon:hover{color:#333}
.notif-dropdown .dropdown-menu.notify-drop .drop-content > li a{font-size:13px;font-weight:400}
.notif-dropdown .dropdown-menu.notify-drop .drop-content > li{font-weight:700;font-size:13px;float:left;display:flex;width:100%}
.notif-dropdown .dropdown-menu.notify-drop .drop-content > li hr{margin:0;width:100%;border-color:#e2e2e2}
.notif-dropdown .dropdown-menu.notify-drop .drop-content .pd-l0{padding-left:0}
.notif-dropdown .dropdown-menu.notify-drop .drop-content > li p{font-size:13px;color:#666;font-weight:400;margin:0}
.notif-dropdown .dropdown-menu.notify-drop .drop-content > li p.time{font-size:10px;float:right;font-weight:600;top:-6px;display:inline-block;color:#B97745}
.notif-dropdown .dropdown-menu.notify-drop .notify-drop-footer{border-top:1px solid #e2e2e2;bottom:0;position:relative;padding:0 15px}
.notif-dropdown .dropdown-menu.notify-drop .notify-drop-footer a{color:#777;text-decoration:none}
.notif-dropdown .dropdown-menu.notify-drop .notify-drop-footer a:hover{color:#333}
.count-noti {
    position: absolute;
    right: -10px;
    top: -12px;
    background-color: #d01919;
    border-radius: 50%;
    padding: 5px;
    width: 20px;
    height: 20px;
    line-height: 13px;
    font-weight: bolder;
    font-size: 12px;
}
.box-noti-item-title{font-size:13px;font-weight:700;color:#6a3898}
.box-noti-item.unread{background:#00bad8}
.box-noti-item.unread *{color:#fff!important}
.box-noti-item.unread.danger{background:#dc3545}
.box-noti-item.unread.danger *{color:#fff!important}
.box-noti-item .notif-msg.danger{color:#dc3545!important}
.box-noti-item .notif-msg.info{color:#6a3898!important}
.box-noti-item.unread .notif-msg.danger{color:#fff!important}
.box-noti-item.unread .notif-msg.info{color:#fff!important}


@keyframes wiggle {
  0% { transform: rotate(-2deg); }
  100% { transform: rotate(2deg); }
}
/*Begin customize*/

*::-ms-backdrop, .iteam-all-icon img {
    height:auto !important;
}

.desktoplogo img, .desktoplogo-1 img {
    width: 12em;
}

.avatar-md{object-fit:contain;}
.horizontalMenu > .horizontalMenu-list > li > a{font-size:1rem;}
.banner-1 .search-background .form-control{

}

/*End customize*/
.bg-job-search .bg-background2:before {
    background: linear-gradient(to right, rgb(58 74 26 / 95%) 0%, rgb(97 61 185 / 95%) 100%);
}

.hot-job-item {
    height: 200px;
}

.hot-job-item .card {
    height: 100%;
}

.recent-job-body{
    padding:10px;
}

.recent-job-title {
    height: 35px;
}

.recent-job-item img {
    height:222px;
}
.job-detail-option li{
    padding: 10px 0px 10px 0px;
}

/*body.ja-JP{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}*/
/*body {
    font-family: YuGothic,'Yu Gothic','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
}*/
.company-logo{border:1px solid #ccc; border-radius:3px;object-fit:contain;max-height: 150px;}
.job-detail-section{border-bottom:1px solid #ccc;margin-bottom:10px}

.dropdown-user-menu > li {
    padding: 5px;
    border-bottom: 1px solid #ccc;
}

.dropdown-user-menu > li > a:focus, .dropdown-user-menu > li > a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #705aeb;
}

.dropdown-user-menu-mobile {
    text-align: left;
    padding: 20px;
}

.dropdown-user-menu-mobile > li{
    padding:5px;
    border-bottom: 1px solid #ccc;
}

.dropdown-user-menu-mobile > li a{
    padding:5px;
}

.notif-dropdown-mobile {
    top: 5px;
    position: absolute;
    right: 15px;
}

.notif-dropdown-mobile .notif-icon {
    border: 2px solid #17acda;
}
.notif-dropdown-mobile .notif-icon i {
    color: #17acda;
}

.notif-dropdown-mobile .count-noti{
    right: -15px;
    padding-left: 3px;
}

.dropdown-user-menu-mobile > li > a:focus, .dropdown-user-menu-mobile > li > a:hover, 
.drop-down-menu-lang > a:focus,.drop-down-menu-lang > a:hover
{
    text-decoration: none;
    color: #ffffff !important;
    background-color: #705aeb;
}

.lang-item-flag{width:2rem;}
.fieldset {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.fieldset legend{
    width:unset !important;
    font-size:1rem;
   /* font-weight:bold;*/
}

.uploadbox{border-radius:3px;border: 1px solid #ccc;}
.uploadbox img{max-height:150px;}

.category-icon{
	position:relative;
	width: 60px;
    margin: 0 auto;
}
.category-icon i{
	font-size:2rem;
}

#files-area {
    width: 30%;
    margin: 0 auto;
}

.file-block {
    border-radius: 5px;
    background-color: rgba(144, 163, 203, 0.2);
    margin: 5px;
    color: initial;
    display: inline-flex;
}

.file-block span.name {
    padding-right: 10px;
    padding-left: 10px;
    width: max-content;
    display: inline-flex;
}

.file-delete {
    display: flex;
    width: 24px;
    color: initial;
    background-color: #6eb4ff00;
    font-size: large;
    justify-content: center;
    margin-right: 3px;
    cursor: pointer;
}

.file-delete:hover {
    background-color: rgba(144, 163, 203, 0.2);
    border-radius: 10px;
}

.file-delete span {
    transform: rotate(45deg);
    color: red;
}

.attachment-label:before {
    content: none;
}

.attachment-label {
    float: left;
    padding-left: 0px;
}
.form-group-flex{display: flex !important;}
.la-remove:before, .la-times:before {
    content: "\00d7";
}

.select2-container--default {
    width: 100% !important;
    min-height: 2.425rem !important;
}

.select2-selection--multiple {
    min-height: 2.425rem !important;
}

select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field {
    margin: 0 !important;
    height: auto;
    min-height: 25px
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    color: #e08d18;
    font-weight: 700 !important;
    font-family: unset
}

.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #1A3365 !important
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field {
    padding-left: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0px 0px 0px 4px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    margin: 3px 3px 0px 0px;
    /*padding: .3rem 0.4rem 0.3rem .4rem;*/
}

.select2-selection--multiple ul li {
    margin-bottom: 0;
}

.select2-selection__rendered {
    text-align: left;
    margin-top: 4px !important;
}

.bootstrap-select .dropdown-toggle {
    height: 0 !important;
    min-height: calc(2.25rem + 2px) !important;
    /*border: 1px solid #ced4da !important;*/
}

.skill-tag {
    padding: 7px;
    border-radius: 7px;
    background: #D9D9D9;
    color: #333;
    margin-right: 5px;
}

@media only screen and (min-width: 576px) and (max-width: 768px) {
    .agency-info {
        grid-template-columns: minmax(15px, 1fr) minmax(120px, 8fr) !important;
    }
    .agency-info-checkbox label {
        left: 7% !important;
    }
}

.breadcrumb .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.breadcrumb .sr-only:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.cd-breadcrumb {
    padding: 0.5em 0;   
    border-radius: .25em;
    font-size: 15px;
}

/*.breadcrumb-container {
    margin: 10px;
}*/

.cd-breadcrumb::after, .cd-multi-steps::after {
    clear: both;
    content: "";
    display: table;
}

.cd-breadcrumb li, .cd-multi-steps li {
    display: inline-block;
    float: left;
    margin: 0.5em 0;
}

.cd-breadcrumb li::after, .cd-multi-steps li::after {
    display: inline-block;
    content: '\00bb';
    margin: 0 .6em;
    color: #959fa5;
}

.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
    display: none;
}

.cd-breadcrumb li.current-page{
    color: #96c03d;
}

/*.notification-label {
    margin-left: 5px;*/
    /*padding: 5px;*/
    /*font-size: 12px !important;
    border-radius: 50%;
    color: #fff !important;
    -webkit-animation: bounceIn 700ms;
    animation: bounceIn 700ms;*/
    /*width: 25px !important;
    height: 25px !important;*/
    /*line-height: unset !important;
    position: absolute;
    text-align: center;
}*/

.message-header-notif {
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: -5px;
    color: #FFF !important;
    font-family: Noto Sans JP !important;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 160% !important;
    padding: 0px 6px;
    width: unset !important;
    height: unset !important;
}

.notification-label.notification-label-red {
    background: #F00 !important;
}

.message-notification-label {
    border-radius: 50%;
    background: #01ae45;
    font-weight: 500;
    color: white;
    padding: 4px;
    font-size: 12px;
    width: 25px;
    height: 25px;
    text-align: center;
    margin-left: 5px;
}

@media only screen and (max-width: 992px) {
    .message-header-notif {
        top: -5px;
        right: -10px;
        color: #FFF !important;
        font-family: Noto Sans JP !important;
        font-size: 12px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 160% !important;
        padding: 0px 6px;
        width: unset !important;
        height: unset !important;
    }
}

.features-subtitle {
    color: #333 !important;
    font-size: 3rem;
    font-weight: 800 !important;
}
.w-200px{width: 200px;}
.btn-ct {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    border: 1px solid #5F34D9;
    cursor: pointer;
}

.btn-ct-primary {
    background: #5F34D9;
    color: #FFF;
}

.btn-ct-info {
    color: #5F34D9 !important;
    background: unset;
    border: 1px solid #5F34D9;
}
.btn-ct-primary:hover {
    color: #fff !important;
}
.btn-ct-primary a:hover {
    color: #fff !important;
}
.btn-ct:disabled {
    border: 1px solid #a1a2a2 !important;
    background: #a1a2a2 !important;
}
.btn-ct-danger {
    color: #fff !important;
    background-color: #ff382b;
    border-color: #ff382b;
}
.btn-ct-outline-warning {
    border: 1px solid #E34216;
    color: #E34216 !important;
}
.gap-8px {
    gap: 8px;
}
.bg-message-verified {
    background: #DAC614 !important;
    padding: 4px 8px;
    border-radius: 2px;
    color: #fff;
    width: fit-content;
    font-size: 11px;
}
.bg-message-verified img{
    width: 18px;
    height: 18px;
}
.bg-special-message {
    background: #FBF9E8;
}
.top-4 {
    top: 4px;
}

.bg-message-text-verified {
    background: rgba(218, 198, 20, 0.1) !important;
}
.interview-img-pr{
    height: 143px;
}
.popup-interview-header {
    background: #348AD9;
    padding: 8px 0;
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}
.popup-interview-content .interview-item-content {
    background: #F4F7F9;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.popup-interview-item {
    height: 100%;
    background: #F4F7F9;
}
.gap-8px {
    gap: 8px;
}
.gap-16px {
    gap: 16px;
}
.gap-24px{
    gap: 24px;
}
.remove-padding{
    padding: 0;
}
.PR-video-notif {
    border: 3px solid #5F34D9;
}
.PR-video-notif-title{
    color: #FFFFFF;
    font-size: 26px;
    font-weight: 800;
    padding: 8px 12px;
    text-align: center;
}
.PR-video-notif-content{
    justify-content: center;
    padding: 16px;
}
.PR-video-notif-items {
    padding: 16px 0 0 24px;
    display: flex;
    gap: 4px;
    flex-direction: column;   
}
.PR-video-notif-items img{
    width: 14.67px;
    height: 11.17px;
}
.PR-video-notif-item {
    font-size: 12px;
    padding: 4px;
    background: #F2D431;
    align-self: flex-start;
    align-items: center;
    gap: 4px;
}
.PR-video-notif-footer{
    border-radius: unset;
    justify-content: center;
    color: #ffffff;
    align-items: center;
    font-size: 14px;
    font-weight: 800;
}
.PR-video-notif-footer:hover{
    color: #ffffff;
}
.border-unset{
    border: unset !important;
}
.modal-header-cus {
    background: #333;
    color: #FFF;
    font-weight: 700;
}

.modal .modal-content .modal-header-cus .modal-title,
.modal .modal-content .modal-header-cus .close:before,
.modal .modal-content .modal-header-cus .close span {
    color: #FFF;
}

.modal .modal-content .modal-footer-cus, .modal .modal-content .modal-body-cus {
    padding: 24px;
}

.modal .modal-content .modal-header-cus {
    padding: 16px 24px;
}
.link-color {
    color: #348AD9;
}
.btn-link, .btn-link:hover {
    border: 1px solid #348AD9 !important;
    padding: 8px 12px;
}
.modal-medium{
    max-width: 728px !important;
}
.key-bg-black {
    background: #333;
}
.placeholder-14::placeholder {
    font-size: 14px;
}
.border-input {
    border: 1px solid #B0BEC5;
}
.border-none{border: none !important}
.bg-key-gray{background: #F4F7F9;}
.main-color {
    color: var(--main-color);
}
.main-gray-color {
    color: var(--main-gray-color);
}
.bg-main-color {
    color: var(--main-color);
}
.bg-main-gray-color {
    color: var(--main-gray-color);
}
.bg-ct-warning {
    background: #FFE7E0;
}
.text-red {
    color: #FF0000;
}
.btn-ct-red {
    color: #FFF !important;
    background: #FF0000;
}
.p-16px {
    padding: 16px;
}
.border-radius-4 {
    border-radius: 4px;
}
.w-20px {
    width: 20px;
}
.p-8-12{
    padding: 8px 12px;
}
/*Custom form input*/
.form-ct input[type=text]:not(.bs-searchbox input[type=text]), .form-ct input[type=number] {
    height: 3.2rem;
    border: 1px solid #B0BEC5 !important;
}
.form-ct label:not(.radio-button-container) {
    font-weight: 700;
    font-size: 14px;
}
.form-ct .radio-button-container {
    display: block;
    position: relative;
    padding-left: 2rem;
    line-height: 1.5rem;
    /*margin-bottom: 12px;
    margin-right: 1.875rem;*/
    cursor: pointer;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.form-ct .form-group{
    margin-bottom: 24px;
}
.form-ct .radio-button-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.form-ct select {
    border: 1px solid #B0BEC5 !important;
    height: 3.2rem !important;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/Content/images/Icons/select_arrow_down.png);
    background-position: calc(100% - 20px) calc(1em + 9px), calc(100% - 15px) calc(1em + 2px), calc(100% - .5em) .5em;
    background-repeat: no-repeat;
    font-size: 0.875rem !important;
}

/* Create a custom radio button */
.form-ct .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.5rem;
    width: 1.5rem;
    background-color: rgba(0,0,0,0);
    border: 1px solid #ABB5BE;
    border-radius: 50%;
    transition: all 0.25s linear;
}
/* On mouse-over, add a grey background color */
.form-ct .radio-button-container:hover input ~ .checkmark {
    border-color: rgba(0,0,0,0.5);
}
/* When the radio button is checked */
.form-ct .radio-button-container input:checked ~ .checkmark {
    background-color: var(--cs-color);
    border-color: var(--cs-color);
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.form-ct .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the indicator (dot/circle) when checked */
.form-ct .radio-button-container input:checked ~ .checkmark:after {
    display: block;
}
/* Style the indicator (dot/circle) */
.form-ct .radio-button-container .checkmark:after {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    background: #fff;
    top: 0.37rem;
    left: 0.4rem;
}

@media (max-width:767.98px) {
    .popup-interview-content {
        flex-direction: column;
    }
    .popup-interview-content .interview-img-pr.w-160{
        width: 160px;
    }
    .popup-interview-content .interview-img-pr.w-128{
        width: 128px;
    }
    #interviewModal .modal-dialog{
        margin-top: 80px;
    }
    .PR-video-notif-title {
        font-size: 20px;
        padding: 8px;
    }
    .PR-video-notif-content{
        padding: 8px;
    }
    .PR-video-notif-items {
        padding: 8px 0 0 8px;
    }

    .PR-video-notif-item {
        font-size: 10px;
        padding: 3px;
        gap: 3px;
    }

    .PR-video-notif-items img {
        width: 11.05px;
        height: 8.42px;
    }

    .PR-video-notif-footer {
        font-size: 11px;
    }
}