/* ##################################
        Entity Check Custom StyleSheet
    ##################################### */
/* ======== Entity Check Pano Content ======== */
    .entity-check-pano-wrapper {
        width: 48rem;
        margin: auto;
        display: flex;
        justify-content: center;
    }
    .entity-check-pano-wrapper img { width: 100%; }

/* ======== Entity Check Body Content ======== */
    .entity-check-body-wrapper {
        padding: 1rem 0;
        background-color: #DAFDEC;
    }

    /* entity check buttons content */
    .entity-check-buttons-wrapper {
        width: 35rem;
        margin: auto;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }
    /* entity check button block */
    .entity-check-button-block {
        height: 25px;
        width: 290px;
        display: flex;
        align-items: center;
        border-radius: 5px;
        background-color: #e5f6ed;
    }
    .entity-check-button {
        height: 100%;
        align-content: center;
        font-size: 9px;
        text-align: center;
        color: #656464;
        cursor: pointer;
    }
    .entity-check-button:hover {
        color: #058248;
        border-bottom: 1.5px solid #058248;
    }
    .active-check-button {
        color: #058248;
        border-bottom: 1.5px solid #058248;
    }
    #search-entity {
        flex: 0 1 90px;
        border-bottom-left-radius: 10px;
    }
    #search-broker-license { flex: 0 1 110px; }
    #search-blacklist {
        flex: 0 1 90px;
        border-bottom-right-radius: 10px;
    }
    /* entity check export buttons */
    .entity-check-export-buttons {
        width: 225px;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }
    .pdf-export-button, 
    .excel-export-button {
        width: 107px;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-evenly;
        align-items: center;
        font-size: 9px;
        background-color: white;
        border-radius: 5px;
        border-bottom: 1.5px solid #058248;
        cursor: pointer;
    }
    .pdf-export-button img, 
    .excel-export-button img{
        width: 1rem;
        height: 1rem;
    }

    .search-content-wrapper {
        width: 35rem;
        margin: 1rem auto;
        padding: 0 1rem 1rem 1rem;
        background: white;
        border-radius: 5px;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
        border-top: 3px solid #058248;
    }
    .entity-content-header,
    .broker-content-header {
        font-size: 19px;
        text-align: center;
    }
    .button-col {
        width: 100% !important;
        margin-top: .5rem;
        flex-flow: row wrap !important;
        justify-content: flex-end;
    }

    .advance-button {
        width: 100%;
        margin-top: 1rem;
        display: flex;
        align-items: center;
        cursor: pointer;
        font-size: 10px;
    }
    .advance-button img {
        width: 8px;
        height: 10px;
        margin-right: .3rem;
        transform: rotate(-90deg);
    }
    .hide-entity-search-advanced-fields { display: none !important; }
    .hiddenSearchContentMode { display: none !important; }

    /* ################
        Media Query
    ################### */
/* ===== Medium Laptop View (!) Width ( 768px <-> 1024px ) (!) ===== */
    @media only screen and ( min-width: 912px ) {
        .entity-check-pano-wrapper { width: 56.5rem; }
        .entity-check-buttons-wrapper { width: 41.5rem; }
        .search-content-wrapper {
            width: 39.5rem;
            margin: 2rem auto;
        }
        .entity-check-button-block { width: 305px; }
        .entity-check-button { font-size: 12px; }
        #search-broker-license { flex: 0 1 125px; }
        .entity-check-export-buttons { width: 260px; }
        .pdf-export-button, 
        .excel-export-button {
            width: 123px;
            font-size: 12px;
        }
        .pdf-export-button img, 
        .excel-export-button img {
            width: 1.1rem;
            height: 1.1rem;
        }
        .entity-content-header, 
        .broker-content-header {
            font-size: 23px;
        }
        .custom-col { width: 19rem !important; }
        .advance-button { font-size: 12px; }
        .button-col { width: 100% !important; }
    }

