/**********************************************************

BLUE JAY
WP CSS
First light

**********************************************************/


/********************************************************************
TYPOGRAPHY
********************************************************************/


#bj-container a {
    text-decoration: none!important;
    box-shadow: none!important;
    }

#bj-container a:hover {
    text-decoration: none!important;
    box-shadow: none!important;
    }

#bj-container .bj-align-center {
    text-align: center;
    }


#bj-container .bj-extra-padding {
    padding: 20px 0px 20px 0px;
    overflow: hidden;
    }

#bj-container hr {
    border: solid #d9d9d9;
    border-width: 1px 0 0;
    clear: both;
    margin: 1px 0 10px 0;
    height: 0;
    }

#bj-container h1, h2, h3, h4, h5, h6 {
    letter-spacing: normal!important;
}

#bj-container h1 {
    color: #4c4c4c;
    font-size: 28px;
    line-height: 1.2em;
    font-weight: 500;
    padding: 0px;
    margin: 0 0 10px 0;
    }

#bj-container h2 {
    color: #4c4c4c;
    font-size: 1.5rem;
    line-height: 1.2em;
    font-weight: 900;
    padding: 0px;
    margin: 0 0 10px 0;
    }

#bj-container h3 {
    color: #4c4c4c;
    font-size: 1.25rem;
    line-height: 1.2em;
    font-weight: 700;
    padding: 0px;
    margin: 0 0 10px 0;
    }

#bj-container h4 {
    color: #4c4c4c;
    font-size: 1rem;
    line-height: 1.3em;
    font-weight: 600;
    padding: 0px;
    margin: 0 0 5px 0;
    }

#bj-container h5 {
    color: #4c4c4c;
    font-size: 1.125rem;
    line-height: 1.2em;
    font-weight: 600;
    padding: 0px;
    margin: 0 0 10px 0;
    }

#bj-container h6 {
    font-size: 1rem;
    line-height: 1.2em;
    font-weight: 600;
    padding: 0px;
    margin: 3px 0 3px 0;
    }

#bj-container .bj-tag {
    font-size: 0.9rem;
    margin: 8px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    color: #666666;
    clear: both;
    }

#bj-container .bj-tag .fa {
    color: #666666;
    }

#bj-container .bj-tag a {
    margin: 0px 5px 0px 5px;
    color: #666666;
    }

#bj-container .bj-tag a:hover {
    text-decoration: underline;
    }

#bj-container .bj-description {
    border-bottom: 1px solid #d9d9d9;
    padding: 20px 0 20px 0px;
    }

#bj-container .bj-description ul {
    list-style: none!important;
    padding: 0;
    margin: 20px 0px 0px 15px;
    }

#bj-container .bj-description li {
    padding-left: 1.3em;
    }

#bj-container .bj-description li:before {
    /*content: "\f105";*/ /* FontAwesome Unicode */
    /*font-family: "Font Awesome 5 Free";*/
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    /* text-rendering: auto; */
    -webkit-font-smoothing: antialiased;
    color: #666666;
    }

/********************************************************************
SEARCH RESULTS
********************************************************************/

#bj-container .bj-search-results .bj-result-field .bj-field-label {
    font-weight: 600;
}

#bj-container .bj-search-results h4 {
    color: inherit!important;
    display: inline;
    font-size: 17px!important;
    font-family: inherit;
}

/********************************************************************
IMAGES
********************************************************************/

#bj-container .bj-widget-img {
    background-color: #000000;
    text-align: center;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding: 20px;
}

#bj-container .bj-widget-viewer {
    background-color: #f8f8f8;
    text-align: center;
    border: 1px solid #d9d9d9;
    padding: 20px;
}

#bj-container #bj-viewer {
    height: 590px;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    padding: 5px;
}

/********************************************************************
NUM BAR
********************************************************************/

#bj-container .bj-num-bar {
    padding: 10px;
    font-size: 0.9rem;
    font-weight: 400;
    color: #666666;
    margin: 5px 0px 15px 0px;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #f8f8f8;
    }

#bj-container .bj-num-bar a {
    text-decoration: none;
    margin: 0px 5px 0px 5px;
    }

#bj-container .bj-num-bar a:hover {
    text-decoration: none;
    }

#bj-container .bj-num-bar.bj-border_bottom {
    border: 0px;
    background: transparent;
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 15px 0px;
    }

