# cartflows/1.1.2/admin/assets/css/global-admin.css

CartFlows – Funnel Builder & Checkout Plugin for WooCommerce, version 1.1.2. 803 lines.

- Page: https://pluginprobe.com/plugins/cartflows/1.1.2/code/admin/assets/css/global-admin.css
- Raw: https://pluginprobe.com/plugins/cartflows/1.1.2/raw/admin/assets/css/global-admin.css
- Modified: 2019-01-04T06:42:10+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/cartflows/1.1.2/code/admin/assets/css/global-admin.css#L10-L20`.

```css
/*
* ************************************************
* Plugin Name: Cartflows
* Plugin URL: https://cartflows.com/
* Description: CartFlows for WooCommerce.
* Author: Brainstorm Force
* Author URI: https://www.brainstormforce.com/
* Version: 1.0
* ************************************************
*/

/**
* *********************
* Cartflows Font Icon
* *********************
*/
@font-face {
    font-family: 'cartflows-icon';
    src:  url('../fonts/cartflows.eot?vgky31');
    src:  url('../fonts/cartflows.eot?vgky31#iefix') format('embedded-opentype'),
    url('../fonts/cartflows.ttf?vgky31') format('truetype'),
    url('../fonts/cartflows.woff?vgky31') format('woff'),
    url('../fonts/cartflows.svg?vgky31#cartflows') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="cartflows-icon"], [class*=" cartflows-icon"] {
  font-family: 'cartflows-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cartflows-icon:before {
  content: "\e900";
  color: #f16334;
}


/**
 *
 * Step Meta - All Page Css
 */

.post-type-cartflows_step #delete-action {
    display: none;
}

/*
* ************************
* Post page Name & Button
* ************************
*/

.post-type-cartflows_flow .wrap{
    margin: 25px 20px 0 2px;
}

.wcf-notice-back-edit-flow .dashicons {
    vertical-align: text-bottom;
}

.post-type-cartflows_flow .wcf-notice-back-edit-flow{
        margin-top: 30px;
}

.post-type-cartflows_flow .wcf-notice-back-edit-flow .button-primary{
    height: 30px;
}
.wcf-notice-back-edit-flow .dashicons-arrow-left-alt{
    vertical-align: text-bottom;
}

/*
* ************************
* Add Flow Popup Window
* 1. Overlay
* 2. Popup Box Alignment
* 3. Buttons & Textbox
* 4. wcf-choose-type-box
* ************************
*/

.wcf-overlay , .wcf-overlay-newstep {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    top: 0;
    left: 0;
}

.wcf-popup .wcf-popup-header{
    padding: 12px 20px;
    overflow: hidden;
}

.wcf-popup .wcf-popup-header label{
    color: #fff;
    font-weight: 600;
    float: left;
}
.wcf-popup, .wcf-popup-newstep {
    display: none;
    width: 600px;
    top: 50%;
    left: 50%;
    position: fixed;
    background: #ffffff;
    transform: translate( -50%, -50% );
    padding: 0px;
}

.wcf-close , .wcf-close-newstep{
    position: relative;
    width: 20px;
    height: 20px;
    float: right;
    background: transparent;
    color: #ffff;
    font-size: 18px;
    line-height: 14px;
    text-align: center;
    border-radius: 999px;
    cursor: pointer;
}

.wcf-close .dashicons-no-alt{
    vertical-align: middle;
}

.wcf-content {
    text-align: left;
    padding: 20px;;
}

.wcf-submit-wrap {
    text-align: right;
    margin: 25px 0 0 0;
}

.wcf-overlay.show,
.wcf-popup.show,
.wcf-overlay-newstep.show,
.wcf-popup-newstep.show 
 {
    display: block;
}

.wcf-content input[type='text'] {
    background-color: transparent;
    box-shadow: none;
    border:none;
    border-bottom: 1px #ddd solid;
    padding: 10px 0 10px;
    width: 100%;
    font-size: 15px;
}
.wcf-content input[type='text']:focus {
    border-bottom: 1px #5b9dd9 solid;
}

.wcf-popup .wcf-choose-type-box{
    width: 100%;
    position: relative;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 15px 0;
    overflow: overlay;
}

.wcf-popup .wcf-choose-type-box .wcf-default-type-box,
.wcf-popup .wcf-choose-type-box .wcf-import-type-box{
    flex: 0 0 50%;
    width: 46%;
    float: left;
    padding: 10px;
}

.wcf-default-type-box .wcf-default-type-content,
.wcf-import-type-box .wcf-import-type-content{
    text-align: center;
    padding: 0 0px 15px;
}

.wcf-default-type-box .wcf-default-type-content h3,
.wcf-import-type-box .wcf-import-type-content h3{
    line-height: 1.4em;
}

.wcf-default-type-content:hover h3,
.wcf-import-type-content:hover h3{
    color: rgb(0, 133, 186, 1)
}

.wcf-default-type-content h3 .dashicons,
.wcf-import-type-content h3 .dashicons{
    vertical-align: middle;
}

.wcf-default-type-content .wcf-create-flow .dashicons-plus,
.wcf-import-type-content .wcf-create-flow .dashicons-plus{
    vertical-align: middle;
}

/**
* ************************
* Flow Setting Meta Box
* ************************
*/

.wcf-tooltip-text{
    background: #444;
    border-radius: 3px;
    color: #fff;
    height: auto;
    left: 56px;
    margin-top: 10px;
    max-width: 150px;
    position: absolute;
    padding: 6px 10px;
    top: auto;
    display: none;
    z-index: 10000;
}

.wcf-tooltip-text::before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    border-bottom: 5px solid #444;
    bottom: auto;
    content: " ";
    font-size: 0;
    left: 56px;
    line-height: 0;
    margin-left: -5px;
    position: absolute;
    top: -10px;
    width: 0;
}

.display_tool_tip{
    display: block;
}

/*.wcf-tooltip::before {
    position: absolute;
    top: 48px;
    left: 53px;
    background-color: #444;
    border-radius: 5px;
    color: #fff;
    content: attr(data-tooltip);
    padding: 0.5rem;
    text-transform: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 160px;
    height: auto;
    line-height: 1em;
 }

.wcf-tooltip::after {
    position: absolute;
    top: auto;
    bottom: 170px;
    left: 115px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    border-bottom: 5px solid #444;
    content: " ";
    font-size: 0;
    line-height: 0;
    margin-left: -5px;
    width: 0;
}


.wcf-tooltip.display_toot_tip::before,
.wcf-tooltip.display_toot_tip::after {
  opacity: 1;
  -webkit-transition: all 0.75s ease;
  transition: all 0.75s ease;
    word-break: break-all;
}
 
.wcf-tooltip::before,
.wcf-tooltip::after {
    color: #efefef;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 13px;
    opacity: 0;
    pointer-events: none;
    text-align: center;
}*/

.wcf-flow-sandbox-table .wcf-field-row .wcf-field-row-content{
    width: 100%;
}

/**
* ******************************************************
* Shortcode Box on the Head Section of Checkout Meta Box
* ******************************************************
*/
#field-wcf-shortcode{
    display: none;
    margin-left: 5px;
    vertical-align: top;
    line-height: 0;
}

/*
* ************************
* Css For
* 1. Flow Metabox
* 2. Textboxes
* 3. Select
* 4. Buttons
* 5. Steps Boxes
* ************************
*/

/*
* ***************************************
* Flow Page Css (After removing meta box)
* 1. Step Badges
* ***************************************
*/

.wcf-flow-steps-meta-box{
    margin-top: 20px;
}

.wcf-flow-steps-meta-box .wcf-flow-settings{
    width: 100%;
    display: block;
}

.wcf-flow-steps-meta-box .wcf-new-step-badge
{
    background-color: #0073aa;
    color: #fff;
}

.wcf-flow-steps-meta-box .wcf-new-step-badge,
.wcf-flow-steps-meta-box .wcf-step-wrap .wcf-step .wcf-flow-badge,
.wcf-flow-steps-meta-box .wcf-step-wrap.active .wcf-step .wcf-flow-badge{
    color: #000;
    background-color: #E3E4E8;
    padding: 0.3em .6em 0.3em;
    font-size: 0.7em;
    font-weight: 600;
    border-radius: 0px;
    line-height: 0.7em;
    margin-left: 10px;
    text-align: center;
    vertical-align: middle;
}

#wcf-flow-settings .inside{
    margin: 10px 0 0;
}

.wcf-flow-settings .wcf-flow-steps-data-wrap {
    padding: 0 1em 1.5em;
}
.wcf-flow-settings .wcf-flow-steps-wrap{
    border-right:none;
    background-color: transparent;
    width: 100%;
    padding: 0px;
}

.wcf-flow-settings .wcf-step-left-content,
.wcf-flow-settings .wcf-steps-action-buttons{
    display: inline-block;
    width: 49%;
    vertical-align: middle;
    font-size: 13px;
    line-height: 3em;
}

.wcf-flow-settings .wcf-step-left-content{
    text-align: left;
}

.wcf-step-left-content .dashicons{
    vertical-align: middle;
    width: 1em;
    height: 1em;
    font-size: 1.5em;
    line-height: 1em;
}

.wcf-flow-settings .wcf-steps-action-buttons{
    text-align: right;
}

.wcf-flow-settings .wcf-flow-steps-wrap .wcf-action-button{
    display: inline-block;
    font-size: 1em;
    line-height: 1em;
    vertical-align: middle;
    text-align: center;
    margin-left: 15px;
    text-decoration: none;
}

.wcf-flow-settings .wcf-action-button .dashicons{
    pointer-events: none;
    font-size: 1.5em;
    width: 1em;
    height: 1em;
    vertical-align: middle;
}

.wcf-flow-settings .wcf-flow-steps-wrap .wcf-action-button .wcf-step-act-btn-text {
    display: inline-block;
    line-height: 1.5em;
}

.wcf-flow-settings .wcf-flow-steps-wrap .wcf-step{
    color: #444;
    border: none;
    background-color: #fff;
    box-shadow: 0px 0px 2px 0px #ddd;
    padding: 15px 10px;
    cursor: move;
}


.wcf-new-step-highlight{
    border-left: 3px #0073aa solid;   
}

.wcf-popup input[type='radio']
{
    margin-top: 0px;
}

.wcf-popup label{
    font-size: 16px;
}

.wcf-step-wrap {
    margin-bottom: 15px;
}

#wcf-sandbox-settings .inside{
    margin: 15px 0 10px;
}

.wcf-general-metabox-wrap .wcf-field-row{
    display: inline-flex;
    width: 100%;
}

.wcf-general-metabox-wrap .wcf-field-desc {
    padding: 6px 0 0;
}

/* 
* *****************************
* Custom classes for common use
* *****************************
*/

.pull-right{
    float: right;
}

.pull-left{
    float: left;
}

.text-error {
    border-bottom: 1px #FF5050 solid !important;
}

#show_error {
    font-style: italic;
    color: #FF5050
}

.wp-ui-text-primary {
    color: #0073aa;
}

.wcf-column-left{
    width: 25%;
    float: left;
    position: relative;
    max-width: 300px;
}

.wcf-column-right{
    width: 75%;
    float: left;
    position: relative;
    background-color: #fff;
}

.wcf-import-step-content{
    border-top: 1px #ddd solid;
    padding-top: 10px;
    margin-top: 30px;
}

/*
* ************************
* Display Template div css
* 1 Add, View & Import Buttons & Icons
* ************************
*/

.wcf-flow-steps-data-wrap .wcf-step-content a .dashicons {
    vertical-align: middle;
}

/*
* ************************************************
* Meta Boxs (All)
* 1. Setting Meta Box (#wcf-step-settings)
* 2. Checkout layout Meta Box (#wcf-checkout-settings)
* 3. Downsell Meta Box (#wcf-offer-settings)
* 4. Thank You Meta Box (#wcf-thankyou-settings)
* 5. Upsell Meta Box (#wcf-upsell-settings)
* ************************************************
*/
.wcf-repeat-notice,
#wcf-checkout-settings .wcf-checkout-table .wcf-checkout-style .wcf-cs-fields .wcf-cs-checkbox-field .field-wcf-advance-options-fields{
    border-top: 1px #ddd solid;
    margin-top: 10px;
    padding-top: 20px;
}

.wcf-repeat-notice p{
    margin: 5px 0px;
}

/*
* Inside Div css for all the metaboxes
*/
#wcf-ladning-settings .inside,
#wcf-checkout-settings .inside,
#wcf-offer-settings .inside,
#wcf-upsell-settings .inside,
#wcf-thankyou-settings .inside{
    margin:0px;
    padding: 0px;
    line-height: 0.9em;
}

/**
* ****************************
* 1. Container
* 2. Row
* 3. Content Divs
* 4. Button Divs
* 5. Alignment Classes
* ****************************
*/
.wcf-table-container{
    display: inline-block;
    width: 100%;
    max-width: 100%;
    background-color: #fafafa;
    margin-top: 0px;
    line-height:1.2;
}


.wcf-column-right .wcf-field-section .wcf-field-section-heading{
    color: #333;
    padding: 10px 0 5px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
}

.show_box
{
    display: block!important;
}

.wcf-table-container .wcf-column-right .wcf-custom-field-box .wcf-field-row-content{
    width: 100%;
    border:1px solid #e5e5e5;
}

.wcf-table-container .wcf-column-right .wcf-custom-field-box .wcf-cpf-row{
    border:none;
    margin-bottom: 0px;
}

.wcf-table-container .wcf-column-right .wcf-custom-field-box .wcf-cpf-add-row{
    padding: 0px 8px 10px;
    background-color: #f9f9f9;
}

.wcf-table-container .wcf-column-right .wcf-field-row-heading{
    font-size: 12px;
    width: 30%;
    height: 100%;
    display: inline-block;
    line-height: 1.5em;
    vertical-align: middle;
    min-height: 28px;
}
.wcf-table-container .wcf-column-right .wcf-field-row-content{
    width: auto;
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
}

.wcf-table-container .wcf-column-right .wcf-field-row-heading .dashicons {
    line-height: 1.3em;
    margin-left: 5px;
}

.wcf-cb-fields{
    width: 50%;
    float: left;
}

.wcf-cb-fields .wcf-field-row-heading,
.wcf-sb-fields .wcf-field-row-heading{
    width: 50%  !important;
}

.wcf-cb-fields .wcf-field-row-content,
.wcf-sb-fields .wcf-field-row-content{
    width: 50% !important;
}

.wcf-table-container .wcf-column-right .wcf-field-row .select2-container .select2-selection--single{
    margin: 0px;
}
.wcf-table-container .wcf-column-right .wcf-field-row .select2-container .select2-selection--single .select2-selection__rendered{
    outline: none;
}

.wcf-table-container .wcf-column-right .wcf-field-row input[type="text"],
.wcf-table-container .wcf-column-right .wcf-field-row input[type="number"],
.wcf-table-container .wcf-column-right .wcf-field-row select,
.wcf-table-container .wcf-column-right .wcf-field-row textarea,
.wcf-table-container .wcf-column-right .wcf-field-row .select2-container--default{
    width: 300px;
    max-width: 100%;
}

.wcf-table-container .wcf-column-right .wcf-field-row .wp-picker-container input[type=text].wp-color-picker{
    width: 65px;
}
#wcf-step-settings .inside .wcf-checkout-table .field-wcf-step-type .wcf-field-row-content select{
    border: none;
    border-bottom: 1px #ccc solid;
    box-shadow: none;
    padding: 5px;
    width: 30%;
}

/*
* ************************************
* All Page Types Setting's Meta Box 
*   Contains
*   Checkout Metabox
*   Upsell Metabox
*   Downsell Metabox
*   Thank You Metabox
* ************************************
*/
.wcf-table-container .wcf-tab-wrapper{
    background: #fafafa;
    border:none;
    margin: 0px 0 0;
}

.wcf-table-container .wcf-tab-wrapper .wcf-tab{
    background: transparent;
    border-bottom: 1px #eee solid;
    display: block;
    margin: 0;
    color: #0073aa;
    line-height: 1em;
}

.wcf-table-container .wcf-tab-wrapper .wcf-tab .wcf-tab-title{
    margin-left: .200em;
    margin-right: .618em;
}

.wcf-table-container .wcf-tab-wrapper .wcf-tab.active{
    background-color: #eee;
    color: #555;
}

.wcf-table-container .wcf-tab-wrapper .wcf-tab .dashicons{
    font-size: initial;
    width: auto;
    height: auto;
}

.wcf-table-container .wcf-tab-content{
    border: 1px #ddd solid;
    border-right: none;
    border-top: none;
    border-bottom: none;
    min-height: 149px;
    overflow: hidden;
    padding: 10px 0px;
}

.wcf-table-container .wcf-column-right .wcf-field-row,
.wcf-table-container .wcf-column-right .wcf-field-row,
.wcf-table-container .wcf-column-right .wcf-field-row,
.wcf-table-container .wcf-column-right .wcf-field-row{
    padding: 10px 20px;
    overflow: hidden;
}

.wcf-table-container .wcf-checkout-style .wcf-cs-fields-options,
.wcf-table-container .wcf-checkout-style .wcf-cs-button-options{
    display: none;
}

.wcf-repeatables-wrap .wcf-repeatable-row{
    background: #fff;
    border:none; 
    margin-bottom: 5px;
}
.wcf-repeatables-wrap .wcf-repeatable-row-standard-fields{
    padding: 0px;
}

.wcf-repeatables-wrap .wcf-repeatable-row-standard-fields .wcf-repeatable-row-actions{
    float: none;
    display: inline-block;
    text-align: center;
    margin-left: 15px;
}

.wcf-repeatables-wrap .wcf-repeatable-row-standard-fields .wcf-repeatable-remove{
    vertical-align: middle;
    padding: 5px;
    line-height: inherit;
    font-size: 13px;
}

.wcf-repeatables-wrap .wcf-repeatable-row-standard-fields .wcf-repeatable-remove .dashicons{
    vertical-align: middle;
    font-size: inherit;
}

.field-wcf-tq-advance-options-fields{
    border-top: 1px solid #DDD;
    margin-top: 15px;
}

.wcf-table-container .wcf-column-right .field-wcf-hr-line {
    padding-left: 0; 
    padding-right: 0; 
}

.wcf-table-container .wcf-column-right .field-wcf-hr-line .wcf-field-row-content {
    width: 100%;
}

.wcf-table-container .wcf-radio-option {
    margin-bottom: 10px;
}

/**
 * ******************************
 * Field - Post Meta Typography
 * ******************************
 */
.wcf-metabox-wrap .select2-container--default .select2-selection--single {
    border: 1px solid #ddd;
    box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
    background-color: #fff;
    color: #32373c;
    outline: none;
    transition: 0.05s border-color ease-in-out;
    border-radius: 0;
    font-size: 13px;
}

.wcf-metabox-wrap .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ddd;
    box-shadow: none;
}
```