/* ************************ Reports head ************************ */
@media screen and (max-width: 767px){
    .row-head .pull-right{
        float: none;
    }
    .row-head .btn {
        width: 100%;
        display: block;
    }
}

/* ************************ Reports top search ************************ */
.report-search,
#report-search-form,
.default-search-form{
    position: relative;
}
.report-search{
    padding-bottom: 40px;
    margin-bottom: 0;
}
.default-search-form .default-input{
    padding-right: 50px;
    margin-bottom: 0;
}
.default-search-form .search-result{
    position: absolute;
    bottom: 7px;
    left: 0;
    font-size: 15px;
}
.default-search-form .search-btn{
    width: 45px;
    height: 100%;
    min-height: 33px;
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    padding: 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.default-search-form .search-btn:before{
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.71 11H12.5L17.49 16L16 17.49L11 12.5V11.71L10.73 11.43C9.59 12.41 8.11 13 6.5 13C2.91 13 0 10.09 0 6.5C0 2.91 2.91 0 6.5 0C10.09 0 13 2.91 13 6.5C13 8.11 12.41 9.59 11.43 10.73L11.71 11ZM2 6.5C2 8.99 4.01 11 6.5 11C8.99 11 11 8.99 11 6.5C11 4.01 8.99 2 6.5 2C4.01 2 2 4.01 2 6.5Z' fill='%23425A69'/%3E%3C/svg%3E") no-repeat center;
}
.default-search-form .search-btn:hover{
    background: transparent;
    box-shadow: none;
}
.default-search-form .search-btn:hover:before{
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='%23942d37'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.71 11H12.5L17.49 16L16 17.49L11 12.5V11.71L10.73 11.43C9.59 12.41 8.11 13 6.5 13C2.91 13 0 10.09 0 6.5C0 2.91 2.91 0 6.5 0C10.09 0 13 2.91 13 6.5C13 8.11 12.41 9.59 11.43 10.73L11.71 11ZM2 6.5C2 8.99 4.01 11 6.5 11C8.99 11 11 8.99 11 6.5C11 4.01 8.99 2 6.5 2C4.01 2 2 4.01 2 6.5Z' fill='%23942d37'/%3E%3C/svg%3E") no-repeat center;
}

/* ************************ Reports content panel ************************ */
.report-list{
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #E9EAEC;
}
.report-list:last-child{
    border-bottom: 0;
}
.report-panel{
    background: #FFFFFF;
    border-radius: 24px;
    border: 2px solid #E9EAEC;
    overflow: hidden;
    margin: 0 0 40px;
}
.report-item{
    margin: 0;
}
.report-item-body{
    position: relative;
}
.report-item-body:before{
    content: '';
    position: absolute;
    left: 55px;
    bottom: 0;
    width: calc(100% - 70px);
    height: 1px;
    background: #E9EAEC;
}
@media screen and (max-width: 1200px) {
    .report-item-body:before{  
        left: 45px;
        width: calc(100% - 60px);
    }
}
.report-item-body:last-child:before{
    display: none;
}
.report-item-body:last-child{
    border-bottom: 0;
}
.report-item-body label{
    user-select: none;
}
.open.report-item .report-item-body{
    padding: 0;
    width: inherit;
}
.report-item-head{
    cursor: pointer;
    padding: 21px 40px 20px;
}
.open .report-item-head{
    padding-bottom: 0;
}
.report-item-container{
    margin: 0 20px 0 0;
    padding: 0 20px 0 40px;
    overflow-y: auto;
    max-height: 530px;
    scrollbar-color: #E9EAEC #fff;
    scrollbar-width: 5px;
}
.open .report-item-container{
    margin-bottom: 20px;
}
.report-item-container::-webkit-scrollbar{
    width: 5px;
}
.report-item-container::-webkit-scrollbar-track{
    background: #fff;
}
.report-item-container::-webkit-scrollbar-thumb{
    background-color: #E9EAEC;
    border-radius: 10px;
    overflow: hidden;
}
@media screen and (max-width: 1200px){
    .report-item-head{
        padding: 11px 15px 10px;
    }
    .report-item-container{
        padding: 0 15px;
    }
}
.report-item-head .content-info-card-container-head{
    min-height: inherit;
}
@media screen and (max-width: 768px) {
    .report-item-head .content-info-card-container-head{
        padding-left: 0;
    }
}
.report-item-head .content-info-card-arrow {
    top: 0;
    right: 10px;
}
.report-item-body .custom-radio{
    padding: 10px 0 0;
}
.report-item-body .attribute-item_value .custom-radio{
    padding: 5px 0 0;
}
.report-item-body .custom-radio b{
    color: #000;
}
.report-edit-buttons{
    display: flex;
    justify-content: flex-end;
}
.report-edit-buttons .btn-icon{
    padding: 0!important;
    margin-left: 20px;
    width: 30px;
    height: 50px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.report-edit-buttons .btn-icon:before,
.report-edit-buttons .btn-icon:hover:before{
    background-position: right;
}
@media screen and (max-width: 1280px) {
    .report-edit-buttons .btn-icon{
        margin-left: 10px;
    }
}

/* ************************ Reports footer button ************************ */
.report-button-group{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.report-button-group .btn{
    margin: 0 0 15px 15px;
}
@media screen and (max-width: 767px) {
    .report-button-group{
        justify-content: center;
    }
    .report-button-group .btn{
        margin: 0 0 15px;
    }
}

/* ************************ Reports edit form ************************ */
.report-edit .report-item-head{
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid transparent;
    padding: 21px 40px 20px;
}
@media screen and (max-width: 1200px) {
    .report-edit .report-item-head{ 
        padding: 11px 15px 10px;
    }
}
.report-edit .open .report-item-head{
    border-color: #E9EAEC;
    padding-bottom: 5px;
}
.report-edit .report-item-body{
    padding: 0 50px;
}
.report-edit .open .report-item-body{
    padding: 30px 50px 0;
}
.report-edit .open .report-item-body > .button-group-default{
    margin: 0 5px 20px;
}
.report-edit .report-list .default-input,
.report-edit .fb-chosen-field,
.field-date .ui-datepicker-append{
    margin: 0 0 5px 40px;
    width: calc(100% - 40px);
}
.report-edit .report-list .field-date .default-input{
    margin-bottom: 0;
}
.report-edit .report-list .field-date > .filter_value{
    position: relative;
}
.report-edit .report-list .field-date .ui-datepicker-trigger{
    position: absolute;
    right: 10px;
    top: 10px;
}
.report-edit .fb-chosen-field .chosen-container-single .chosen-single{
    border-width: 0 0 1px 0;
}
.report-edit .fb-chosen-field .chosen-container-active.chosen-with-drop .chosen-single{
    border-width: 0 0 1px 0;
}
@media screen and (max-width: 1280px) {
    .report-edit .report-item-body{
        padding: 0 30px;
    }
    .report-edit .open .report-item-body{
        padding: 20px 30px 0;
    }
    .report-edit .report-list .default-input,
    .report-edit .fb-chosen-field,
    .field-date .ui-datepicker-append{
        margin: 0 0 5px 30px;
        width: calc(100% - 30px);
    }
    .report-edit .report-list .field-date .ui-datepicker-trigger{
        right: 0;
        top: 3px;
    }
}

/* ************************ Reports popup ************************ */
.bio-search-field-reports .gform_wrapper{
    text-align: left;
    display: block;
}
.bio-search-field-reports .chosen-container .chosen-drop{
    overflow: hidden;
}
.bio-search-field-reports .chosen-container .chosen-results{
    max-height: 155px;
}

/* ************************ Reports create page ************************ */
.row-report .button-group{
    margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
    .row-report .button-group-flex{
        justify-content: flex-end;
    }
}
.custom-checkbox-filter{
    display: flex;
}
.custom-checkbox.custom-checkbox-filter label{
    width: auto;
    cursor: pointer;
    padding-right: 0;
    position: relative;
}
.custom-checkbox.custom-checkbox-filter label.filter-label{
    padding: 0 30px 0 0;
}
.filter-label:before{
    display: none;
}
.custom-checkbox input[type="checkbox"] + label.filter-label:after{
    opacity: 1;
    background: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2101 0.89025C12.7434 0.404317 11.9662 0.403894 11.4989 0.889318L7 5.56275L2.5011 0.889317C2.03381 0.403893 1.25663 0.404317 0.789865 0.89025C0.348588 1.34965 0.348588 2.07545 0.789865 2.53485L5.55763 7.4984C6.34467 8.31775 7.65533 8.31775 8.44237 7.4984L13.2101 2.53485C13.6514 2.07545 13.6514 1.34965 13.2101 0.89025Z' fill='%23425A69'%3E%3C/path%3E%3C/svg%3E") no-repeat 0 0;
    background-size: contain;
    width: 12px;
    height: 10px;
    top: 13px;
    left: inherit;
    right: 0;
    transition: all 0.3s;
}
.custom-checkbox input[type="checkbox"] + label.filter-label:hover:after,
.custom-checkbox input[type="checkbox"]:checked + label.filter-label:after{
    background: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2101 0.89025C12.7434 0.404317 11.9662 0.403894 11.4989 0.889318L7 5.56275L2.5011 0.889317C2.03381 0.403893 1.25663 0.404317 0.789865 0.89025C0.348588 1.34965 0.348588 2.07545 0.789865 2.53485L5.55763 7.4984C6.34467 8.31775 7.65533 8.31775 8.44237 7.4984L13.2101 2.53485C13.6514 2.07545 13.6514 1.34965 13.2101 0.89025Z' fill='%23425A69'%3E%3C/path%3E%3C/svg%3E") no-repeat 0 0;
    background-size: contain;
    opacity: 0.8;
}
.attribute-item.open .custom-checkbox label.filter-label:after{
    transform: rotate(-180deg);
}
.attribute-item_value{
    padding-left: 40px;
}
.attribute-item .attribute-item_value label{
    min-height: 34px;
}
.field-date .default-input{
    position: relative;
}
.field-date .default-input:before{
    content: '';
    position: absolute;
    right: 0;
    bottom: -30px;
    width: 25px;
    height: 25px;
    background: url('../img/Union.svg')no-repeat 0 0;
    background-size: contain;
}
.filter_value-edited{
    background: #F07924;
    width: 8px;
    height: 8px;
    margin: 5px 0 0 6px;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    right: 17px;
    display: none;
}
@media screen and (max-width: 1280px) {
    .filter_value-edited{
        margin-top: 4px;
    }
}
.report-item-body .custom-checkbox-label_text{
    align-self: flex-start;
    line-height: 1.2;
    padding-top: 3px;
}
.report-item-body .custom-checkbox-label:hover{
    color: #942d37;
}