#bj-container .bj-num-bar.bj-border_top {
    border: 0px;
    border-top: 1px dotted #d9d9d9;
    background: transparent;
    padding: 15px 0px 0px 0px;
    margin: 15px 0px 0px 0px;
    }

#bj-container .bj-num-bar.bj-no_border a:first-child {
    margin-right: 10px ;
    }

#bj-container .bj-num-bar.bj-no_border a:last-child {
    margin-left: 10px ;
    }

#bj-container .bj-num-bar.bj-no_border a i {
    margin: 0px 3px;
    }

#bj-container .bj-num-bar .bj-current {
    color: #666666;
    font-weight: 600;
    }

#bj-container .bj-num-bar i {
    vertical-align: middle;
    margin-left: 8px;
    margin-right: 8px;
    }

#bj-container .bj-num-bar.bj-bottom {
    margin-top: 30px !important;
    }

#bj-container .bj-num-bar form {
     display: inline;
    margin: 0px;
    padding: 0px;
    }

#bj-container .bj-num-bar p {
     display: inline;
    margin: 0px;
    padding: 0px;
    }

#bj-container .bj-num-bar input[type="text"].bj-input-sm {
    vertical-align: middle;
    text-align: center;
    margin: 0px 5px;
    padding: 0px 6px;
    width: 30px;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    line-height: 2.3rem!important;
    height: 2.3rem!important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    }

#bj-container .bj-num-bar input placeholder {
    color: #000;
    }

#bj-container .bj-num-bar input[type="text"].placeholder {
    color: #333;
    }

#bj-container .bj-num-bar ::-webkit-input-placeholder {
    color: #333;
    }

#bj-container .bj-num-bar :-moz-placeholder {
    color: #333;
    }

#bj-container .bj-num-bar ::-moz-placeholder {
    color: #333;
    }

#bj-container .bj-num-bar :-ms-input-placeholder {
    color: #333;
    }


div#bj-pagination-info-doc {
    padding: 10px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #333333;
    margin: 5px 0px 15px 0px;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #f8f8f8;
}

#bj-container .bj-breadcrumbs {
    padding: 1em;
    background-color: #f8f8f8;
    margin-top: -10px;
    margin-bottom: 30px;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

/********************************************************************
SEARCH BAR
********************************************************************/

#bj-container .bj-search-bar {
    padding: 14px 0px 14px 0px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #d9d9d9;
    margin: 0px;
    border-bottom: 1px solid #d9d9d9;
    background-color: #ffffff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d3d3+0,ffffff+20,ffffff+100 */
    background: #d3d3d3; /* Old browsers */
    background: -moz-linear-gradient(top, #d3d3d3 0%, #ffffff 20%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #d3d3d3 0%,#ffffff 20%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bj-bottom, #d3d3d3 0%,#ffffff 20%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }

#bj-container .bj-search-bar .bj-form-element {
    margin-bj-bottom: 0px;
    }

#bj-container .bj-search-bar .bj-btn {
    margin: 0px;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(204,204,204,1);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(204,204,204,1);
    box-shadow: inset 0px 0px 5px 0px rgba(204,204,204,1);
    }


/********************************************************************
IMG PAGER
********************************************************************/

#bj-container .bj-img-pager {
    text-align: right;
    float: right;
    }

#bj-container .bj-img-pager input[type="text"] {
    vertical-align: baseline;
    padding: 0px 6px;
    width: 30px;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    line-height: 2.3rem!important;
    height: 2.3rem!important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    }


/********************************************************************
bj-widget
All contents displayed inside boxes
********************************************************************/


#bj-container .bj-widget {
    padding: 15px 15px 15px 15px;
    margin: 0px 0px 30px 0px;
    border: 2px solid #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: white;
    overflow: hidden;
    }

#bj-container .bj-widget-search {
    border: 1px solid #d9d9d9;
    background: #f8f8f8;
    padding: 0px 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0px 0px 40px 0px;
    }

#bj-container section.bj-widget-search input {
    width: 50%!important;
    background-color: #ffffff!important;
    border: 1px solid #cccccc!important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding-left: 10px;
    }

#bj-container .bj-widget-filter {
    margin: 10px 0px 30px 0px;
    float: right;
    }

#bj-container .bj-widget-filter input {
    width: 50%!important;
    background-color: #ffffff!important;
    border: 1px solid #d9d9d9!important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding-left: 10px;
    }

