.perNaac {
    background-color: #ffffff;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding-bottom: 3px;
    border-radius: 10px;
    box-shadow: 0px 5px 20px #f1f1f1a6;
}

.add-new-fields,
.add-module {
    background-color: #f1f1f1e3;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 10px;
    position: relative;
}

.remove-btn {
    background-color: transparent;
    padding: 0px;
    border: 0px;
}

.add-new-fields .remove-btn {
    position: absolute;
    right: 5px;
    top: 5px;
}

.module-heading .btn {
    background-color: var(--success-color);
    border: 1px solid var(--success-color);
    color: #ffffff;
}

.add-module h3 {
    font-size: 1.1rem;
    color: var(--primary-color);
}

.add-module button {
    border: 0px;
    padding: 0px;
    background-color: transparent;
}

.field .row {
    position: relative;
}

.add-module .field button.cross {
    float: right;
    /* margin-bottom: 14px; */
    position: absolute;
    right: 15px;
    bottom: 20px;
    width: 24px;
}

.add-module .field .row>div:nth-child(3) input {
    width: 90%;
}

.perNaac {
    position: relative;
    z-index: 0;
}

.perNaac .form-check {
    margin-left: 10px;
    display: flex;
}

.perNaac .form-check label.form-check-label {
    font-size: 0.9rem;
    min-height: 40px;
    padding-right: 30px;
}

.perNaac .form-check input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    box-shadow: 3px 3px 7px #f1f1f1;
}

.perNaac .form-check input[type="checkbox"]:checked {
    background-color: var(--success-color);
    border-color: var(--success-color);
}

.perNaac .form-check label {
    font-size: 1rem;
    color: var(--bg-color);
    margin-top: 2px;
    font-weight: 500;
}

.perNaac .removeChecklist-btn {
    position: absolute;
    right: 10px;
    width: 24px;
    background-color: transparent;
    border: 0px;
    z-index: 9;
    padding: 0px;
}

.perNaac .remove-checklist-btn img {
    width: 20px;
}

.removeChecklist-btn {
    padding: 0px;
    border: 0px;
    background-color: transparent;
}

.removeChecklist-btn img {
    display: block;
}

.perNaac textarea.form-control {
    margin-bottom: 0px !important;
}

.naac .date-field label.form-label {
    margin-bottom: 0px;
    margin-right: 10px;
}

.naac .date-field input {
    width: 300px;
}

.naac .perNaac input[type="file"] {
    height: 34px;
}

.add-new h6 {
    color: var(--primary-color) !important;
}


/* scroll tab css */
.scroll-panel {
    overflow-y: scroll;
    height: 90vh;
}
/* tab css */
.scroll-tab {
    position: sticky;
    top:0;
    z-index: 99;
}
.sports-tab {
    border-bottom: 1px solid #E9EDF4;
    background-color: #fbfbfd;
}

.sports-tab .nav-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    /* hide scrollbar Firefox */
    margin: 0px 30px;
}


.sports-tab .nav-scroll::-webkit-scrollbar {
    /* display: none; */
}

.sports-tab .nav-tabs {
    flex-wrap: nowrap;
    white-space: nowrap;
    /* margin: 0px 20px; */
}

.sports-tab .nav-tabs li {
    flex: 0 0 auto;
}

.sports-tab .nav-tabs.nav-tabs-bottom li a {
    position: relative;
}

.sports-tab .nav-tabs.nav-tabs-bottom li a::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: 0%;
    height: 2px;
    background-color: var(--primary-color);
    transition: 0.5s;
}

.sports-tab .nav-tabs.nav-tabs-bottom li a.active,
.sports-tab .nav-tabs.nav-tabs-bottom li a.active:hover {
    border-bottom-color: var(--primary-color);
    color: var(--primary-color);
    border: 0px;
}

.sports-tab .nav-tabs.nav-tabs-bottom li a.active::before,
.nav-tabs.nav-tabs-bottom li a:hover::before {
    width: 100%;
}

