@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 .wc_status_table .info, .welcome-tabs .wc_status_table input, .welcome-tabs .wc_status_table select { text-align: left!important; float: left; } .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; }