#bj-container input:focus {
    box-shadow: none!important;
}

/********************************************************************
LIST
********************************************************************/

#bj-container ol.bj-gerarchia {
    list-style: none;
    display: inline;
    margin: 0px;
}

#bj-container ol.bj-gerarchia li {
    display: inline;
    margin-left: 0px!important;
    padding: 0px!important;
}

#bj-container ol.bj-gerarchia li:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    width: auto!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #666666;
}

#bj-container ol.bj-gerarchia li:first-child:before {
    content: "";
    margin: 0px;
}

#bj-container .bj-base-list {
    margin: 0px;
    padding: 0px;
    }

#bj-container .bj-base-list.list-padding li {
    padding: 15px 0px 15px 0px;
    }

#bj-container .bj-base-list li {
    border-bottom: 1px solid #d9d9d9;
    margin: 0px;
    padding: 4px 0px 4px 0px;
    list-style: none;
    }

#bj-container .bj-base-list li:last-child {
    border-bottom: 0px;
    }

#bj-container .bj-base-list li ul li {
    border-bottom: 0px solid #d9d9d9 !important;
    margin: 0px;
    padding: 4px 0px 4px 0px;
    list-style: none;
    }

#bj-container .bj-base-list li a {
    display: inline-block;
    }

#bj-container .bj-base-list li .fa {
    display: inline-block;
    color: #9d9c9c;
    font-size: 0.875rem;
    margin-right: 5px;
    }

#bj-container .bj-base-list .list_info {
    margin: 8px 0px 0px 22px;
    font-size: 0.9rem;
    }

#bj-container .bj-base-list .list_info strong {
    font-weight: 600;
    }

#bj-container .bj-icon-list li {
    list-style: none;
    }

#bj-container .bj-icon-list li a {
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 0px;
    }

#bj-container .bj-icon-list li i {
    float: left;
    padding-top: 3px;
    }

#bj-container .bj-icon-list li h2, .bj-icon-list li h3 {
    margin-top: 10px;
    }

#bj-container .bj-icon-list li h5 {
    margin: 0px;
    }

#bj-container .bj-icon-list li h1 {
    margin: 0px;
    font-size: 22px;
    }

#bj-container .bj-icon-list li h4 {
    font-weight: 400;
    }

#bj-container .bj-txt-list {
    margin: 20px 0px 0px 0px;
    padding: 0px;
    list-style: none;
    }

#bj-container .bj-txt-list li {
    margin: 0px 0px 8px 0px;
    padding: 8px 0px 10px 0px;
    }

#bj-container .bj-txt-list li a {
     display: inline;
    }

#bj-container .bj-txt-list li .date {
    font-size: 0.6875rem;
    color: #333333;
    }

#bj-container .bj-txt-list li strong {
    font-size: 0.875rem;
    padding-bj-bottom: 5px;
    margin: 0px;
    }

#bj-container .bj-txt-list li img {
    float: left;
    margin: 5px 10px 10px 0px;
    }

#bj-container .bj-txt-list h4 {
    color: #4c4c4c;
    font-size: 0.9375rem;
    line-height: 1.1em;
    font-weight: 600;
    padding: 0px;
    margin: 0px 0px 4px 0px;
    }

#bj-container .bj-txt-list h4 .fa {
    color: #9d9c9c;
    }

/********************************************************************
BUTTONS
********************************************************************/

#bj-container .bj-btn {
    display: inline-block;
    border: 1px solid #d4d4d4;
    padding: 10px;
    line-height: 16px;
    height: auto;
    margin: 0 0 10px 0;
    color: #666;
    font-size: 0.875rem;
    font-weight: 600;
    background-color: #efefef;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(204,204,204,1);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(204,204,204,1);
    box-shadow: inset 0px 0px 5px 0px rgba(204,204,204,1);
    }

#bj-container .bj-btn:hover {
    color: #5993b8;
    background-color: #f8f8f8;
    }

#bj-container .bj-btn.bj-disabled {
    color: rgba(255, 255, 255, 0.6);
    background-color: #537bb2;
    cursor: default;
    }

#bj-container .bj-btn.bj-disabled:hover {
    background-color: #537bb2;
    }

#bj-container .bj-btn.standard {
    display: inline-block;
    border: 0px;
    color: #666666;
    font-size: 0.875rem;
    background-color: #f8f8f8;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #d4d4d4;
    }

