@charset "utf-8";
/*General CSS*/
.welcome-tabs p { font-size: 15px;}
.welcome-tabs h1, .welcome-tabs h2 { font-size: 30px;}
.welcome-tabs h3, .welcome-tabs h4 { font-size: 25px;}
.welcome-tabs h5, .welcome-tabs h6 { font-size: 20px;}
body.events_page_mep_event_quick_setup_page .notice,
body.events_page_mep_event_quick_setup_page .error,
body.events_page_mep_event_quick_setup_page .updated { display: none !important;}
.welcome-tabs .float-right { float: right;}
.welcome-tabs .float-left { float: right;}
.welcome-tabs .float-none { float: right;}
.welcome-tabs.vertical { position: relative;}
.welcome-tabs .tab-navs { text-align: center;margin: 0;}
.welcome-tabs .tab-nav {
    padding: 10px 20px;
    background: #FFF;
    margin: 4px 25px;
    border: 1px solid #EEE;
    cursor: pointer;
    display: inline-block;
    border-radius: 3px;
    position: relative;
    font-size: 20px;
}
.welcome-tabs .tab-nav.active { background: #2271b1; color: #FFF;border-bottom: 5px solid #000;}
.welcome-tabs .tab-nav:after {
    content: "";
    width: 60px;
    height: 2px;
    top: 40%;
    right: 0;
    position: absolute;
    transform: translate(100%, 50%);
    border-bottom: 2px dashed #DDD;
}
.welcome-tabs .tab-nav:last-child:after { width: 0;}
.welcome-tabs .tab-nav.done:after { border-bottom: 2px dashed #2FBD1A;}
.welcome-tabs .tab-content {
    padding: 30px;
    background: #F2f2f2;
    display: none;
    max-width: 100%;
    margin: 40px auto;
}
.welcome-tabs .tab-content.active { display: block;}
.welcome-tabs .next-prev {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.welcome-tabs .next-prev .prev {	display: none;	width: auto;	transition: all ease 1s;border: 1px solid #555;float: left;}
.welcome-tabs .next-prev .next {border: 1px solid #555;float: right;
    display: inline-block;
    width: auto;
    text-align: right;
    transition: all ease 1s;
}
.welcome-tabs .next-prev span {	padding: 15px 20px;	display: block;	cursor: pointer;font-size: 18px;}
.welcome-tabs .next-prev .next:hover, .welcome-tabs .next-prev .prev:hover {	background: #444;	color: #FFF;}
.welcome-tabs .submit-wrap { padding: 10px 0; text-align: center;}
.welcome-tabs .submit-wrap input[type="submit"] {	padding: 8px 40px;	height: auto;	font-size: 17px;}
.welcome-tabs .section-title {	padding: 0 15px;	font-size: 16px;	font-weight: 600;}
.welcome-tabs .section-description { padding: 0 15px; margin-bottom: 25px;}
.welcome-tabs .setting-field {	margin-bottom: 15px;	border-bottom: 1px solid #EEE;	padding: 0 15px 15px 15px;}
.welcome-tabs .setting-field:last-child { border-bottom: 1px solid #EEE0;}
.welcome-tabs .setting-field .field-lable {	width: 270px;	float: left;	font-size: 14px;	word-break: break-word;}
.welcome-tabs .setting-field .field-input { margin-left: 270px;}
.welcome-tabs .setting-field .description { word-break: break-word;}
/*field-repeatable-wrapper*/
.ppof-settings .repeatable .item-wrap { margin-bottom: 5px; padding-bottom: 0;}
.field-repeatable-wrapper .field-list { margin-top: 18px;}
.welcome-tabs input[type="text"], .welcome-tabs textarea, .welcome-tabs select, .welcome-tabs input[type="range"] { width: 360px; background: #F1F1F1;}
@media (max-width: 1170px) {
    .welcome-tabs input[type="text"],
    .welcome-tabs textarea,
    .welcome-tabs select,
    .welcome-tabs input[type="range"],
    .welcome-tabs .select2 { width: 100% !important; }
}
@media (max-width: 1440px) {
    .welcome-tabs .setting-field .field-lable { width: auto; float: none; font-size: 14px; }
    .welcome-tabs .setting-field .field-input { margin-left: 0; }
}
@media (max-width: 1700px) {
    .welcome-tabs .setting-field .setting-field .field-lable { width: auto; float: none; font-size: 14px; }
    .welcome-tabs .setting-field .setting-field .field-input { margin-left: 0; }
}
.welcome-tabs .pro-feature { background: #FFD87F; padding: 0 5px;}
#ttbm_quick_setup {padding: 50px;max-width: 850px;background-color: #FFF;margin: 100px auto;border-radius: 5px;}
td.woo_btn_td{text-align: right !important;}
.button.setup_save_finish,
td.woo_btn_td .button{
    width: auto;font-size: 20px;font-weight: 500;position: relative;
    -webkit-justify-content: center;justify-content: center;
    background-image: -webkit-linear-gradient(#FF8F8E, #FF8787, #FF7B7D, #FF6369, #FF575F, #FF515A);
    background-image: -moz-linear-gradient(#FF8F8E, #FF8787, #FF7B7D, #FF6369, #FF575F, #FF515A);
    background-image: linear-gradient(#FF8F8E, #FF8787, #FF7B7D, #FF6369, #FF575F, #FF515A);
    border-radius: 5px;
    display: -webkit-inline-flex;display: inline-flex;-webkit-align-items: center;align-items: center;
    padding: 0 20px;
    color: #FFF;min-width: 170px;
}
.setup_save_finish_area{
    display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;
}
table.wc_status_table td{vertical-align: middle;font-size: 16px;min-width: 150px;}
table.wc_status_table td.woo_btn_td span{font-size: 20px;	color: #10dd10;}
/*3rd Party*/
.welcome-tabs .field-input .CodeMirror { background: #F1F1F1;}
.welcome-tabs .addon-list .item {	display: inline-block;	width: 215px;	overflow: hidden;	padding: 15px 20px;}
.welcome-tabs .addon-list .thumb-wrap img { width: 100%;}
.welcome-tabs .addon-list .addon-title { margin: 10px 0; font-size: 17px;}
.welcome-tabs .addon-list .addon-link a { text-decoration: none;}
div#ttbm_quick_setup .notice {
    display: none;
}