.et-pb-all-modules .et_pb_dp_oc:before, .et_pb_saved_layouts_list .et_pb_dp_oc:before { content: '\53'; color: #FF922A }
.et-pb-all-modules .et_pb_dp_oc .et_module_title, .et_pb_saved_layouts_list .et_pb_dp_oc .et_module_title { color: #336AD7 }
.et-pb-all-modules .et_pb_dp_oc_custom:before, .et_pb_saved_layouts_list .et_pb_dp_oc_custom:before { content: '\53'; color: #FF922A }
.et-pb-all-modules .et_pb_dp_oc_custom .et_module_title, .et_pb_saved_layouts_list .et_pb_dp_oc_custom .et_module_title { color: #336AD7 }
.et-pb-all-modules .et_pb_dp_oc_custom_fw:before, .et_pb_saved_layouts_list .et_pb_dp_oc_custom_fw:before { content: '\53'; color: #FF922A }
.et-pb-all-modules .et_pb_dp_oc_custom_fw .et_module_title, .et_pb_saved_layouts_list .et_pb_dp_oc_custom_fw .et_module_title { color: #336AD7 }
.et-pb-all-modules .et_pb_dp_oc_fw:before, .et_pb_saved_layouts_list .et_pb_dp_oc_fw:before { content: '\53'; color: #FF922A }
.et-pb-all-modules .et_pb_dp_oc_fw .et_module_title, .et_pb_saved_layouts_list .et_pb_dp_oc_fw .et_module_title { color: #336AD7 }

/*-- VB custom modal --*/
#dp-ocp-vb-wrapper{    
    position: fixed;
    z-index: 10000000;
    background-color: rgba(51, 51, 51, 0.3);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#dp-ocp-vb-modal{    
    background-color: #f1f5f9;
    max-width: 400px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 16px;
    box-shadow: 0 5px 30px rgba(43,135,218,.2);
    font-family: Open Sans,Helvetica,Roboto,Arial,sans-serif;
    border: 6px solid lightgray;
    min-height: 160px;
}
.dp-ocp-vb-select, .dp-ocp-vb-select:focus{
    margin-top: 8px;
    width: 100%;
    display: block;
    border: 2px solid lightgray;
    font-size: 1.1em;
}
.dp-ocp-vb-actions{
    text-align: center;
}
.dp-ocp-vb-finish, .dp-ocp-vb-submit, .dp-ocp-vb-clean{
    font-family: Open Sans,Helvetica,Roboto,Arial,sans-serif;
    font-weight: bold;
    border: none;
    color: white;
    margin-top: 8px;
    padding: 8px 16px;
    cursor: pointer;
}
.dp-ocp-vb-finish{
    background-color: #ef5555;
}
.dp-ocp-vb-submit{
    background-color: #29c4a9;
}
.dp-ocp-vb-clean{
    background-color: #7d3bcf;
}
/*-- ET Loader --*/
.et-fb-loader-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px auto auto -50px;
    background: #fff;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    box-shadow: 0 5px 30px rgba(43, 135, 218, 0.15);
    animation: et-fb-loader-wrapper ease infinite 1.5s;
}
.et-fb-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -6px auto auto -6px;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    box-shadow: 0px -17px #7e3bd0, 17px 0 #7e3bd0, 0px 17px #7e3bd0, -17px 0 #7e3bd0;
    animation: et-fb-loader ease infinite 3s;
}
@keyframes et-fb-loader {
    0% {
        box-shadow: 0px -17px #7e3bd0, 17px 0 #29c4a9, 0px 17px #7e3bd0, -17px 0 #29c4a9;
    }
    25% {
        box-shadow: 17px 0 #2b87da, 0px 17px #29c4a9, -17px 0 #2b87da, 0px -17px #29c4a9;
    }
    50% {
        box-shadow: 0px 17px #2b87da, -17px 0 #ff9232, 0px -17px #2b87da, 17px 0 #ff9232;
    }
    75% {
        box-shadow: -17px 0 #7e3bd0, 0px -17px #ff9232, 17px 0 #7e3bd0, 0px 17px #ff9232;
    }
    100% {
        box-shadow: 0px -17px #7e3bd0, 17px 0 #29c4a9, 0px 17px #7e3bd0, -17px 0 #29c4a9;
    }
}
@keyframes et-fb-loader-wrapper {
    0%,100% {
        width: 100px;
        height: 100px;
        margin: -50px auto auto -50px;
        box-shadow: 0 5px 30px rgba(43, 135, 218, 0.15);
    }
    50% {
        width: 70px;
        height: 70px;
        margin: -35px auto auto -35px;
        box-shadow: 0 5px 15px rgba(43, 135, 218, 0.30);
    }
}