#bj-container .bj-btn.standard:hover {
    color: #000000;
    background-color: #f9f9f9;
    border: 1px solid #8d8d8d;
    }

#bj-container .bj-btn.bj-call-to-action {
    display: inline-block;
    border: 0px;
    color: #ffffff;
    font-size: 0.875rem;
    background-color: #5993b8;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    /*text-shadow: 0 1px rgba(56, 86, 115, 0.75);*/
    text-shadow: none;
    }

#bj-container .bj-btn.bj-call-to-action:hover {
    color: #ffffff;
    background-color: #457ca0;
    }

#bj-container .bj-btn.bj-call-to-action.bj-disabled {
    background-color: #a69542;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFAF9D46', endColorstr='#FF9D8D3F');
    background-image: -moz-linear-gradient(top, #af9d46 0%, #9d8d3f 100%);
    background-image: -webkit-linear-gradient(top, #af9d46 0%, #9d8d3f 100%);
    background-image: linear-gradient(to bj-bottom, #af9d46 0%, #9d8d3f 100%);
    }

#bj-container .bj-btn.bj-call-to-action.bj-disabled:hover {
    background-color: #a69542;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFAF9D46', endColorstr='#FF9D8D3F');
    background-image: -moz-linear-gradient(top, #af9d46 0%, #9d8d3f 100%);
    background-image: -webkit-linear-gradient(top, #af9d46 0%, #9d8d3f 100%);
    background-image: linear-gradient(to bj-bottom, #af9d46 0%, #9d8d3f 100%);
    }

#bj-container .bj-btn.bj-warning {
    background-color: #b60808;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC50909', endColorstr='#FFA80808');
    background-image: -moz-linear-gradient(top, #c50909 0%, #a80808 100%);
    background-image: -webkit-linear-gradient(top, #c50909 0%, #a80808 100%);
    background-image: linear-gradient(to bj-bottom, #c50909 0%, #a80808 100%);
    }

#bj-container .bj-btn.bj-warning:hover {
    background-color: #9e0707;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFAD0808', endColorstr='#FF900707');
    background-image: -moz-linear-gradient(top, #ad0808 0%, #900707 100%);
    background-image: -webkit-linear-gradient(top, #ad0808 0%, #900707 100%);
    background-image: linear-gradient(to bj-bottom, #ad0808 0%, #900707 100%);
    }

#bj-container .bj-btn.bj-warning.bj-disabled {
    background-color: #b90808;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC50909', endColorstr='#FFAD0808');
    background-image: -moz-linear-gradient(top, #c50909 0%, #ad0808 100%);
    background-image: -webkit-linear-gradient(top, #c50909 0%, #ad0808 100%);
    background-image: linear-gradient(to bj-bottom, #c50909 0%, #ad0808 100%);
    }

#bj-container .bj-btn.bj-warning.bj-disabled:hover {
    background-color: #b90808;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC50909', endColorstr='#FFAD0808');
    background-image: -moz-linear-gradient(top, #c50909 0%, #ad0808 100%);
    background-image: -webkit-linear-gradient(top, #c50909 0%, #ad0808 100%);
    background-image: linear-gradient(to bj-bottom, #c50909 0%, #ad0808 100%);
    }

#bj-container .bj-btn.bj-secondary {
    display: inline-block;
    border: 1px solid #d4d4d4;
    padding: 10px;
    line-height: 16px;
    margin: 0 0 10px 0;
    color: #666;
    font-size: 0.875rem;
    font-weight: 600;
    background-color: #efefef;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    }

#bj-container .bj-btn.bj-secondary:hover {
    color: #5993b8;
    background-color: #f8f8f8;
    }

#bj-container .bj-btn.bj-secondary.bj-disabled {
    background-color: #b0b0b0;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFB7B7B7', endColorstr='#FFAAAAAA');
    background-image: -moz-linear-gradient(top, #b7b7b7 0%, #aaaaaa 100%);
    background-image: -webkit-linear-gradient(top, #b7b7b7 0%, #aaaaaa 100%);
    background-image: linear-gradient(to bj-bottom, #b7b7b7 0%, #aaaaaa 100%);
    }

#bj-container .bj-btn.bj-secondary.bj-disabled:hover {
    background-color: #b0b0b0;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFB7B7B7', endColorstr='#FFAAAAAA');
    background-image: -moz-linear-gradient(top, #b7b7b7 0%, #aaaaaa 100%);
    background-image: -webkit-linear-gradient(top, #b7b7b7 0%, #aaaaaa 100%);
    background-image: linear-gradient(to bj-bottom, #b7b7b7 0%, #aaaaaa 100%);
    }

#bj-container .bj-btn .fa {
    margin-right: 5px;
    }

#bj-container .bj-btn.bj-btn-sm {
    line-height: 14px;
    font-size: 0.6875rem;
    padding: 4px 8px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    }

#bj-container .bj-btn.bj-btn-sm .fa {
    margin-right: 3px;
    }

#bj-container .bj-btn.bj-btn-bg {
    font-size: 1.125rem;
    padding: 8px 12px;
    }

#bj-container .bj-btn.bj-btn-bg .fa {
    margin-right: 6px;
    }

#bj-container .bj-btn.bj-btn-lg {
    font-size: 1.375rem;
    line-height: 20px;
    padding: 10px 14px;
    height: 45px;
    }

#bj-container .bj-btn.bj-btn-lg .fa {
    margin-right: 7px;
    }

#bj-container .bj-btn.bj-btn-l {
    font-size: 1.125rem;
    line-height: px;
    padding: 10px 14px;
    height: 42px;
    }

#bj-container .bj-btn.bj-btn-l .fa {
    margin-right: 7px;
    }

#bj-container .bj-btn.only-icon .fa {
    margin: 0;
    }

#bj-container .bj-btn.bj-full-width {
    display: block;
    text-align: center;
    }

#bj-container .bj-btn.txt-left {
    text-align: left;
    }

/********************************************************************
FORMS
********************************************************************/

#bj-container .container form.bj-inline {
    margin: 0;
    padding: 0;
    }

/* Generic form style and classes */

#bj-container form .bj-disabled {
    cursor: not-allowed;
    background-color: #eee;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    }

#bj-container form .bj-disabled:hover {
    border: 1px solid #d9d9d9 !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    }

#bj-container form.bj-inline label {
    display: inline-block;
    width: 170px;
    }

#bj-container form.bj-inline.bj-label-30 label {
    display: inline-block;
    width: 30%;
    font-weight: 600;
    }

