/*Accounts*/

.margin-around {
    margin: 5px;
}

.no-padding {
    padding-left:0px;
    padding-right:0px;
}

.logo_pusd {
    object-fit: contain;
    width: 225px;
}

.login-form-container {
    margin: auto;
    text-align: center;
    display: flex;
    align-items: center;
}

.content-container {
    align-self: center;
    /*min-height: 60vh;*/
    justify-content: center;
    margin:auto;
}

.form_container {
    justify-content: center;
    display: flex;
    align-content: center;
    flex-direction: column;
    align-items: center;
}

.form-signin {
    width: 325px;
}

.error-message {
    color: red;
    margin: 10px;
    display: block;
    font-weight: 500;
}

.alert-center {
    width: 70%;
    align-self: center;
    margin: auto;
}

.form-group label {
    margin-left: 5px;
    display: flex;
}

.validation-summary-errors ul {
    margin-block-end: 0 !important;
    text-align: left;
}

.create-form-row {
    display: flex;
    justify-content: space-evenly;
}

.text-left {
    text-align: left !important;
}

.password-complexity-rule-list {
    margin-top: 10px;
}

.forgot-btns-container {
    justify-content: space-around;
    margin: auto;
    max-width: 430px
}

.btn-forgot {
    max-width: 180px;
    width: 100%;
    overflow: hidden;
}

/*Accounts*/

/*Dashboard.cshtml*/

.dashboard-btnlist-container {
    margin: auto;
    max-width: 1200px;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content:center;
}

.dashboard-btn {
    object-fit: contain;
    max-width: 175px
}

.stats-widget-container {
    max-width: 1300px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    border-width: 1px;
    border-style: solid;
    background-color: #f6f6f6;
    border-color: #a4a4a4;
    border-radius: 20px;
    padding: 20px;
}

.stats-widget-title {
    text-align: center;
    display: block;
    font-size: 1.5vh;
    font-weight: 500;
    color: #7e858e;
}

.dashboard-icon-container {
    padding:5px;
}

/*Dashboard.cshtml*/

/*Stats widget*/

.stats-widget-data {
    text-align: center;
    display: block;
    font-size: 3vh;
    font-weight: 700;
}

.grade-stats-widget {
    max-width: 1000px;
    padding: 20px;
    margin: auto;
    justify-content: space-around;
}