/* =====  Large Laptop View (!) Width ( 1024px <-> 1920px ) (!) ===== */
    @media only screen and ( min-width: 1024px ) {
        .entity-check-pano-wrapper { width: 62.5rem; }
        .entity-check-buttons-wrapper { width: 45rem; }
        .search-content-wrapper { width: 43rem; }
        .entity-check-button-block { width: 340px; }
        .entity-check-button-block { height: 30px; }
        .entity-check-export-buttons { width: 280px; }
        .pdf-export-button, 
        .excel-export-button {
            width: 132px;
        }
        .entity-content-header, 
        .broker-content-header {
            font-size: 26px;
        }
        .custom-col { width: 21rem !important; }
        #search-entity { flex: 0 1 100px; }
        #search-blacklist { flex: 0 1 100px; }
        #search-broker-license { flex: 0 1 135px; }
        .button-col { width: 100% !important; }
    }

    @media only screen and ( min-width: 1200px ) {
        .entity-check-pano-wrapper { width: 74rem; }
        .entity-check-body-wrapper { padding: 2rem 0; }
        .entity-check-buttons-wrapper { width: 53rem; }
        .entity-check-button-block {
            width: 380px;
            height: 35px;
        }
        .entity-check-button { font-size: 14px; }
        .entity-check-export-buttons { width: 325px; }
        #search-entity { flex: 0 1 115px; }
        #search-blacklist { flex: 0 1 115px; }
        #search-broker-license { flex: 0 1 150px; }
        .active-check-button,
        .entity-check-button:hover {
            border-bottom: 2px solid #058248;
        }
        .pdf-export-button, 
        .excel-export-button {
            width: 153px;
        }
        .pdf-export-button, 
        .excel-export-button {
            font-size: 14px;
        }
        .pdf-export-button img, 
        .excel-export-button img {
            width: 1.5rem;
            height: 1.5rem;
        }
        .search-content-wrapper { width: 51rem; }
        .custom-col { width: 25rem !important; }
        .custom-col p {
            margin-bottom: 3px !important;
            font-size: 14px !important;
        }
        .advance-button { font-size: 14px !important; }
        .button-col { width: 100% !important; }
    }

    @media only screen and ( min-width: 1280px ) {
        .entity-check-pano-wrapper { width: 80rem; }
        .entity-check-buttons-wrapper { width: 58rem; }
        .entity-check-button-block {
            width: 430px;
            height: 40px;
        }
        #search-entity { flex: 0 1 130px; }
        #search-broker-license { flex: 0 1 170px; }
        #search-blacklist { flex: 0 1 130px; }
        .entity-check-export-buttons { width: 360px; }
        .pdf-export-button, 
        .excel-export-button {
            width: 170px;
        }
        .entity-check-button { font-size: 15px; }
        .pdf-export-button img, 
        .excel-export-button img {
            width: 1.8rem;
            height: 1.8rem;
        }
        .pdf-export-button, 
        .excel-export-button {
            font-size: 15px;
        }
        .search-content-wrapper { width: 56rem; }
        .custom-col { width: 27.5rem !important; }
        .custom-col p { font-size: 15px !important; }
        .custom-col input, 
        select, 
        .custom-radio-button-wrapper {
            height: 30px !important;
            font-size: 13px !important;
        }
        .button-col { width: 100% !important; }
    }

    @media only screen and ( min-width: 1366px ) {
        .entity-check-pano-wrapper { width: 85.3rem; }
        .entity-check-buttons-wrapper { width: 61rem; }
        .entity-check-button-block { width: 470px; }
        .entity-check-export-buttons { width: 380px; }
        .pdf-export-button, 
        .excel-export-button {
            width: 180px;
        }
        .entity-content-header, 
        .broker-content-header {
            font-size: 32px;
        }
        .search-content-wrapper { width: 59rem; }
        .custom-col { width: 28.8rem !important; }
        .button-col { width: 100% !important; }
        #search-entity { flex: 0 1 140px; }
        #search-blacklist { flex: 0 1 140px; }
        #search-broker-license { flex: 0 1 190px; }
    }

    @media only screen and ( min-width: 1440px ) {
        .entity-check-pano-wrapper { width: 90rem; }
        .entity-check-buttons-wrapper { width: 65rem; }
        .entity-check-button { font-size: 17px; }
        .entity-check-button-block { width: 500px; }
        #search-entity { flex: 0 1 150px; }
        #search-broker-license { flex: 0 1 200px; }
        #search-blacklist { flex: 0 1 150px; }
        .entity-check-export-buttons { width: 405px; }
        .pdf-export-button, 
        .excel-export-button {
            width: 193px;
        }
        .pdf-export-button, 
        .excel-export-button {
            width: 193px;
        }
        .pdf-export-button, 
        .excel-export-button {
            font-size: 17px;
        }
        .pdf-export-button img, 
        .excel-export-button img {
            width: 1.9rem;
            height: 1.9rem;
        }
        .search-content-wrapper { width: 63rem; }
        .custom-col p {
            margin-bottom: 5px !important;
            font-size: 17px !important;
        }
        .custom-col { width: 30.8rem !important; }
        .button-col { width: 100% !important; }
    }

    @media only screen and ( min-width: 1599px ) {
        .entity-check-pano-wrapper { width: 99.5rem !important; }
        .entity-check-buttons-wrapper { width: 72rem; }
        .entity-check-button-block {
            width: 555px;
            height: 48px;
        }
        #search-entity { flex: 0 1 170px; }
        #search-blacklist { flex: 0 1 170px; }
        #search-broker-license { flex: 0 1 215px; }
        .entity-check-export-buttons { width: 455px; }
        .pdf-export-button, 
        .excel-export-button {
            width: 216px;
        }
        .pdf-export-button img, 
        .excel-export-button img {
            width: 2rem;
            height: 2rem;
        }
        .search-content-wrapper { width: 70rem; }
        .custom-col { width: 34.3rem !important; }
        .custom-col p { margin-bottom: 7px !important; }
        .button-col { width: 100% !important; }
        .custom-col input, 
        select, 
        .custom-radio-button-wrapper {
            height: 40px !important;
            font-size: 15px !important;
        }
        .button-col .cancel-button-style, 
        .button-col .submit-button-style {
            width: 120px !important;
        }
        .advance-button { font-size: 16px !important; }
    }

    @media only screen and ( min-width: 1680px ) {
        .entity-check-pano-wrapper { width: 105rem !important; }
        .entity-check-buttons-wrapper { width: 76rem; }
        .entity-check-button-block {
            width: 590px;
            height: 55px;
        }
        .entity-check-button { font-size: 21px; }
        #search-entity { flex: 0 1 180px; }
        #search-blacklist { flex: 0 1 180px; }
        #search-broker-license { flex: 0 1 230px; }
        .pdf-export-button, 
        .excel-export-button {
            font-size: 21px;
        }
        .pdf-export-button img, 
        .excel-export-button img {
            width: 2.2rem;
            height: 2.2rem;
        }
        .entity-check-export-buttons { width: 475px; }
        .pdf-export-button, 
        .excel-export-button {
            width: 225px;
        }
        .search-content-wrapper { width: 74rem; }
        .entity-content-header, 
        .broker-content-header {
            font-size: 40px;
        }
        .search-content-wrapper { border-top: 6px solid #058248; }
        .custom-col p { font-size: 21px !important; }
        .custom-col { width: 36.3rem !important; }
        .advance-button { font-size: 18px !important; }
        .button-col { width: 100% !important; }
        .active-check-button, 
        .entity-check-button:hover {
            border-bottom: 3px solid #058248;
        }
        .entity-check-button:hover { border-bottom: 3px solid #058248;}
    }

    @media only screen and ( min-width: 1920px ) {
        .entity-check-pano-wrapper { width: 120rem !important; }
        .entity-check-buttons-wrapper { width: 87rem; }
        .entity-check-button { font-size: 24px; }
        .entity-check-button-block {
            width: 665px;
            height: 65px;
        }
        #search-entity { flex: 0 1 210px; }
        #search-blacklist { flex: 0 1 210px; }
        #search-broker-license { flex: 0 1 245px; }
        .entity-check-export-buttons { width: 530px; }
        .pdf-export-button, 
        .excel-export-button {
            font-size: 24px;
        }
        .pdf-export-button img, 
        .excel-export-button img {
            width: 2.8rem;
            height: 2.8rem;
        }
        .pdf-export-button, 
        .excel-export-button {
            width: 251px;
        }
        .search-content-wrapper { width: 85rem; }
        .entity-content-header, 
        .broker-content-header {
            font-size: 47px;
        }
        .custom-col p { font-size: 24px !important; }
        .custom-col { width: 41.7rem !important; }
        .custom-col input, select, .custom-radio-button-wrapper {
            height: 60px !important;
            font-size: 21px !important;
        }
        .advance-button { font-size: 21px !important; }
        .button-col { width: 100% !important; }
        .button-col .cancel-button-style, 
        .button-col .submit-button-style {
            width: 165px !important;
        }
    }