#bj-container form.bj-vertical label {
    display: block;
    margin-bj-bottom: 8px;
    }

#bj-container form.bj-vertical label:Last-child {
    margin-bj-bottom: 0;
    }

#bj-container form label.bj-radio-label, form label.bj-checkbox-label {
    margin-bj-bottom: 1px;
    }

/* Wrapper for single form element and label.
Definition of error states */

#bj-container .bj-form-element {
    margin-bj-bottom: 10px;
    }

#bj-container .bj-form-element.alert label {
    color: #5b7a5b;
    }

#bj-container .bj-form-element.alert input[type="text"], .bj-form-element.alert input[type="password"], .bj-form-element.alert textarea, .bj-form-element.alert select {
    border: 1px solid #5b7a5b;
    background-color: #f3f6f3;
    }

#bj-container .bj-form-element.alert input[type="text"]:focus, .bj-form-element.alert input[type="password"]:focus, .bj-form-element.alert textarea:focus, .bj-form-element.alert select:focus {
    -moz-box-shadow: rgba(91, 122, 91, 0.3) 0 0 6px;
    -webkit-box-shadow: rgba(91, 122, 91, 0.3) 0 0 6px;
    box-shadow: rgba(91, 122, 91, 0.3) 0 0 6px;
    }

#bj-container .bj-form-element.bj-warning label, .bj-form-element .bj-warning:hover label, .bj-form-element .bj-warning:focus label {
    color: #f19c22;
    }

#bj-container input[type="text"].bj-input-l, input[type="password"].bj-input-l {
    font-size: 1rem;
    }

#bj-container input[type="text"].bj-input-lg, input[type="password"].bj-input-lg {
    height: auto;
    padding: 10px 10px;
    font-size: 1.125rem;
    box-sizing: content-box;
    }

#bj-container input[type="text"].bj-input-sm-width, input[type="password"].bj-input-sm-width {
    width: 120px;
    }

#bj-container input[type="text"].bj-full-width, input[type="password"].bj-full-width {
    width: 100%;
    box-sizing: border-box;
    padding: 16px 6px;
    }

#bj-container input[type="text"].bj-fifty-width, input[type="password"].bj-fifty-width {
    width: 50%;
    }