.sports-tab .nav-tabs.nav-tabs-bottom li a {
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
}

.sports-tab .nav-tabs.nav-tabs-bottom li a:hover {
    color: var(--primary-color);
}

.sports-tab .nav-tabs.nav-tabs-bottom li a img {
    width: 24px;
    margin-right: 10px;
}

.sports-tab .scroll-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #ffffff;
    border: 0px;
    /* border-radius: 50%; */
    padding: 5px 10px;
    cursor: pointer;
    z-index: 10;
    /* box-shadow: 0 2px 6px rgba(0,0,0,0.15); */
    /* display: none; */
}

.sports-tab .scroll-btn img {
    width: 14px;
}

.sports-tab .scroll-btn.left {
    left: 0;
}

.sports-tab .scroll-btn.right {
    right: 0;
}



.naac-modal .field {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.naac-modal .field .heading {
    background-color: #ffffff;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.naac-modal .field h4 {
    font-size: 1rem;
    font-weight: 500;
    color: var(--primary-color);
}
.naac-modal .field .form-check-input {
    margin-right: 5px;
}

.naac-modal .field button.remove-btn {
    /* background-color: #ea3626; */
    border: 0px;
    /* padding: 5px; */
    /* border-radius: 5px; */
}

.naac-modal .field .heading button img {
    display: block;
    width: 14px;
}
.naac-modal .field .heading button.arrow {
    background: linear-gradient(90deg, #d83d48, #e8a852);
    margin-right: 0px;
    border: 0px;
    width: 24px;
    height: 24px;
    border-radius: 5px;
}
.naac-modal .field .table-responsive {
    margin-top: 15px;
    flex: 0 0 94%;
    max-width: 94%;
    margin-right: 5px;
}
.naac-modal .field .form-field-area {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid var(--border-color);
    margin-top: 10px;
    padding-top: 10px;
}
.naac-modal .field .form-field-area .remove {
    flex: 0 0 30px;
    border-radius: 5px;
    border: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f4f4f461;
}
.naac-modal .field .form-field-area .remove img {
    width: 20px;
}
.naac-modal .field .form-field-area .remove:hover {
    
}
.naac-modal .option {
    background-color: #ffffff;
}
.naac-modal .option .add-option {
    background-color: var(--success-color);
    float: right;
    color: #ffffff;
    margin-top: 5px;
}

.naac-modal .option .option-td {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.custom-field-table input {
    width: 200px;
}
.custom-field-table table, .custom-field-table tr, .custom-field-table td {
    padding: 5px;
}
.modal-dialog.form-builder-model {
    max-width: 1000px;
}
.form-check-label {
    display: inline-block;
    margin-bottom: 5px;
}
.form-builder-model .form-builder-body {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
}

.naac-modal .form-builder-model .form-builder-body .inputType {
    margin-bottom: 0px;
    border-bottom: 1px solid #f1f1f1;
    padding: 10px;
    flex: 0 0 25%;
    max-width: 25%;
    background: linear-gradient(122deg, #d83d48, #e8a852);

}
.naac-modal .form-builder-model .form-builder-body .inputType h4 {
    font-size: 1rem;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #ffffff;
    border-bottom: 1px solid #ffffff26;
}
.naac-modal .form-builder-model .form-builder-body .inputType ul {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.naac-modal .form-builder-model .form-builder-body .inputType ul li {
    flex: 0 0 calc((100% / 2) - 5px);
    max-width: calc((100% / 2) - 5px);
}
.naac-modal .form-builder-model .form-builder-body .inputType ul li:nth-child(2n) {
    margin-right: 0px;
}
.naac-modal .form-builder-model .form-builder-body .inputType button {
    background-color: #ffffff;
    padding: 7px 0px;
    border-radius: 10px;
    color: var(--bg-color);
    font-size: 0.8rem;
    text-decoration: none;
    width: 100%;
    min-height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
}
.naac-modal .form-builder-model .form-builder-body .inputType button:hover {
    background: linear-gradient(90deg, #d83d48, #e8a852) !important;
    color: #ffffff !important;
    transition: 0.9s;
}
.naac-modal .form-builder-model .form-builder-body .inputType button:hover img {
    background-color: #ffffff;
    padding: 2px;
    border-radius: 5px;
    width: 24px;
    height: 24px;
}
.naac-modal .form-builder-model .form-builder-body .inputType button img {
    width: 20px;
}
.naac-modal .form-builder-model .form-builder-body .form-builder-right {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 15px;
    box-sizing: border-box;
    background-color: var(--light-bg);
    height: 570px;
    overflow-y: scroll;
}
.naac-modal .modal-header {
    padding: 10px 10px;
}

.naac-modal.modal .modal-title {
    color: var(--primary-color);
    font-size: 1rem;
    font-weight: normal;
}
.naac-modal.modal .field table, .naac-modal.modal .field table tr, .naac-modal.modal .field table td{
    border: none;
}
.naac-modal.modal .field table td {
    padding: 5px 0px;
}
.naac-modal.modal .field .table-responsive {
    margin-top: 10px;
}
.naac-modal.modal .field .form-check {
    display: flex;
    align-items: center;
}
.naac-modal.modal .field .form-check .form-check-label {
    margin-bottom: 0px;
}
.naac-modal.modal .blank-area {
    background-color: #ffffff;
    border-radius: 15px;
    border: 1px solid var(--border-color);
    min-height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.naac-modal.modal .field .table-row-column {
    padding-bottom: 10px;
    width: 100%;
}
.naac-modal.modal .field .table-row-column input {
    padding-left: 15px !important;
    box-sizing: border-box;
}

.perNaac .form-check.radio-button-check {
    display: flex;
    align-items: center;
}
.perNaac .form-check.radio-button-check input[type="radio"]{
    margin-right: 10px;
}

.naac .heading h3 {
    color: var(--primary-color);
    margin-bottom: 30px;
}
.naac .perNaac h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}
.naac .perNaac ul li {
    margin-bottom: 15px;
}
.naac .filePreview ul {
    display: flex;
    justify-content: space-between;
}
.naac .college-details {
  text-align: center;
  padding: 50px 0px;
  margin-top: 30px;
}
.naac .college-details h2 {
  margin-bottom: 20px;
  font-size: 40px;
}
.naac .heading h3 {
  margin-bottom: 20px;
}
.naac .perNaac {
    border: 1px solid #f1f1f1;
    box-shadow: 0px 0px 0px;
    padding: 30px 20px;
}
.naac .perNaac h4 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 700;
}
.naac .naac-header {
    position: fixed;
    width: 80%;
    top: 80px;
    background-color: #ffffff;
    padding: 15px 15px;
    border-radius: 10px;
    z-index: 999;
    box-shadow: 0px 0px 10px #f1f1f1;
}
.naac-details {
    padding: 0px 30px;
    margin-top: 70px;
}

.pdf-loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 9999999;
}

@media (max-width: 1200px) {
    .sports-body .sports-text p {
        font-size: 1rem;
    }

    .sports-tab .scroll-btn {
        display: block;
    }

    .sports-tab .nav-scroll {
        width: 90%;
        margin: 0 auto;
    }

    .sports-tab .nav-scroll ul {
        width: 100%;
    }
}

@media (max-width: 992px) {}

@media (max-width: 768px) {
    .sports-body figure img {
        display: inline-block;
    }

    .sports-body .sports-text {
        padding: 30px;
    }

    .sports-body .sports-text p {
        font-size: 1.2rem;
    }

    .sports-tab .nav-tabs {
        background-color: transparent;
    }
}

@media (max-width: 992px) {}

@media (max-width: 768px) {
    .sports-body .sports-text {
        padding: 15px;
    }

    .sports-tab .nav-tabs.nav-tabs-bottom li a::before {
        bottom: -5px;
    }
}

/* Styles for devices up to tablet size */
@media (max-width: 576px) {}

@media (max-width: 480px) {}