.grade-stats-container {
    text-align: center;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    border-width: 1px;
    border-style: solid;
    background-color: #f6f6f6;
    border-color: #a4a4a4;
    border-radius: 20px;
    width: 185px;
    min-width: 185px;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.stats-post-draw {
    width:235px !important;
    min-width:235px !important;
    max-width:235px !important;
}

.title-small {
    font-size:1.3vh !important;
    text-wrap: nowrap;
}

.grade-stats-title-container {
    height: 15%;
    min-height: 30px;
    max-height: 30px;
    background-color: #3a57a8;
    text-align: center;
    padding: 3px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    overflow: hidden;
}

.grade-stats-title {
    color: white;
    font-weight: 500;
}

.grade-stats-small-title {
    font-size:small;
    margin-top:2px;
}

.grade-stats-widget-title {
    text-align: center;
    display: block;
    font-size: 1.3vh;
    font-weight: 500;
    color: #7e858e;
}

.grade-stats-widget-data {
    text-align: center;
    display: block;
    font-size: 2.5vh;
    font-weight: 700;
}

.grade-stats-inner-container {
    text-align: center;
    margin: auto;
    padding: 5px;
}

/*Stats widget*/

/*Reports.cshtml*/

.reports-container {
    max-width: 1000px;
    min-width:155px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    border-width: 1px;
    border-style: solid;
    background-color: #f6f6f6;
    border-color: #a4a4a4;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    justify-content:space-around;
}

.reports-widget-container {
    text-align: center;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    border-width: 1px;
    border-style: solid;
    background-color: #f6f6f6;
   /* border-color: #a4a4a4;
    border-radius: 20px;*/
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    padding-right: 0px !important;
    padding-left: 0px !important;
    min-width:152px;
}

.report-widget-data-container {
    min-height: 150px;
    justify-content: center;
    display: flex;
}

.report-widget-data-column {
    justify-content: center;
    display: flex;
}

.ReportWidgetContainer {
    width: 100%;
    border: 1px solid black;
    display: inline-block;
    background-color: #efefef;
    height: 200px;
    margin: 10px;
}

    .ReportWidgetContainer img {
        border: 1px solid black;
        margin: 5px;
    }

.reportName {
    font-size: 2vh;
    text-decoration: underline;
    margin:auto;
}

.reportDescription {
}

.reportButton {
    text-align: center;
    padding: 20px;
}

.ReportLink:link {
    color: black;
}

.ReportLink:visited {
    color: black;
}

.Reporting:hover {
    color: black;
}

/*Reports.cshtml*/

/*ApplicantSearch.cshtml*/

.name-form-row {
    display: flex;
    justify-content: space-evenly;
    width:100%;
}

.Search-widget-container {
    padding: 10px;
    border-radius: 20px;
    border-width: 2px;
    border-style: solid;
    border-color: gray;
    justify-content: space-around;
}

.Radio {
    display: flex;
    padding: 10px;
    position: relative;
    top: 15px;
}

.name-form-right {
    margin-left:5px;
}

.applicantListBtn {
    font-size:11px;
}

.applicantWithdrawBtn:focus {
    box-shadow:none;
}

.applicantListNotes {
    max-height: 75px;
    font-size: 12px;
    overflow: hidden;
    max-width: 150px;
    justify-content:center;
    margin:auto;
    min-height:45px;
}

.applicantListNotesContainer {
    max-height: 75px;
    font-size: 12px;
    overflow: hidden;
    justify-content: center;
    margin: auto;
    min-height: 45px;
    align-items: center;
    display: inline-grid;
}

.k-dropdownlist {
    width: 6em !important;
}

.k-editor {
    border-color: darkgray !important;
}

.text-center {
    text-align:center;
}

.k-link {
    font-weight:700;
}

.applicantList-actionbtn-container {
    justify-content: right;
    display: flex;
    margin-bottom: 20px
}

.emailBtn {
    width: 15px;
    height: 15px;
    object-fit: contain;
    position:relative;
    top:-1px;
}

.sendEmailContainer {
    justify-content: center;
    display: flex;
    align-items: center;
}

.k-chip-label {
    height:15px !important;
}

.small-text {
    font-size:11px !important;
}

.gridStuHeader {
    font-size:11px;
}

.emailClick {
    cursor: pointer;
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration: underline !important;
}
/*ApplicantSearch.cshtml*/
/* ApplicantProfile.cshtml */
.applicantProfileBaseContainer {
    padding: 20px;
    border: 2px solid gray;
    border-radius: 7px;
    background-color: #f5f5f5;
    margin: auto;
    margin-bottom: 3vh;
    min-width: 450px;
}

.applicantProfileInfoContainer {
    display: flex;
    justify-content: space-evenly;
    min-width: 225px;
    overflow-wrap:anywhere;
}

.studentPhoto {
    max-width: 112px;
    display: flex;
    margin-top:auto;
    margin-bottom:auto;
}

.studentAddressContainer {
    margin:auto;
}

.applicantStatusContainer {
    margin: auto;
}

.parentInfo {
    display: block;
}

.applicantAddressInfo {
    justify-content:space-evenly;
}

div.studentInfo > div {
    margin-top: 5px;
    margin-bottom: 5px;
}

div.parentInfoData > div {
    margin-top: 2px;
    margin-bottom: 2px;
}

.dataText {
    justify-content:center;
    overflow-wrap: normal;
    align-self:center;
}

.applicantStatus {
    flex: 0 0 auto;
    width: auto;
}

.isVerifiedLabel {
    font-weight: 500;
    color: black;
    display: block;
    text-align: center;
    text-decoration: none !important;
}

.verificationCheckboxContainer {
    margin-bottom:10px;
}

/* ApplicantProfile.cshtml */

/* EmailApplicants.cshtml */
.templateListContainer {
    display: flex;
    justify-content: center;
    max-width: 1100px;
    margin: auto
}
.templateListTitle {
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px
}
.templateContainer {
    height: 150px;
    display: flex;
    justify-content: space-around
}
.templateCard {
    width: 172px;
    cursor: pointer;
    border: 2px solid #e9ecf1;
    border-radius: 25px;
    padding: 10px;
    justify-content: center;
    background: #f9fafa;
    overflow: hidden
}
.emailTemplateHtml {
    font-size: xx-large;
    overflow: hidden;
    width: 600px;
    height: 400px;
    -webkit-transform: scale(.25);
    -ms-transform: scale(.25);
    transform: scale(.25);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    border: 4px solid #e9ecf1;
    margin: 0 0 -300px 0;
    border-radius: 40px;
    background: white;
    line-height: 1
}
.templateName {
    font-size: 10px;
    font-weight: 700;
    line-height: 1.5;
    word-break: break-word;
    text-align: center;
    margin-top: 5px
}
/* EmailApplicants.cshtml */
.splash-container1 p {
    margin-top: 45px;
    display: block;
    align-items: center;
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
    z-index: 2147483647 !important;
}  

/* Seat Counts */
.seat-count-container {
    text-align: center;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    border-width: 1px;
    border-style: solid;
    background-color: #f6f6f6;
    border-color: #a4a4a4;
    border-radius: 20px;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    padding: 15px;
    padding-top: 10px;
    width: 238px;
    min-width: 238px;
    margin-left: 15px;
    margin-right: 15px;
}

.seat-count-title {
    font-weight:700;
    text-align:center;
    margin-bottom:10px;
    max-height:24px;
    overflow:hidden;
}

.seat-count-row {
    margin-top:3px;
    margin-bottom:3px;
}

.edit-count-img {
    width: 25px;
    height: 25px;
}

.edit-count-btn {
    padding-top:0px;
    padding-bottom:0px;
    padding-right:0px;
}

.edit-count-btn:active {
    border-color:transparent !important;
}

@media screen and (max-width:500px) {
    .create-form-row {
        display: block;
    }
}

@media screen and (max-width:616px) {
    .applicantProfileInfoContainer {
        display: block;
    }

    div.applicantProfileInfoContainer > div {
        margin-bottom:10px;
    }

    .parentInfo {
        display:grid;
        justify-content:center;
    }

    .studentPhoto {
        margin: auto;
    }

    .studentAddressContainer {
        margin-right:10px;
    }
}

@media screen and (max-width:768px) {
    .Radio {
        flex:0 0 0;
        padding-left:4px;
        padding-right:4px;
    }
    .name-form-row {
        display: block;
    }

    .name-form-right {
        margin-left: 0px;
    }

    .name-form-left {
        width: 100% !important;
    }

    .name-form-right {
        width: 100% !important;
    }

    .applicantAddressInfo {
        text-align:center;
    }

    .sendEmailContainer {
        justify-content: center;
        display: flex;
    }

    .applicantList-actionbtn-container {
        justify-content: center;
    }
}

@media screen and (max-width:947px) {
    .Radio {
        flex: 0 0 0;
        padding-left: 4px;
        padding-right: 4px;
    }
    .Search-widget-container {
        display: inline-block;
    }
    .name-form {
        width:100% !important;
    }

    .name-form-left {
        width: 48%;
    }

    .name-form-right {
        width: 49%;
    }
}

@media screen and (max-width:992px) {
    .applicantStatus {
        flex: 1 0 0%;
    }
}

@media screen and (max-width:1096px){
    .Search-widget-container {
        justify-content: center;
    }
}

@media screen and (min-height: 1100px) {
    .grade-stats-widget-title {
        font-size: small;
    }

    .grade-stats-widget-data {
        font-size: x-large;
    }

    .stats-widget-title {
        font-size: medium;
    }

    .stats-widget-data {
        font-size: xx-large;
    }

    .title-small {
        font-size: small !important;
        text-wrap: nowrap;
    }
}