/* Responsive adjustments for smaller screens */
    /* Media query for smaller screens */
    @media (max-width: 750px) and (orientation: portrait){
        div#recview-form-inner-div, div#this-spot {

            display: none !important;
        }
    }



/* Responsive adjustments for smaller screens */
/* Media query for smaller screens */
@media (max-width: 750px) and (orientation: landscape){
    div#recview-form-inner-div, div#this-spot {
        zoom: 63%;
        -moz-transform: scale(100%);/* Firefox Property */
        -moz-transform-origin: 0 0;
        -o-transform: scale(100%);/* Opera Property */
        -o-transform-origin: 0 0;
        -webkit-transform: scale(100%);/* Safari Property */
        -webkit-transform-origin: 0 0;
        transform: scale(100%); /* Standard Property */
        transform-origin: 0 0;  /* Standard Property */
        float: left
        }
    }


#recview-my-form-outer-div{

    border:
    5px solid #212121;
    outline: 2px ridge silver;
    padding: 15px;
    color: silver;
    background: rgb(61,54,30);
    background: linear-gradient(0deg, rgba(51,46,30,0.9808123933167017) 0%, rgba(47,43,35,1) 35%); 
    text-align: center;
}

div#recview-form-outer-div{

    display: inline-block;
}

div#recview-form-inner-div{

    display: block;
    margin-bottom:15px;
}

div.outer-form-div {
display:inline;
width: 100%;
}
#recview-clientnames-select-div{

    display: inline-block;
}

.select2-container--default.select2-container--disabled .select2-selection--single{

    background-color: grey !important;
}


.select2-container{

    margin-bottom: 5px !important;
}

.page-id-15 div.this-spot {
    overflow: hidden;
    display: inline-block;
    margin-top: 15px;
    }

div.rec-display {
text-align:center;
    
}

div.client-name {
    float:left;
    
    }

div.rec-info {
    margin:20px;
    
    }

div.view-form {
    display:inline-block;
    
}
.page-id-15 td.border{

	color: silver;
}

.page-id-15 select#clientNames{

	min-width:250px;
}

.page-id-15 select#address{

	min-width:250px;
}

.page-id-15 select#receipts{

	min-width:250px;
}

div.message{

    color:#a4936b;
    float: left;
    text-align: left;
}
/* ---------------------------------------------------------------------------
 * Download buttons above the funds table.
 *
 * The [hidden] rule is not redundant. This panel is injected by the shortcode
 * dispatcher after the page has rendered, and `display: flex` here beats the
 * browser's own default for the hidden attribute - so without restating it,
 * the buttons would be visible before any table existed.
 * ------------------------------------------------------------------------- */
.recview-export {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-bottom: 8px;
}

.recview-export[hidden] {
    display: none !important;
}

.recview-export-btn {
    background-color: #212121;
    color: silver;
    border-radius: 4px;
    border: 1px solid black;
    outline: 2px ridge rgb(84, 84, 84);
    cursor: pointer;
    height: 32px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.5px;
}

.recview-export-btn:hover {
    background-color: #7e7853;
    box-shadow: 0px 0px 17px 5px rgba(97,93,73,0.9);
}