﻿body{background:#f8f8f8}
.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}
.panel-default{border-color:#ddd}
.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%);padding:15px 20px}
visa-document__list-panel__panel-header h2{font-size:24px;margin:0 0 10px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;color:#23221e}
.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 h3{line-height:24px}
.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}
.todoItem__description__tail .js-todo-description-collapsible{background-color:#f5f4f3;border-radius:4px;margin-top:5px;padding:10px}
.todoItem__description__tail .js-todo-description-collapsible p{padding:0;margin:0}
.todoItem p:last-child{margin-bottom:0}
.todoItem__description__collapseBtn{-webkit-box-flex:0;-ms-flex:0 0 50px;flex:0 0 50px;text-align:right;white-space:nowrap}
.todoItem__description__collapseBtn a{display:block;font-size:13px;margin-top:3px}
.todoItem li:last-child{border-bottom:0;padding-bottom:5px}
.todoItem__item.done :not(a){color:#ddd!important;text-decoration:line-through}
.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:#aaa;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:baseline;flex-direction:row;flex-wrap:wrap}
.todoItem__item.done .todoItem__description__upload{text-decoration:none}
.todoItem__description__upload input[type=file]~label{width:auto}
.todoItem__item.done .todoItem__description__upload label{display:none}
.img-wrap{position:relative;border:1px solid #ccc;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;color:#000;cursor:pointer;opacity:.2;line-height:10px;border-radius:50%;text-decoration:none!important}
.img-wrap:hover .close{opacity:1;color:red!important;}
.img-wrap img{width:55px;height:40px;}