.cbtf_container {
    
}

.cbtf_container h3,
.sfwd-topic .entry-content .cbtf_container h3, 
.sfwd-lessons .entry-content .cbtf_container h3 {
    margin-top: 0;
}
.cbtf_container h4,
.sfwd-topic .entry-content .cbtf_container h4, 
.sfwd-lessons .entry-content .cbtf_container h4 {
    color: #333;
    margin-bottom: 20px;
}
.cbtf_container h5,
.sfwd-topic .entry-content .cbtf_container h5, 
.sfwd-lessons .entry-content .cbtf_container h5 {
    color: #222;
    font-size: 14px;
    font-weight: normal;
}
.cbtf_container .cbtf_field {
    margin-bottom: 16px;
    float: left;
    
    /* float: none; */
}
.cbtf_container .cbtf_fields div:last-of-type {
    margin-bottom: 0px;
}
.cbtf_container.cols_count1 .cbtf_field { 
    width: 100%;
}
.cbtf_container.cols_count2 .cbtf_field { 
    width: 47%;
    margin-right: 6%;
}
.cbtf_container.cols_count2 .cbtf_field:nth-child(2n + 2) {
    margin-right: 0;
}

.cbtf_container .heading_icon {
    width: 70px;
    height: auto;
    margin-bottom: 5px;
}

.cbtf_container label {
    display: inline-block;
    box-sizing: border-box;
}
.cbtf_container label.align_left {
    text-align: left;
    padding-right: 3%;
}
.cbtf_container label.align_right {
    text-align: right;
    padding-right: 3%;
}
.cbtf_container label.width5 { width: 5%; }
.cbtf_container label.width10 { width: 10%; }
.cbtf_container label.width15 { width: 15%; }
.cbtf_container label.width20 { width: 20%; }
.cbtf_container label.width25 { width: 25%; }
.cbtf_container label.width30 { width: 30%; }
.cbtf_container label.width35 { width: 35%; }
.cbtf_container label.width40 { width: 40%; }
.cbtf_container label.width90 { width: 90%; }
.cbtf_container label.width0 { display: none; }

.cbtf_container label {
    /* width: 100% !important; */
    display: block;
    margin-bottom: 4px;
}
.cbtf_container label.placement_beside {
    display: inline-block;
    vertical-align: top;
}

.cbtf_container input[type=text] {
    display: inline-block;
}
.cbtf_container input[type=text]:not(.ed_button).width10 { width: 10%; }
.cbtf_container input[type=text]:not(.ed_button).width60 { width: 60%; }
.cbtf_container input[type=text]:not(.ed_button).width65 { width: 65%; }
.cbtf_container input[type=text]:not(.ed_button).width70 { width: 70%; }
.cbtf_container input[type=text]:not(.ed_button).width75 { width: 75%; }
.cbtf_container input[type=text]:not(.ed_button).width80 { width: 80%; }
.cbtf_container input[type=text]:not(.ed_button).width85 { width: 85%; }
.cbtf_container input[type=text]:not(.ed_button).width90 { width: 90%; }
.cbtf_container input[type=text]:not(.ed_button).width95 { width: 95%; }
.cbtf_container input[type=text]:not(.ed_button).width100 { width: 100%; }

.cbtf_container input[type=text] {
    width: 100%;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    box-shadow: none;
}
.cbtf_container input[type=text]:focus {
    background: #fff;
}
.cbtf_container input[type=text].ui-state-hover {
    background: #fdfd96;
    border: 1px solid #fcd664;
}

.cbtf_container input[type=text].has_checkbox {
    width: 95%;
}
.cbtf_container input[type=checkbox] {
    float: right;
    width: 5%;
    margin: 0;
    margin-top: 12px;
}

/* Sortable-specific styling */
.cbtf_sortable input[type=text] {
    width: auto !important;
    min-width: 300px;
    max-width: 100%;
}
.cbtf_container.dashicons.dashicons-sort {
    color: #777;
}
.ui-sortable-handle input[type=text]:before {
    content: "a";
}
.cbtf_sortable_icon {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
}
.cbtf_field i.fa {
    color: #777;
    padding-right: 20px;
}
.cbtf_field i.fa:hover,
.cbtf_field i.fa:active {
    color: #012243;
}

.cbtf_field i.fa:hover {
    cursor: pointer;
    cursor: hand;
    cursor: grab;
    cursor: -webkit-grab;
}
.cbtf_field i.fa:active {
    cursor: pointer;
    cursor: hand;
    cursor: grab;
    cursor: grabbing;
    cursor: -webkit-grab;
    cursor: -webkit-grabbing;
}


.cbtf_button {
    margin: 20px 0;
    margin: 0;
}
.cbtf_container .ui-state-hover {
    font-weight: normal;
}
.cbtf_button_container {
    background: #c0e3f0;
    margin: 30px -70px 0 -70px;
    padding: 12px 70px;
    text-align: center;
}



/* Feedback messages */
.cbtf_feedback {
    display: none;
    margin-top: 10px;
    
    color: #aaaaaa;
    font-size: 12px;
    margin-top: 0;
}
.cbtf_feedback.cbtf_success {
    
}
.cbtf_feedback.cbtf_error {
    color: #ffa500;
}