#bj-container input[type="text"].bj-eighty-width, input[type="password"].bj-eighty-width {
    width: 80%;
    }

/* Textarea */

#bj-container textarea {
    font-size: 0.6875rem;
    border: 1px solid #d9d9d9;
    padding: 6px 4px;
    outline: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    color: black;
    display: inline-block;
    margin: 0px;
    vertical-align: middle;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: rgba(0, 0, 0, 0.075) 0 1px 2px inset;
    -webkit-box-shadow: rgba(0, 0, 0, 0.075) 0 1px 2px inset;
    box-shadow: rgba(0, 0, 0, 0.075) 0 1px 2px inset;
    -moz-transition-property: border-color, -webkit-box-shadow;
    -o-transition-property: border-color, -webkit-box-shadow;
    -webkit-transition-property: border-color, -webkit-box-shadow;
    transition-property: border-color, -webkit-box-shadow;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    }

#bj-container textarea:hover {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -moz-box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px;
    -webkit-box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px;
    box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px;
    }

#bj-container textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    -moz-box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px;
    -webkit-box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px;
    box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px;
    }

#bj-container textarea.bj-full-width {
    width: 100%;
    box-sizing: border-box;
    }

/* Select */

#bj-container select[multiple], select[size] {
    height: auto;
    }

#bj-container select {
    display: inline-block;
    height: 34px;
    padding: 6px 6px;
    font-size: 0.6875rem;
    line-height: 1.3;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-transition-property: border-color, -webkit-box-shadow;
    -o-transition-property: border-color, -webkit-box-shadow;
    -webkit-transition-property: border-color, -webkit-box-shadow;
    transition-property: border-color, -webkit-box-shadow;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    outline: 0;
    }

#bj-container select:hover {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -moz-box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px;
    -webkit-box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px;
    box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px;
    }

#bj-container select:focus {
    outline: 0;
    outline: thin dotted \9;
    border-color: rgba(82, 168, 236, 0.8);
    -moz-box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px;
    -webkit-box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px;
    box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px;
    }

#bj-container select[multiple] {
    height: auto;
    }

#bj-container select[multiple].bj-select-sm {
    height: auto;
    }

#bj-container select[multiple].bj-select-lg {
    height: auto;
    }

#bj-container select.bj-select-sm {
    height: 30px;
    padding: 6px 6px;
    font-size: 0.6875rem;
    line-height: 1.1;
    line-height: 1.5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    }

#bj-container select.bj-select-lg {
    height: 44px;
    padding: 8px 8px;
    font-size: 1.125rem;
    line-height: 1.8;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    }

#bj-container select.bj-full-width {
    width: 100%;
    box-sizing: border-box;
    }

/* Checkbox */

#bj-container input[type="checkbox"] {
    display: inline-block;
    }

#bj-container input[type="checkbox"] label {
     display: inline;
    }

/* Fieldset and Legend */

#bj-container fieldset {
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0 0 10px 0;
    }

#bj-container legend {
    font-style: italic;
    color: silver;
    text-shadow: 0px 1px 0px white;
    filter: dropshadow(color=white, offx=0, offy=1);
    }

/**************************************
ricerca avanzata
**************************************/


#bj-search .bj-select,
#bj-search .bj-select-ac  {
    }


#bj-search button[type="submit"] {
    font-family: inherit;
}

#bj-search button[type="submit"] .fa{
    margin-right: 8px;
}

#bj-search label  {
    display:block;
    font-weight: 600;
    margin-bottom: 0.5rem;
    }

#bj-search input[type="text"] {
    width: 100%;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #aaa;
    box-shadow: 0 -1px 0 0 rgba(0,0,0,0) inset;
    background-color: #ffffff !important;
    color: inherit !important;
    transition: all 0.3s;
    line-height: 2rem;
    height: 2rem;
}


#bj-search input:-webkit-autofill,
#bj-search input:-webkit-autofill:hover,
#bj-search input:-webkit-autofill:focus,
#bj-search input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
}

#bj-search span.select2-selection.select2-selection--single:focus{
    outline: #f8f8f8;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f2ebcb!important;
    color: #553F23!important;
}


#bj-search .bj-group #par_data_da,
#bj-search .bj-group #par_data_a,
#bj-search .bj-group #par_data {
    float: left;
}

#bj-search #par_data_a,
#bj-search #par_data_da,
#bj-search #par_data,
#bj-search .par-segnatura {
    margin-left: 10px;
}

