#ctrCrrSrc001 {padding:50px 0}
#ctrCrrSrc001 .imgCon img {width:100%}
#ctrCrrSrc001 p {margin-bottom:20px}
#ctrCrrSrc001 .content {display:flex;flex-direction:column;justify-content:center;margin-bottom:20px}
#ctrCrrSrc001 .primary-theme-btn {padding:15px 25px}

#ctrCrrSrcModal .modal-dialog {max-width:1100px}
#ctrCrrSrcModal .modal-header {padding-right:10px}
#ctrCrrSrcModal .modal-header button {background:transparent;border:none;font-size:40px;padding:0}
#ctrCrrSrcModal .modal-title {font-size:20px}

#ctrCrrSrcModal .searchCtrls {display:flex;justify-content:space-between;margin-bottom:20px;gap:10px}
#ctrCrrSrcInput {display:block;height:50px;margin:0}
#ctrCrrSrcModal .searchCtrls button {
    height:49px;display:flex;align-items:center;justify-content:center;padding:0 15px;border:2px solid darkred
}

#ctrCrrSrcModal .flexRow {display:flex;flex-wrap:wrap;margin-bottom:10px;border:1px solid #b5b5b5;padding:6px}
#ctrCrrSrcModal .flexRow.frHeader {display:none}

#ctrCrrSrcModal .flexRow .c1 {width:100%}
#ctrCrrSrcModal .flexRow .c2 {width:80%}
#ctrCrrSrcModal .flexRow .c3 {width:20%}
#ctrCrrSrcModal .flexRow .c4 {width:50%}
#ctrCrrSrcModal .flexRow .c5 {width:50%}
#ctrCrrSrcModal .flexRow .mblLabel {font-size:13px;color:darkred;text-transform:lowercase}

#ctrCrrSrcModal .frItem .c1 {
    font-weight:800;font-size:18px;line-height:1.2;border-bottom:1px solid #e0e0e0;margin-bottom:5px
}
#ctrCrrSrcModal .frItem .c2 {font-size:16px}
#ctrCrrSrcModal .frItem .c3 {font-size:15px;text-align:right}
#ctrCrrSrcModal .frItem .c4 {margin-top:8px;text-align:center}
#ctrCrrSrcModal .frItem .c5 {margin-top:8px;text-align:center}
#ctrCrrSrcModal .frItem .c5 a:link,
#ctrCrrSrcModal .frItem .c5 a:visited {color:blue}
#ctrCrrSrcModal .frItem .c5 a:hover,
#ctrCrrSrcModal .frItem .c5 a:active {color:red}

@media (min-width: 768px) {
    :root {--frBorder:1px solid #b5b5b5}
    #ctrCrrSrc001 .primary-theme-btn {margin-left:0}

    #ctrCrrSrcModal .modal-title {font-size:22px}

    #ctrCrrSrcModal .searchCtrls {width:50%;margin-right:auto}
    #ctrCrrSrcModal .modal-dialog {width:95%}

    #ctrCrrSrcModal .flexRow {flex-wrap:nowrap;padding:0;border-left:var(--frBorder);border-bottom:var(--frBorder);border-top:0;margin-bottom:0}
    #ctrCrrSrcModal .flexRow > div {margin:0;padding:10px;border:none}
    #ctrCrrSrcModal .flexRow .mblLabel {display:none}
    #ctrCrrSrcModal .flexRow .c1 {width:20%;display:flex;align-items:center}
    #ctrCrrSrcModal .flexRow .c2 {width:30%}
    #ctrCrrSrcModal .flexRow .c3 {width:12%}
    #ctrCrrSrcModal .flexRow .c4 {width:19%;margin-top:0}
    #ctrCrrSrcModal .flexRow .c5 {width:19%;margin-top:0;border-right:none}

    #ctrCrrSrcModal .flexRow.frHeader {display:flex;position:sticky;top:0;background:#b1232a;color:#fff}
    #ctrCrrSrcModal .frHeader > div {padding:5px;border-top:var(--frBorder)}

    #ctrCrrSrcModal .frItem:nth-child(odd) {background:#f5f5f5}
    #ctrCrrSrcModal .frItem .c1 {border-bottom:none;margin-bottom:0}
    #ctrCrrSrcModal .frItem .c3,
    #ctrCrrSrcModal .frItem .c4,
    #ctrCrrSrcModal .frItem .c5 {text-align:center;display:flex;align-items:center;justify-content:center}
}

@media (min-width: 992px) {
    #ctrCrrSrc001 .content {margin-bottom:0;padding:0 50px}
    #ctrCrrSrc001 .imgCont img {padding:30px}
    #ctrCrrSrcModal .flexRow .c1 {width:22%}
    #ctrCrrSrcModal .flexRow .c2 {width:32%}
    #ctrCrrSrcModal .flexRow .c3 {width:12%}
    #ctrCrrSrcModal .flexRow .c4 {width:17%}
    #ctrCrrSrcModal .flexRow .c5 {width:17%}
}
