.ui-state-focus { outline: none; }
.ui-accordion-header {outline: none;}
.compositepro_panal_wrap {
    width: 100%;
}
.toolbar.compositepro_wrap_toolbar {
    width: 100%;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 10px 6px;
}
.toolbar.compositepro_wrap_toolbar nav.navbar.navbar-default {
    width: 50%;
    float: right;
    margin: -10px 3px;
    text-align: right;
    padding-right: 25px;
}
.toolbar.compositepro_wrap_toolbar .compositepro_list_title {
    width: 50%;
    padding-left: 6px;
}
div.compositepro-pro-item h3.ui-accordion-header {
	border-left: 0px;
    margin: 0!important;
    padding: 15px 0px 15px 28px;
    border-top: 0px;
    background: none;
    border-right: 0px;
    border-bottom: 1px solid #eaeaea;
    border-radius: 0px;
}
div.compositepro-pro-item div.ui-accordion-content {
    border-bottom: 1px solid #eaeaea;
    border-radius: 0px;
    font-size: 13px;
    border-left: none;
    padding: 0px;
    border-right: none;
}
button.save-composite-removed.button , button.remove-dependence.button {
    float: right;
    margin: -6px 15px 0px 0px;
}
span.composite_pro_name {
    font-size: 14px;
    color: black;
}
.compositepro_action_button {
    padding-top: 10px;
    padding-bottom: 10px;
}
button#compositepro_add_new_componenet, button#compositepro_add_new_dependencies {
    float: right;
    margin-right: 15px;
}
button#compositepro_save_component,button#compositepro_save_dependencies{
    margin-left: 15px; 
}
.ui-widget {
	font-family: unset !important;
}
.ui-widget-content {
	color: inherit !important;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget input{
	font-family: unset !important;
	font-size: 1.3em !important;
}
.ui-accordion .ui-accordion-content {
	overflow: hidden !important;
}
/*.box {
    display: none;
}*/
button.save-composite-removed.button span , button.remove-dependence.button span {
    font-family: dashicons;
    color: red;
}
button#compositepro_add_new_componenet span , button#compositepro_add_new_dependencies span {
    font-family: dashicons;
}
nav.compositepro-nav.navbar.navbar-default a.btn span {
    font-family: dashicons;
}
nav.compositepro-nav.navbar.navbar-default a.btn.btn-sm {
    font-size: 22px;
    margin: 6px;
}
span#spinnerCompnent ,span#saveDependenceSpinner {
    display: none;
}
span#add_dependence_loader{
    display: none;
    margin-right: 10px;
    float: right;
}
.list-of-component-dep{
    margin-left: 14px;
}
.dep_component_action_pro_{
    display: none;
}
.compositepro-pro-item >h3{
    cursor: grabbing !important;
}