#order-components-form .form-control,#order-components-form .form-select {width: auto;min-width: 150px;float: left; margin-right: 20px; }
.alert-notice .close{display: none; }
.tooltip.combuilder{--tooltip-padding-y:.5rem !important;--tooltip-max-width:300px !important; --tooltip-bg:#3a8ccf; --tooltip-opacity:1; --tooltip-font-size:.8em}
.tooltip.combuilder .tooltip-inner{text-align:left}
.fa-question-circle:before{color:#3a8ccf; cursor:pointer}
legend:not(.formbuilder) {display: block;width: 100% !important;padding: 0 !important; margin-bottom: 20px !important;color: #333;border: 0;border-bottom: 1px solid #e5e5e5;}
legend.formbuilder  { background-color: #f5f5f5; border: 1px solid #dfe3e7; border-bottom: 0; border-radius: .25rem .25rem 0 0; margin: 0; padding: 10px;box-shadow: inset 0 1px #fff, 0 2px 3px -3px #00000026, inset 0 -4px #0000000d, 1px 1px 4px #0000001a;}
.text-right { text-align: right;}
.text-left{text-align:left}
.mb-20{margin-bottom:20px}
.mb-50{margin-bottom:50px}
a.nav-link {cursor: pointer;}
.modal.share{--modal-width:650px}
.modal.share label {width:auto}
.modal-title{width:100%}
.sharing-response a.close {float: right;cursor: pointer;}
#component-directory-list li.component { margin-bottom: 20px; padding-bottom: 20px;border-bottom: 1px solid #efefef; list-style: none;}
#component-directory-list ul { padding-left: 0px;}
/*
 9389975277eb84e34d18c91bde9a4d7c
 */

.side-block {
    font-size: 11pt;
    padding: 10px 20px 40px 20px;
    margin-top: 30px;
    border: 1px solid #ebebeb;
}
.import-component {
    background: #ffffed;
    color: #736324;
}
.info-message {
    margin-top: 20px;
    border-color: #3b89d5;
    background: #f3faff;
}
.info-message i.fa {
    font-size: 26pt;
    color: #3b89d5;
    margin: 15px auto;
}
.component-overview {
    background: #f7f6f6;
    border-color: #ebebeb;
}
.side-block.component-overview table { margin-top:25px;}
.side-block.component-overview table > tbody > tr {
    /* margin-bottom: 50px !important; */
    line-height: 2em;
}
ul#component-structure {
    padding: 0;
    list-style: none;
}
ul#component-structure li,#admin-views button.btn, #site-views button.btn {
    margin-bottom: 10px;
}
#component-directory-detail h2 {font-size:1.8em}
.side-block.component-overview h2, .side-block.import-component h2 {
    text-align: center;

    padding-top: 20px;
}
#component-directory-detail h1 {
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    margin-bottom: 30px;
    font-weight:500;
}
#component-directory-detail h2 { font-weight:500}
ul.shade {
    margin-top:-10px;
    background-color: #f7f6f6;
    border-top:solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
    list-style:none;
}
ul.shade li:first-child {
    padding-top: 10px;
}
#component-structure button.btn.btn-primary:after,#component-structure button.btn.btn-outline-success:after,#component-structure button.btn.btn-outline-info:after {
    font-family: 'bootstrap-icons';
    content: "\f282";
    float: right;

}
#component-structure button.btn.btn-primary:after {
    color:#fff;
}
#component-structure button.btn.btn-primary.collapsed:after, #component-structure button.btn.btn-outline-success.collapsed:after,#component-structure button.btn.btn-outline-info.collapsed:after{
    
    content: "\f285";
   
}
.form-control.code{margin-bottom:15px}
.combuilder.nav.nav-tabs .nav-link.active {
    background-color: #fff;
    background-image: none;
}
ul#fileList {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 500px;
    overflow-y: scroll;
    font-size:90%;
}
ul#fileList > li {
    padding: 2px 0;
    border-bottom: 1px dotted #eeeeee;
}
#build-messages {
    height: 500px;
    padding-top: 50px;
}
#build-messages > .build-text {
    margin-bottom: 20px;
}
#build-messages > .build-social {
    margin-bottom: 20px;
}
.circle-up {
    display: inline-block;
    transition: 200ms ease-in-out;
}
.circle-up:hover {transform: translate(0px, 4px);}
svg path.facebook-vector-built {
    fill: white;
}
svg path.twitter-vector-built {
    fill: white;
}
.twitter svg, .bsky svg {
    /*background-color: #1da1f2;*/
    border: #1da1f2 1px solid;
}
.facebook svg {
    background-color: #3b5998;
    border: #3b5998 1px solid;
}
.built-social-icons svg {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    padding: 8px;
    margin-left: 15px;
}
svg:not(:root) {
    overflow: hidden;
}
.feature-box {
    margin-top: 40px;
    min-height: 400px;
    padding: 20px;
    border-radius: 4px;
    background-color: #f1f8ff;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.feature-box .feature-icon {
    text-align: center;
    float: none;
}
.feature-box .feature-icon > img {
    max-height: 50px;
}
.feature-box h3 {
    text-align: center;
    margin:20px 0;
    font-size: 1.5em;
}
.col.changelog{margin-bottom:50px;}
#changelog h2 {margin-top:20px; margin-bottom:10px;}
table.sqlImportOuterTable td .form-control { width: 100%; }
table.sqlImportOuterTable input[type=checkbox] {
    width: 18px;
    height: 18px;
}
table.sqlImportOuterTable input[type=checkbox], input[type=radio] {
    position: relative;
    margin: auto;
    vertical-align: middle;
}
.grid-child.container-component {
    margin-bottom: 50px;
}
.ui-sortable-helper{display:table}
.jumbo{background-color:#eee}
.awesomplete {
    width: 100%;
}
.breadcrumb > li + li:before, #kunena.layout .breadcrumb > .active + li::before {
    font-family: 'bootstrap-icons';
    content: "\f285";
    color: #666;
    display: inline-flex;
    vertical-align: middle;
    padding: 0 6px;
}
a.pathway {
    text-decoration: none;
}
ol.breadcrumb {padding:10px;}
#component-directory h1 {
    font-weight: 500;
    margin-top:30px;
    margin-bottom:20px;
}
.col-2.col-xs-2.grouped-list-delete{margin-top:25px}