/****************** IMPORTANT Please use body Ids */



/******************************************************* #all-pages*/

th > div.tooltip {
    top: 3px !important;
    left: unset !important;
    right: 22px;
}

.tooltip.right .tooltip-arrow {
    top: 13px !important;
    left: unset;
    right: 0;
    transform: rotate(180deg);
}

#yes-autorenew_checkouts, #no-autorenew_checkouts{
    position: relative;
    left: 5px;
}


main > .row > h3 {
    margin-top: 20px;
    padding-left: 30px;
}

#reldebarments fieldset {
    box-shadow: none;
}

div .circmessage:first-child {
    margin-left: 20px;
}


#table_account_fines {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    width: auto !important;
}


/* 396 */
input#add_to_patron_list_submit,
button#merge-patrons {
    height: 30px;
}

#member-main #clear_search {
    background: none;
}

/* 398 */
#member-main #toolbar > * {
    margin-bottom: 5px;
}


@media (min-width: 768px) {
    .col-sm-pull-10 {
        right: auto;
    }

    .col-sm-push-2 {
        left: auto;
    }

    .col-sm-10 {
        width: auto;
    }

    .col-sm-2 {
        width: auto;
    }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: unset;
    }
}

@media (min-width: 950px) {
    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
}

/*******************************************************END #all-pages*/




/******************************************************* #pat_member-flags */

#pat_member-flags #permissions_toolbar {
    margin-bottom: 10px;
}


#pat_member-flags #permissions_toolbar.floating {
    background-color: white;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);

}

#pat_member-flags #permissions_toolbar .btn {
    background-color: var(--primary-light) !important;
    border-color: var(--primary-light) !important;
}

#pat_member-flags #permissions_toolbar .btn:hover {
    background-color: var(--primary-highlighted) !important;
    border-color: var(--primary-highlighted) !important;
}

#pat_member-flags #permissionstree .permissions {
    border: 1px solid var(--border-color);
    border-radius: 4px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
}
#pat_member-flags #permissionstree .permissions .parent {
    border: none;
    background-color: white;
    padding: 10px
}

#pat_member-flags #permissionstree .permissions .parent:nth-child(even) {
    background-color: #f9f9f9;
}

/*******************************************************END #pat_member-flags*/




/******************************************************* #pat_moremember */
#pat_moremember .patroninfo-section .patroninfo-heading {
    background-color: white;
    padding: 10px 15px;
    border-radius: 4px 4px 0 0;
    border: 1px solid var(--border-color);
    border-bottom: -10px;
    margin: 0;

}

#pat_moremember .patroninfo-section .rows {
    /* margin: 0; */
    background-color: white;
    border: 1px solid var(--border-color);
    border-top: none;
    margin-top: -12px !important;

    border-radius: 0 0 4px 4px;
    padding: 15px 15px !important;
    padding-top: 5px !important;

    margin-bottom: 1.7em !important;
}


#pat_moremember .patroninfo-section #aai {

    margin-bottom: 0 !important;
}

#pat_moremember .patroninfo-section .rows li {
    border: none;
}

#pat_moremember .patroninfo-section table {
    width: 100%;
    border: 1px solid var(--border-color) !important;
    margin-bottom: 10px;
    padding: 0 15px;
    background-color: white;
}

#pat_moremember .patroninfo-section table td:first-child {
    padding-left: 15px;
}


#pat_moremember .patroninfo {
    margin-top: 5px;
}

#pat_moremember .patroninfo > * {
    border: none !important;
}


#pat_moremember .patroninfo > h5 {
    margin-top: 0;
    background-color: #f9f9f9;
    border-bottom: 1px solid var(--border-color);
}

#pat_moremember .patroninfo .patronimage-container {
    padding: 10px;
}

#pat_moremember .patroninfo .patronimage-container img {
    width: 100%;
}

#pat_moremember .patroninfo .patronbriefinfo {
    padding: 10px 15px;
}

#pat_moremember .patroninfo .patronbriefinfo .empty {
    display: none;
}

#pat_moremember .patroninfo .patronbriefinfo .email {
    margin-bottom: 10px;
}

#pat_moremember #finesholdsissues {
    /* padding: 0; */
    padding-left: 14px;
    padding-right: 10px;
}

#pat_moremember #finesholdsissues details {
    margin-bottom: 10px;
}


#pat_moremember #manage-patron-image form .hint,
#pat_moremember #manage-patron-image form p,
#pat_moremember #manage-patron-image form label,
#pat_moremember #manage-patron-image form input,
#pat_moremember #manage-patron-image form .action {
    margin: 0;
    padding: 10px 15px;
    background-color: white;
    display: flex;
    width: 100%;

    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
}

#pat_moremember #manage-patron-image form .action {
    gap: 10px;
    border-radius: 0 0 4px 4px;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 15px;
}


/* 462 */
#pat_moremember #toolbar .btn {
    margin-bottom: 5px;
}

/*******************************************************END #pat_moremember */



/******************************************************* #pat_member */

/* 399 */
#pat_member .dt-button-collection button {
    white-space: nowrap;
}

/* 397 */
#pat_member .searchheader.floating {
    background-color: white;
}
/*******************************************************END #pat_member */





/******************************************************* #pat_memberentrygen */
#pat_memberentrygen div.main{
    margin: auto;
}

#pat_memberentrygen fieldset.rows table {
    margin-left: 0;
}

#pat_memberentrygen #entryform li{
    display: grid;
    grid-template-columns: 162px 400px 177px 1fr;
    grid-auto-flow: column;
    align-items: center;
}

#pat_memberentrygen #entryform li *{
    grid-column-start: 2;
}

#pat_memberentrygen #entryform li > label{
    grid-column-start: 1;
}

#pat_memberentrygen #entryform li > span.required, #pat_memberentrygen #entryform li > img.ui-datepicker-trigger{
    grid-column-start: 3;
}

#pat_memberentrygen #entryform li.radio, #pat_memberentrygen #entryform ol.radio > li{
    display: flex;
    flex-wrap: wrap;
}
#pat_memberentrygen div.hint{
    margin: 0;
}


#pat_memberentrygen tbody {
    position: relative;
}

#pat_memberentrygen #password-error {
    width: auto;
}

#pat_memberentrygen th > div.tooltip {
    right: 82px;
}

#pat_memberentrygen input[type="radio"]{
    margin-right: 5px;
}

#pat_memberentrygen #memberentry_library_management .btn {
    margin-left: 170px !important;
}

@media (max-width: 805px) {
    #pat_memberentrygen #entryform li{
        grid-template-columns: auto 400px auto 1fr;
    }

}

@media (max-width: 767px) {
    #pat_memberentrygen div.main{
        width: 99%;
    }
}

@media (max-width: 655px) {
    #pat_memberentrygen #entryform li{
        grid-template-columns: auto 300px auto 1fr;
    }

}

@media (max-width: 567px) {
    #pat_memberentrygen #entryform li{
        grid-template-columns: 80% auto auto 1fr;
        grid-auto-flow: row;
    }
    #pat_memberentrygen #entryform li *{
        grid-column-start: 1;
    }

    #pat_memberentrygen #entryform li > label{
        margin-bottom: 0;
    }
    #pat_memberentrygen #entryform li.radio, #pat_memberentrygen #entryform ol.radio > li {
        padding: 0;
    }

}

/******************************************************* END #pat_memberentrygen */