#bj-search p.bj-man,
#bj-search p.bj-car{
}

.error {
    background-color: #f2dede;
    color: #a94442;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid #ebcccc;
    border-radius: .25rem;
}

#bj-search .bj-group .bj-car.par-mittente,
#bj-search .bj-group .bj-car.par-partenza,
#bj-search .bj-group .bj-man.par-persona,
#bj-search .bj-group .bj-man.par-ente{
    float: left;
    width: 50%;
    padding-right: 0.8rem;
}

#bj-search .bj-car.par-destinatario,
#bj-search .bj-car.par-destinazione,
#bj-search .bj-man.par-ruolo-persona,
#bj-search .bj-man.par-ruolo-ente,
#bj-search .par-segnatura {
    width: 50%;
}

#bj-search .bj-group {
    clear: both;
    background-color: #f8f8f8;
    border: 1px solid #d9d9d9;
    display: flex;
    margin: 20px 0px;
    border-radius: 6px;
    padding: 10px;
}

#bj-search .bj-group .par-modalita-ricerca-data {
    display: block;
    width: 50%;
}

#bj-search .bj-group .bj-car.par-mittente .select2-container,
#bj-search .bj-group .bj-car.par-partenza .select2-container,
#bj-search .bj-group .bj-man.par-persona .select2-container,
#bj-search .bj-group .bj-man.par-ente .select2-container,
#bj-search .bj-group .bj-car.par-destinatario .select2-container,
#bj-search .bj-group .bj-car.par-destinazione .select2-container,
#bj-search .bj-group .bj-man.par-ruolo-persona .select2-container,
#bj-search .bj-group .bj-man.par-ruolo-ente .select2-container,
#bj-search .bj-group .par-segnatura input,
#bj-search .bj-group .par-modalita-ricerca-data .select2-container {
    width: 100%!important;
}


/**************************************
tree
**************************************/

#bj-tree {
    float: left;
    padding-right: 40px;
    width: 400px;
    }

.bj-content {
    margin-left: 440px;
    }

#bj-tree a {
    text-decoration: none;
    }

#bj-tree a:hover {
    text-decoration: none;
    }

#bj-tree ul {
    list-style-type: none;
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
    }

#bj-tree ul li {
    list-style-type: none;
    padding-top: 5px;
    margin-top: 5px;
    border-top-color: #d9d9d9;
    border-top-style: solid;
    border-top-width: 1px;
    border-bj-bottom-width: 0px;
    }

#bj-tree ul li {
    margin-left: 0px;
    }

#bj-tree ul li > ul li {
    margin-left: 0px;
    }

#bj-tree .help {
    color: #CC0000;
    }

#bj-tree img {
    border: 0px;
    vertical-align: middle;
    }


/**************************************
bj-tree
menu level two
**************************************/

#bj-tree ul li ul {
    margin-left: 30px;
    list-style-type: none;
    }

/**************************************
bj-tree
menu next level
**************************************/

#bj-tree ul li ul li ul {
    margin-left: 30px;
    }

/**************************************
bj-tree
select
**************************************/


.bj-node_select a {
    color: #CC0000;
    }


/********************************************************************
BJ Tree
********************************************************************/

#bj-tree .fa {
    color: #8d8d8d;
    }

#bj-tree .bj-node_select a {
    color: #333;
    font-weight: 600;
    }

#bj-tree .bj-node_select a .fa {
    color: #5993b8;
    }

#bj-tree .fa-plus,
#bj-tree .fa-minus {
    color:coral;
    }

#bj-tree .fa-minus:hover,
#bj-tree .fa-plus:hover {
    color: crimson;
    }

#bj-tree .fa-archive {
    color: burlywood;
    }

/* Tabs
–––––––––––––––––––––––––––––––––––––––––––––––––– */


#bj-container [role="tablist"].tabs__standard_ul {
    padding-left: 0;
    margin: 20px 0px 20px 0px;
    display: table;
    width: 100%;
}

#bj-container [role="tablist"] .tabs__standard__li {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 20%;
    text-align: center;
}

#bj-container [role="tablist"] .tabs__standard__li .fa {
    color: #666;
    margin-right: 4px;
    font-size: 14px;
}

