body{background:#f8f8f8}
body.modal-open:not(.admin-layout){overflow-y: scroll!important;padding:0!important}
.visa-application-page__body{margin-bottom:2em}
.visa-document__list input[type="checkbox"]:checked + label.nifty-boolean::before{-webkit-animation:checked .3s;animation:checked .3s;opacity:1}
.visa-document__list a:not(.btn){font-size:13px;color:#cb7000}
.visa-document__list a:not(.btn):hover{color:var(--color-primary)}
.panel{-webkit-box-shadow:rgb(0 0 0 / 4%) 0 3px 1px;box-shadow:rgb(0 0 0 / 4%) 0 3px 1px}
.visa-document__list{margin-bottom:50px;padding:0;position:relative}
.visa-document__list::before{-webkit-box-sizing:border-box;box-sizing:border-box;background:#ccc;bottom:0;content:"";left:32px;position:absolute;top:0;width:2px}
.visa-document__list > li{display:block;margin:15px 0;position:relative;padding:0;border:none;box-shadow:none}
.visa-document__list-panel{margin-bottom:22px;background-color:#fff;border:1px solid #f2f2f2;border-radius:3px;-webkit-box-shadow:0 1px 1px rgb(0 0 0 / 5%);box-shadow:0 1px 1px rgb(0 0 0 / 5%)}
.visa-document__list-panel__panel-header{display:flex;padding:15px 20px}
.visa-document__list-panel__panel-header__left{-webkit-box-flex:0;-ms-flex:0 0 35px;flex:0 0 35px}
.visa-document__list-panel__panel-header__right{flex:1;display:flex;justify-content:space-between}
.visa-document__list-panel__panel-header h2{font-size:24px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;color:#23221e;margin-bottom:0}
.visa-document__list-panel__panel-header .todoItem__description__collapseBtn{display:block}
.visa-document__list-panel__panel-header .todoItem__description__collapseBtn i{font-size:32px;}
.visa-document__list-panel__panel-header:has(.js-todo-activity-parent:checked){background-color:#f16101;}
.visa-document__list-panel__panel-header:has(.js-todo-activity-parent:checked) h2{color:#fff}
.visa-document__list-panel__panel-header:has(.js-todo-activity-parent:checked) .todoItem__description__collapseBtn i{color:#fff}
.visa-document__list-panel__panel-header:has(.js-todo-activity-parent:checked) label.nifty-boolean::before{border-color:#fff}
.visa-document__list-panel__panel-header:has(.js-todo-activity-parent:checked) label.nifty-boolean::after{border-color:#fff}
.visa-document__list-panel__panel-body{padding:0 20px 15px}
.todoItem .todoItem__item{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-bottom:1px dotted #ddd;padding:10px 0}
.todoItem__description__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.nifty-radio-wrapper input[type=radio],.nifty-boolean-wrapper input[type=checkbox]{display:none}
.todoItem__description__checkbox{-webkit-box-flex:0;-ms-flex:0 0 35px;flex:0 0 35px}
label.nifty-boolean,label.nifty-radio{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-block;font-weight:400;margin:0;padding:0 0 0 27px;position:relative;vertical-align:middle}
label.nifty-boolean::before,label.nifty-radio::before{content:"";display:block;opacity:0;position:absolute;top:50%;z-index:1}
label.nifty-boolean::before{border-bottom:3px solid #777;border-right:3px solid #777;height:12px;left:8px;margin-top:-8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}
label.nifty-boolean::after,label.nifty-radio::after{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border:2px solid #ddd;border-radius:6px;content:"";display:block;height:24px;left:0;margin-top:-12px;position:absolute;top:50%;width:24px}
label.nifty-boolean:hover::after,label.nifty-radio:hover::after{border-color:var(--color-primary)}
.todoItem__description__main{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}
.todoItem__description__head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.todoItem__description__head h3{line-height:24px;font-size:18px;}
.todoItem__description{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-bottom:1px dotted #ddd;padding:10px 0}
.todoItem__description p:last-child{margin-bottom:0}
.todoItem__description__tail{display:block;margin-bottom:5px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.todoItem__description__tail .js-todo-description-collapsible{background-color:#f5f4f3;border-radius:4px;margin-top:5px;padding:10px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.todoItem__description__tail .js-todo-description-collapsible p{padding:0;margin:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.todoItem__item.done .todoItem__description__tail{display:none}
.todoItem p:last-child{margin-bottom:0}
.todoItem__description__collapseBtn{-webkit-box-flex:0;-ms-flex:1 0 140px;flex:1 0 140px;text-align:right;white-space:nowrap;display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;    justify-content: flex-end;}
.todoItem__description__collapseBtn a{display:block;font-size:13px;margin-top:3px}
.todoItem__description__collapseBtn a+a{margin-left:10px;}
.todoItem li:last-child{border-bottom:0;padding-bottom:5px}
.todoItem__item.done .todoItem__description__head h3{color:#ccc!important;text-decoration:line-through;font-weight:400}
.todoItem__item.done *{color:#ccc!important;}
.todoItem__item.done label.nifty-boolean::before{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-color:#ddd}
li.procedureTimeline__start,li.procedureTimeline__event{background-color:#f8f8f8;display:block;font-weight:700;letter-spacing:1px;position:relative}
li.procedureTimeline__event{color:#7e7a7a;margin:25px 0 -18px;padding:8px 12px 30px 22px}
.visa-document__list > li:first-child{margin:0}
li.procedureTimeline__event::before{-webkit-box-sizing:border-box;box-sizing:border-box;border-left:2px dotted #ccc;bottom:0;content:"";left:32px;position:absolute;top:40px;width:2px}
.visa-document__list li:last-child{border-bottom:0;padding-bottom:5px}
.tablize{display:table;height:100%}
.tablize .cell-item{display:table-cell;vertical-align:top;padding-right:10px}
li.procedureTimeline__start i,li.procedureTimeline__event i{font-size:24px;padding:0 10px 0 0}
.application-progress{margin-top:7rem}
.application-progress #container{height:300px;border:1px solid #f8f8f8;border-radius:3px;-webkit-box-shadow:0 1px 1px rgb(0 0 0 / 5%);box-shadow:0 1px 1px rgb(0 0 0 / 5%)}
.application-progress .card{border-radius:3px;border:1px solid #f8f8f8;-webkit-box-shadow:0 1px 1px rgb(0 0 0 / 5%);box-shadow:0 1px 1px rgb(0 0 0 / 5%)}
.application-progress .card .card-header{border:none;border-bottom:1px solid #f2f2f2;background:#fff}
@media only screen and (max-width : 767px) {
.visa-application-page h1{font-size:1.5em}
.application-progress{margin-top:2rem}
.visa-application-page__body{flex-flow:column-reverse}
}
.btn-grad{background-image:linear-gradient(to right,#FF512F 0%,#F09819 51%,#FF512F 100%);margin:10px;color:white;padding:.7em 1em;padding-left:.9em;display:flex;align-items:center;border:none;overflow:hidden;transition:all .2s;text-transform:uppercase;background-size:200% auto;color:white;box-shadow:0 0 20px #eee;border-radius:10px}
.btn-grad:hover{background-position:right center;color:#fff;text-decoration:none}
.btn-grad span{display:block;margin-left:.3em;transition:all .3s ease-in-out}
.btn-grad svg{display:block;transform-origin:center center;transition:transform .3s ease-in-out}
.btn-grad:hover .svg-wrapper{animation:fly-1 .6s ease-in-out infinite alternate}
.btn-grad:hover svg{transform:rotate(45deg) scale(1.1)}
.btn-grad:hover span{transform:translateX(5px)}
.btn-grad:active{transform:scale(0.95)}
.btn-grad-2{background-image:linear-gradient(to right,#4351f9 0%,#9a13dd 51%,#5840c9 100%)}
.todoItem__description__upload{display:flex;align-items:flex-end;flex-direction:row;flex-wrap:wrap}
.todoItem__item.done .todoItem__description__upload{text-decoration:none}
.todoItem__item.done .todoItem__description__upload>:not(.img-wrap){display:none!important}
.todoItem__description__upload input[type=file]~label{width:auto}
.img-wrap{position:relative;border-radius:5px;margin-top:10px}
.img-wrap .close{position:absolute;top:-15px;right:-15px;z-index:100;background-color:rgba(176,176,176,.7);padding:7px 5px;color:#000;cursor:pointer;opacity:.2;line-height:10px;border-radius:50%;text-decoration:none!important}
.img-wrap img{height:40px;}
.img-wrap-link{display:flex;flex-direction: column;align-items: center;}
.img-wrap span{display:block;}
.done .img-wrap .close{background-color:transparent;}
.img-wrap:hover .close{opacity:1;color:red!important;background-color:rgba(176,176,176,.7);}
.mypage-notice{margin-bottom:22px;-webkit-box-shadow:0 1px 1px rgb(0 0 0 / 5%);box-shadow:0 1px 1px rgb(0 0 0 / 5%)}
.mypage-notice .card{background:#fff;border-radius:5px;border:1px solid #f60}
.mypage-notice .card .card-header{color:var(--color-primary);font-weight:600;font-size:14px;border-bottom-color:transparent;padding:.75em .75em 0;background-color:transparent}
.mypage-notice .card .card-body{padding:0 .75em .5em}
.mypage-notice .list-group-item{border-bottom-color:#eee;padding:.375em;padding-left:0;display:list-item;margin-left:1em}
.general-member .panel-default{opacity:0.75;}
.general-member .panel-default.active{opacity:1;border-color:#f60}
.visa-document__list .lawyer-info{display:flex;}
.visa-document__list .lawyer-info img{max-width:90px;height:100%;margin-top:5px;}
.visa-document__list .lawyer-info p{margin:0 0 0 0.5em;display:flex;flex-direction:column}
.visa-document__list .lawyer-info p span{font-size:0.875em;margin-top:0.375em;}
.visa-application-page__left{transition: top 0.5s ease;position:relative}
.visa-application-page__left.fixed-position{position:sticky;top:1em;}
.visa-application-page__left.fixed-position .application-progress{margin-top:1em}
.immigration-email-box {border: 1px solid #ccc;padding: 10px;margin-bottom: 12px;background: #f9f9f9;max-height: 200px;overflow: auto;border-radius: 5px 5px;white-space:pre-line;}
.list-unstyled {padding-left: 0;list-style: none;}