/* Custom styles  OP PRODUCT BUILDER*/


            
            #op_productButton[data-opid="1"] {
                background-color: #2fb5d3 !important;
                color: #ffffff !important;
                }

            #op_builder[data-opid="1"] .dropzone .dz-message .dz-button  {
                color: #222f3e !important;
                }
            #op_productSelection[data-opid="1"],
                #op_productSelection[data-opid="1"] table{
                font-size: 15 px !important;
                }
            #op_builder[data-opid="1"]{
                font-size:  16 px !important;
                padding:  20 px !important;
            }
            #op_builder[data-opid="1"] .pretty label{
                                line-height: 18 px !important;
                font-size:  16 px !important;
                }
            #op_builder[data-opid="1"] .op_buttonField{
                background-color: #8395a7 !important;
                color: #ffffff !important;
                }

            #op_builder[data-opid="1"] .op_imgCheckmark{
                color: #2fb5d3 !important;
                }
            #op_builder[data-opid="1"].op_modal .op_btnCloseModal {
                color: #2fb5d3 !important;
                }
            #op_builder[data-opid="1"] #op_nextStepBtn{
                background-color: #2fb5d3 !important;
                color: #ffffff !important;
                }

            body #op_builder[data-opid="1"] input:not([type="checkbox"]):not([type="radio"]){
                background-color: #ffffff !important;
                color: #333333  !important;
                border-color: #dcd7ca !important;
                border-width: 1 px !important;
                font-size: 16 px !important;
                }

            body #op_builder[data-opid="1"] .pretty.p-switch input:checked~.state:before,
                 body #op_builder[data-opid="1"] .pretty.p-switch .state:before{
                border-color: #dcd7ca !important;
                }

            body #op_builder[data-opid="1"]{
                background-color: #ecf0f1 !important;
                color: #222f3e !important;
                }

            #op_builderMeta[data-opid="1"] table th,
                #op_builderMeta[data-opid="$builderID "] table td{
                border-color: #777777 !important;
                }

            body #op_builder[data-opid="1"] .pretty.p-switch input:checked~.state label:after,
                body #op_builder[data-opid="1"]  .pretty.p-default input:checked~.state label:after{
                background-color: #2fb5d3   !important;
                }

            #op_builder[data-opid="1"] .op_field.dz-clickable{
                border-color: #2fb5d3 !important;
                }

            #op_builderMeta[data-opid="1"] table thead th{
                background-color: #2fb5d3 !important;
                color: #ffffff !important;
                }

            #op_builderMeta[data-opid="1"] tbody td{
                background-color: #ffffff !important;
                color: #333333 !important;
                }

            #op_wooproduct_optionsPrice[data-opid="1"]{
                color: #2fb5d3 !important;
                }
            #op_builderMeta[data-opid="1"] .op_button,
                #op_builder[data-opid="1"] .op_button{
                border-radius: 3 px !important;
                }
            #op_builder[data-opid="1"] .op_invalid input:not([type="checkbox"]):not([type="radio"]):not([type="color"]){
                color: #ff6b6b !important;
                border-color: #ff6b6b !important;
                }/* Custom styles  OP PRODUCT BUILDER*/


            
            #op_productButton[data-opid="2"] {
                background-color: #2fb5d3 !important;
                color: #ffffff !important;
                }

            #op_builder[data-opid="2"] .dropzone .dz-message .dz-button  {
                color: #222f3e !important;
                }
            #op_productSelection[data-opid="2"],
                #op_productSelection[data-opid="2"] table{
                font-size: 15 px !important;
                }
            #op_builder[data-opid="2"]{
                font-size:  16 px !important;
                padding:  20 px !important;
            }
            #op_builder[data-opid="2"] .pretty label{
                                line-height: 18 px !important;
                font-size:  16 px !important;
                }
            #op_builder[data-opid="2"] .op_buttonField{
                background-color: #8395a7 !important;
                color: #ffffff !important;
                }

            #op_builder[data-opid="2"] .op_imgCheckmark{
                color: #2fb5d3 !important;
                }
            #op_builder[data-opid="2"].op_modal .op_btnCloseModal {
                color: #2fb5d3 !important;
                }
            #op_builder[data-opid="2"] #op_nextStepBtn{
                background-color: #2fb5d3 !important;
                color: #ffffff !important;
                }

            body #op_builder[data-opid="2"] input:not([type="checkbox"]):not([type="radio"]){
                background-color: #ffffff !important;
                color: #333333  !important;
                border-color: #dcd7ca !important;
                border-width: 1 px !important;
                font-size: 16 px !important;
                }

            body #op_builder[data-opid="2"] .pretty.p-switch input:checked~.state:before,
                 body #op_builder[data-opid="2"] .pretty.p-switch .state:before{
                border-color: #dcd7ca !important;
                }

            body #op_builder[data-opid="2"]{
                background-color: #ecf0f1 !important;
                color: #222f3e !important;
                }

            #op_builderMeta[data-opid="2"] table th,
                #op_builderMeta[data-opid="$builderID "] table td{
                border-color: #777777 !important;
                }

            body #op_builder[data-opid="2"] .pretty.p-switch input:checked~.state label:after,
                body #op_builder[data-opid="2"]  .pretty.p-default input:checked~.state label:after{
                background-color: #2fb5d3   !important;
                }

            #op_builder[data-opid="2"] .op_field.dz-clickable{
                border-color: #2fb5d3 !important;
                }

            #op_builderMeta[data-opid="2"] table thead th{
                background-color: #2fb5d3 !important;
                color: #ffffff !important;
                }

            #op_builderMeta[data-opid="2"] tbody td{
                background-color: #ffffff !important;
                color: #333333 !important;
                }

            #op_wooproduct_optionsPrice[data-opid="2"]{
                color: #2fb5d3 !important;
                }
            #op_builderMeta[data-opid="2"] .op_button,
                #op_builder[data-opid="2"] .op_button{
                border-radius: 3 px !important;
                }
            #op_builder[data-opid="2"] .op_invalid input:not([type="checkbox"]):not([type="radio"]):not([type="color"]){
                color: #ff6b6b !important;
                border-color: #ff6b6b !important;
                }/* Custom styles  OP PRODUCT BUILDER*/


            
            #op_productButton[data-opid="3"] {
                background-color: #2fb5d3 !important;
                color: #ffffff !important;
                }

            #op_builder[data-opid="3"] .dropzone .dz-message .dz-button  {
                color: #222f3e !important;
                }
            #op_productSelection[data-opid="3"],
                #op_productSelection[data-opid="3"] table{
                font-size: 15 px !important;
                }
            #op_builder[data-opid="3"]{
                font-size:  16 px !important;
                padding:  20 px !important;
            }
            #op_builder[data-opid="3"] .pretty label{
                                line-height: 18 px !important;
                font-size:  16 px !important;
                }
            #op_builder[data-opid="3"] .op_buttonField{
                background-color: #8395a7 !important;
                color: #ffffff !important;
                }

            #op_builder[data-opid="3"] .op_imgCheckmark{
                color: #2fb5d3 !important;
                }
            #op_builder[data-opid="3"].op_modal .op_btnCloseModal {
                color: #2fb5d3 !important;
                }
            #op_builder[data-opid="3"] #op_nextStepBtn{
                background-color: #2fb5d3 !important;
                color: #ffffff !important;
                }

            body #op_builder[data-opid="3"] input:not([type="checkbox"]):not([type="radio"]){
                background-color: #ffffff !important;
                color: #333333  !important;
                border-color: #dcd7ca !important;
                border-width: 1 px !important;
                font-size: 16 px !important;
                }

            body #op_builder[data-opid="3"] .pretty.p-switch input:checked~.state:before,
                 body #op_builder[data-opid="3"] .pretty.p-switch .state:before{
                border-color: #dcd7ca !important;
                }

            body #op_builder[data-opid="3"]{
                background-color: #ecf0f1 !important;
                color: #222f3e !important;
                }

            #op_builderMeta[data-opid="3"] table th,
                #op_builderMeta[data-opid="$builderID "] table td{
                border-color: #777777 !important;
                }

            body #op_builder[data-opid="3"] .pretty.p-switch input:checked~.state label:after,
                body #op_builder[data-opid="3"]  .pretty.p-default input:checked~.state label:after{
                background-color: #2fb5d3   !important;
                }

            #op_builder[data-opid="3"] .op_field.dz-clickable{
                border-color: #2fb5d3 !important;
                }

            #op_builderMeta[data-opid="3"] table thead th{
                background-color: #2fb5d3 !important;
                color: #ffffff !important;
                }

            #op_builderMeta[data-opid="3"] tbody td{
                background-color: #ffffff !important;
                color: #333333 !important;
                }

            #op_wooproduct_optionsPrice[data-opid="3"]{
                color: #2fb5d3 !important;
                }
            #op_builderMeta[data-opid="3"] .op_button,
                #op_builder[data-opid="3"] .op_button{
                border-radius: 3 px !important;
                }
            #op_builder[data-opid="3"] .op_invalid input:not([type="checkbox"]):not([type="radio"]):not([type="color"]){
                color: #ff6b6b !important;
                border-color: #ff6b6b !important;
                }