#bj-container [role="tablist"] .tabs__standard__a {
    line-height: 2;
    display: block;
    min-height: 2em;
    padding: .5em;
    border-bottom: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #f8f8f8;
    border: 1px solid #d9d9d9;
    font-size: 1.1em;
    font-weight: 600;
    cursor: pointer;
    background-color: #f8f8f8;
    color:#333333;
}

#bj-container [role="tablist"] .tabs__standard__a:focus,
#bj-container [role="tablist"] .tabs__standard__a:hover,
#bj-container [role="tablist"] .tabs__standard__a:active,
#bj-container [role="tablist"] .tabs__standard__a[aria-selected="true"] {
    border-bottom: 1px solid #ffffff;
}

#bj-container [role="tablist"] .tabs__standard__a[aria-selected="true"] {
    color:#74000d;
}

#bj-container [role="tablist"] .tabs__standard__a:focus .fa,
#bj-container [role="tablist"] .tabs__standard__a:hover .fa,
#bj-container [role="tablist"] .tabs__standard__a:active .fa,
#bj-container [role="tablist"] .tabs__standard__a[aria-selected="true"] .fa {

}

#bj-container [role="tablist"] .tabs__standard__a:hover {
    background-color: #ffffff;
}

#bj-container [role="tablist"] .tabs__standard__a[aria-selected="true"] {
    border-bottom: 0px;
    background-color: #ffffff;
}

#bj-container [role="tablist"] .tabs__standard__a:focus {
    outline: 0;
}

#bj-container [role="tabpanel"].tabs__standard__tabcontent {
    padding-top: 1px;
    border-bottom: 0px solid #d9d9d9;
    border-right: 0px solid #d9d9d9;
    border-left: 0px solid #d9d9d9;
    padding-right: 1em;
    padding-left: 1em;
    padding-bottom: 1.5em;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#bj-container .js-tabcontent[aria-hidden=true] {
    display: none;
}

#bj-container .tab-style {
    margin: 0;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* for this example: tablets */

@media (max-width: 640px) {

    #bj-container [role="tablist"] .tabs__standard__li {
        display: block;
        width: auto;
    }

    #bj-container [role="tablist"] .tabs__standard__a {
        border-radius: 0;
        border-bottom: 0;
        min-height: 0;
        color:#333333;
    }

     #bj-container [role="tablist"] .tabs__standard__a:focus,
     #bj-container [role="tablist"] .tabs__standard__a:hover,
     #bj-container [role="tablist"] .tabs__standard__a:active {
        border-bottom: 0px !important;
    }

     #bj-container [role="tabpanel"].tabs__standard__tabcontent {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

     #bj-container [role="tablist"] .tabs__standard__a[aria-selected="true"] {
        background-color: #f8f8f8;
    }
}

@media (max-width: 550px) {

     #bj-container [role="tablist"].tabs__standard_ul {
        display: block;
        border-bottom: 2px solid #d9d9d9;
    }

     #bj-container [role="tablist"] .tabs__standard__li {
        display: block;
        width: auto;
    }

     #bj-container [role="tablist"] .tabs__standard__a {
        border-radius: 0;
        border-bottom: 0;
        min-height: 0;
    }

     #bj-container [role="tablist"] .tabs__standard__a:focus,
     #bj-container [role="tablist"] .tabs__standard__a:hover,
     #bj-container [role="tablist"] .tabs__standard__a:active,
     #bj-container [role="tablist"] .tabs__standard__a[aria-selected="true"] {
        border-bottom: 0;
    }

     #bj-container [role="tablist"] .tabs__standard__a:focus .fa,
     #bj-container [role="tablist"] .tabs__standard__a:hover .fa,
     #bj-container [role="tablist"] .tabs__standard__a:active .fa,
     #bj-container [role="tablist"] .tabs__standard__a[aria-selected="true"] .fa {

    }

     #bj-container [role="tabpanel"].tabs__standard__tabcontent {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}


/********************************************************************
RESPONSIVE
********************************************************************/


/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */



@media only screen and (min-width: 480px) and (max-width: 767px) {

    #bj-tree {
        float: none;
        padding: 0px;
        width: auto;
        margin: 0px 0px 50px 0px;
        }

    .bj-content {
        margin-left: 0px;
        }
}


/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */


@media only screen and (max-width: 767px) {


    #bj-tree {
        float: none;
        padding: 0px;
        width: auto;
        margin: 0px 0px 50px 0px;
        }

    .bj-content {
        margin-left: 0px;
        }
}