.Faculty_Landing {
    background-image: linear-gradient(360deg, rgb(21, 55, 138), rgb(35, 87, 191));
    padding: 0px !important;
}

.Faculty_Heading_Panel .user_icon {
    min-width: 85px;
    min-height: 85px;
    background-image: url("../images/AU_ICons/facultyimg.png");
    background-repeat: no-repeat;
    background-size: 73px;
    background-position: center center;
    border: 3px solid white;
    border-radius: 100px;
    background-color: transparent;
    max-width: 85px;
}

.Faculty_Heading_Panel .Faculty_Info {
    display: flex;
    align-items: center;
}

.Faculty_Info .col-md-12 .form-group,
.Faculty_Info .col-lg-12 .form-group {
    margin-bottom: 0px !important;
}

.Faculy_Name {
    font-size: 18px;
    color: white;
    font-weight: 500;
    line-height: 30px !important;
}

.Faculty_Dep {
    font-size: 14px;
    color: white;
    font-weight: 400;
    line-height: 30px !important;
}

.Faculty_ID {
    font-weight: 400;
    background-color: rgb(13, 34, 56);
    padding: 5px 10px;
    background-image: linear-gradient(to right, rgb(13, 34, 56), rgb(78, 46, 16));
    color: rgb(179, 233, 255);
    max-width: 110px;
    display: flex;
    min-width: 80px;
    font-size: 14px;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin: 5px 0px;
    border-radius: 100px !important;
}

.Faculty_Des {
    color: rgb(179, 233, 255);
    font-weight: 400;
    font-size: 16px;
    line-height: 30px !important;
}

.Transparent_Button,
.Transparent_Button:hover {
    background-image: linear-gradient(to right, rgba(13, 34, 56, 0.125), rgba(78, 46, 16, 0.125));
    width: 100%;
    display: flex;
    min-height: 84px;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    padding-left: 0px;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.Adddrop,
.Adddrop:hover {
    background-image: linear-gradient(to right, rgba(13, 34, 56, 0.125), rgba(78, 46, 16, 0.125)), url("../images/AU_ICons/adddrop.png");
    background-repeat: no-repeat;
    background-position: center center, 30px center;
    background-size: 100%, 26px;
}

.Transparent_Button:hover,
.Process_Panel:hover,
.Values_Panel:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px;
}

.Preregistration,
.Preregistration:hover {
    background-image: linear-gradient(to right, rgba(19, 69, 120, 0.7), rgba(78, 46, 16, 0.62)), url("../images/AU_ICons/preregistration.png");
    background-repeat: no-repeat;
    background-position: center center, 30px center;
    background-size: 100%, 26px;
}

.Faculty_Contents_Panel {
    background: rgb(249, 250, 254);
    border-radius: 30px 30px 0px 0px;
}

.Faculty_Contents_Panel .panel-body {
    bottom: 60px;
}

.Faculty_Contents_Panel .panel-body .panel-body {
    bottom: 0px !important;
}

.Students_Panel {
    background: rgb(243, 239, 180) !important;
}

.Interns_Panel {
    background: rgb(203, 185, 239) !important;
}

.Purchase_Panel {
    background: rgb(189, 210, 189) !important;
}

.Service_Panel {
    background: rgb(143, 214, 238) !important;
}

.Projects_Panel {
    background: rgb(245, 196, 205) !important;
}

.Faculty_Contents_Panel_Button {
    background: white;
    min-height: 190px;
    border-radius: 30px;
    margin-bottom: 20px;
}

.Faculty_Contents_Panel_Button .panel-body {
    padding: 0px;
}

.Faculty_Tab_Btn {
    position: absolute;
    width: 100%;
}

.Faculty_Tab_Btn .col-lg-12,
.Faculty_Tab_Btn .col-md-12 {
    padding: 0px;
}

.Faculty_Tab_Btn a,
.Faculty_Tab_Btn a:hover {
    min-height: 176px;
    border-radius: 30px;
    width: 100%;
    color: transparent;
    background: transparent;
    padding: 0px;
    border: none;
    font-size: 0px;
}

.Icon_Space {
    width: 77px;
    aspect-ratio: 1 / 1;
    background-color: rgba(0, 0, 0, 0.063);
    display: block;
    border-radius: 100px;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center center;
}

.Profile {
    background-image: url("../images/AU_ICons/myprofile.png");
}

.Students {
    background-image: url("../images/AU_ICons/mystudents.png");
}

.Interns {
    background-image: url("../images/AU_ICons/myinterns.png");
}

.Purchase {
    background-image: url("../images/AU_ICons/mypurchase.png");
}

.Service {
    background-image: url("../images/AU_ICons/selfserviceportal.png");
}

.Porjects {
    background-image: url("../images/AU_ICons/myprojects.png");
}

.Faculty_Contents_Panel_Button .panel-body .contents_column {
    min-height: 190px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px;
}

.Faculty_Contents_Panel_Button .panel-body .contents_column h6 {
    font-size: 16px;
    color: rgba(13, 34, 56, 0.79);
    font-weight: 500 !important;
}

.Faculty_Contents_Panel_Button .panel-body .contents_column h1 {
    font-size: 20px;
    color: rgb(13, 34, 56);
    background-image: url("../images/AU_ICons/rightarrow.png");
    background-repeat: no-repeat;
    background-size: 7px;
    background-position: right center;
    font-weight: 500 !important;
}

.FacultyGrid table {
    padding: 0px !important;
}

.FacultyGrid table tbody {
    border: none;
    width: 100%;
    border-spacing: 0px 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.FacultyGrid table tbody tr {
    border: none;
    width: 24%;
    border-radius: 30px;
    float: left;
    padding: 30px 20px 30px 15px;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 80px;
    margin: 10px 0px;
}

.FacultyGrid table tbody tr:hover,
.pending_grid:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.FacultyGrid table tbody tr td {
    width: 100%;
    float: left;
    display: flex;
    margin: 15px 0px;
    align-items: center;
    border: none !important;
    height: unset !important;
}

.FacultyGrid table tbody tr td:nth-child(4),
.FacultyGrid table tbody tr td:nth-child(5) {
    width: 44%;
    float: left;
    display: inline-flex;
    flex-direction: row;
}

.FacultyGrid table tbody tr td:nth-child(1) span {
    position: relative;
    color: rgb(56, 107, 232) !important;
}

.FacultyGrid table tbody tr td:nth-child(1) span::before {
    content: "Course Number";
}

.FacultyGrid table tbody tr td:nth-child(2) span {
    position: relative;
}

.FacultyGrid table tbody tr td:nth-child(2) span::before {
    content: "Title";
}

.FacultyGrid table tbody tr td:nth-child(3) span {
    position: relative;
}

.FacultyGrid table tbody tr td:nth-child(3) span::before {
    content: "Class Room";
}

.FacultyGrid table tbody tr td:nth-child(4) span {
    position: relative;
    background: url("../images/AU_ICons/credit.png") 10px center / 14px no-repeat rgba(15, 166, 30, 0.1);
    border-radius: 100px;
    display: inline-block;
    padding: 8px 15px 7px 100px !important;
}

.FacultyGrid table tbody tr td:nth-child(4) span::before {
    content: "Credit";
    top: 7px;
    left: 33px;
}

.FacultyGrid table tbody tr td:nth-child(5) span {
    position: relative;
    background: url("../images/AU_ICons/mystudents.png") 10px center / 14px no-repeat rgba(93, 88, 89, 0.1);
    border-radius: 100px;
    display: inline-block;
    padding: 8px 15px 7px 110px !important;
}

.FacultyGrid table tbody tr td:nth-child(5) span::before {
    content: "Students";
    top: 7px;
    left: 33px;
}

.FacultyGrid table tbody tr.odd {
    background-color: rgba(93, 88, 89, 0.05) !important;
}

.FacultyGrid table tbody tr.even {
    background-color: rgba(31, 76, 134, 0.05) !important;
}

.FacultyGrid table tbody tr td span {
    color: rgb(13, 34, 56) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.FacultyGrid table tbody tr td span::before {
    top: -20px;
    min-width: 130px;
    opacity: 0.6;
    position: absolute;
    color: rgb(13, 34, 56) !important;
    font-weight: 400 !important;
}

.FacultyGrid table tbody tr td:nth-child(4) span::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 39px;
    background: rgba(0, 0, 0, 0.063);
    right: 32px;
    top: 0px;
}

.FacultyGrid table tbody tr td:nth-child(5) span::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 39px;
    background: rgba(0, 0, 0, 0.063);
    right: 39px;
    top: 0px;
}

.Assesment_Panel {
    margin: 0px 0px 20px;
}

.Assesment_Panel .panel-body {
    background-color: rgb(225, 233, 250);
    border-radius: 30px;
}

.Assesment_Panel .panel-body .col-lg-2:nth-child(6),
.Assesment_Panel .panel-body .col-md-2:nth-child(6) {
    border-right: none;
}

.Assesment_Panel .panel-body .col-lg-2,
.Assesment_Panel .panel-body .col-md-2 {
    border-right: 2px solid rgba(15, 69, 126, 0.05);
}

.Line_Buttons {
    min-height: 117px;
    position: relative;
    border-radius: 30px !important;
}

.Line_Buttons:hover {
    background-image: linear-gradient(to right, rgba(127, 85, 128, 0.1), rgba(98, 46, 100, 0.1));
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.Line_Buttons .panel-body {
    padding: 0px;
    background: transparent;
    border-radius: 0px;
}

.Assest_Icon {
    min-width: 57px;
    min-height: 57px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background: rgb(255, 255, 255);
    display: block;
    border-radius: 100px;
}

.Attendance {
    background-image: url("../images/AU_ICons/attendance.png");
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center center;
}

.assesment {
    background-image: url("../images/AU_ICons/assesment.png");
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center center;
}

.Rex {
    background-image: url("../images/AU_ICons/Rex.png");
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: center center;
}

.Upload {
    background-image: url("../images/AU_ICons/Upload.png");
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: center center;
}

.Correction {
    background-image: url("../images/AU_ICons/Correction.png");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center center;
}

.Outcome {
    background-image: url("../images/AU_ICons/Outcome.png");
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: center center;
}

.Line_Buttons_Content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 117px !important;
    padding: 15px !important;
}

.Line_Buttons_Content h3 {
    color: rgb(13, 34, 56);
    font-size: 16px;
    background-image: url("../images/AU_ICons/next.png");
    background-repeat: no-repeat;
    background-size: 7px;
    background-position: right center;
    padding-right: 10px;
}

.Line_Buttons_Button {
    min-height: 117px;
    position: absolute;
    top: 0px;
    width: 100%;
    border-radius: 30px;
    display: block;
}

.Line_Buttons_Button .col-lg-12,
.Line_Buttons_Button .col-md-12,
.Line_Buttons_Button .col-sm-12,
.Course_Button .col-lg-12,
.Course_Button .col-md-12,
.Course_Button .col-sm-12 {
    padding: 0px;
}

.Line_Buttons_Button a,
.Line_Buttons_Button a:hover {
    border-radius: 30px;
    width: 100%;
    display: inline-block;
    min-height: 117px;
    font-size: 0px;
}

.Assesment_Panel .panel-heading,
.Course_Panel .panel-heading {
    padding-left: 0px !important;
}

.Course_Panel .Process_Panel {
    min-height: 357px;
}

.Course_Panel .Process_Panel .panel-body {
    padding: 0px !important;
}

.Course_Panel .Process_Panel .panel-body h3 {
    min-height: 90px;
    display: flex;
    align-items: center;
    background-image: url("../images/AU_ICons/nextfill.png");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: calc(100% - 20px) center;
    padding: 20px;
}

.Process_Panel:hover .CourseImg,
.Process_Panel:hover .NewCourseImg,
.Process_Panel:hover .PreReqImg {
    background-size: 110%;
    transition: all 0.5s ease 0s;
}

.Course_Panel .Process_Panel .CourseImg {
    background-image: url("../images/AU_ICons/Course.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 258px;
    width: 100%;
    display: flex;
    border-radius: 30px 30px 0px 0px;
    border: 5px solid rgb(255, 255, 255);
}

.Course_Panel .Process_Panel .NewCourseImg {
    background-image: url("../images/AU_ICons/newcourse.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 258px;
    width: 100%;
    display: block;
    border-radius: 30px 30px 0px 0px;
    border: 5px solid rgb(255, 255, 255);
}

.Course_Panel .Process_Panel .PreReqImg {
    background-image: url("../images/AU_ICons/prereq.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 258px;
    width: 100%;
    display: block;
    border-radius: 30px 30px 0px 0px;
    border: 5px solid rgb(255, 255, 255);
}

.Course_Button {
    height: 357px;
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    border-radius: 30px;
}

.Course_Button a,
.Course_Button a:hover {
    width: 100%;
    border-radius: 30px;
    height: 357px;
    font-size: 0px;
    padding: 0px;
    background: transparent;
    box-shadow: none;
}

.Course_Button .form-group span {
    border-radius: 0px;
    border: none !important;
}

@media only screen and (min-device-width: 350px) and (max-device-width: 1024px) {
    .FacultyGrid table tbody tr {
        width: 100%;
    }
}

.Faculty_Tab_Btn a:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.Profile_Panel {
    background: rgb(208, 230, 234) !important;
}

.Assesment_Panel .panel-heading h6,
.Course_Panel .panel-heading h6 {
    color: rgb(13, 34, 56);
    font-size: 22px;
    font-weight: 400 !important;
}

.Process_Panel_withleftborder .download_display_none .form-group .input-group-btn a[title="Clear"] {
    display: none !important;
}

.Process_Panel_withleftborderImage {
    background-image: url("../images/AU_ICons/image007.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: block;
    border-radius: 30px;
    min-height: 400px !important;
}

.Process_Panel_withleftborder .panel-footer {
    display: flex;
    justify-content: flex-end;
    border-radius: 0px 0px 30px 30px;
    background: transparent;
    padding: 5px 0px 0px !important;
}

.Process_Panel_withleftborder .panel-heading {
    position: relative;
    padding: 24px 20px;
}

.Process_Panel_withleftborder .panel-body .form-group label {
    color: rgb(53, 75, 86);
    font-weight: 300;
    font-size: 14px !important;
    margin: 0px !important;
}

.Process_Panel_withleftborder .panel-body .form-group .controls span {
    color: rgb(53, 75, 86);
    font-weight: 600;
    font-size: 14px;
}

.Process_Panel_withleftborder .panel-heading::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 24px;
    background: orange;
    left: 0px;
    border-radius: 0px 30px 30px 0px;
    top: 12px;
}

.Process_Panel_withleftborder .panel-heading h6 {
    color: rgb(49, 64, 103);
    font-size: 16px;
    padding-left: 30px;
    background-image: url("../images/AU_ICons/left_heading.png");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0px 5px;
    border-bottom: 2px solid rgb(231, 239, 252);
    padding-bottom: 10px;
    font-weight: 600 !important;
}

.Process_Panel .download_display_none .form-group .input-group-btn a[title="Clear"] {
    display: none !important;
}

.Process_Panel_with_Image {
    background-image: url("../images/AU_ICons/image007.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: block;
    border-radius: 30px;
    min-height: 400px !important;
}

.Process_Panel {
    box-shadow: rgba(155, 172, 231, 0.34) 0px 3px 10px;
    margin: 0px 0px 20px;
    border-radius: 15px;
    background-color: white;
}

.Process_Panel .panel-footer {
    display: flex;
    justify-content: flex-end;
    border-radius: 0px 0px 30px 30px;
    background: transparent;
    padding: 5px 0px 0px !important;
}

.Process_Panel .panel-heading {
    position: relative;
    min-height: 46px;
    padding: 10px 20px 0px !important;
}

.Process_Panel .panel-body {
    padding: 10px 10px 20px;
}

.Process_Panel .panel-body .form-group .controls span {
    color: rgb(53, 75, 86);
    font-weight: 500;
    font-size: 14px;
    text-shadow: unset !important;
}

.Process_Panel .panel-heading::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 24px;
    background: orange;
    left: 0px;
    border-radius: 0px 30px 30px 0px;
    box-shadow: rgb(255, 165, 0) 2px 0px 5px;
    transform: translate(0px, -50%);
    top: 50%;
}

.Process_Panel .panel-heading h6 {
    color: rgb(49, 64, 103);
    font-size: 16px;
    padding-left: 30px;
    background-image: url("../images/AU_ICons/left_heading.png");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0px 5px;
    border-bottom: 2px solid rgb(231, 239, 252);
    padding-bottom: 10px;
    font-weight: 600 !important;
}

.Process_Panel .download_display_none .form-group .input-group-btn a[title="Clear"] {
    display: none !important;
}

.Program {
    color: rgb(53, 75, 86);
    font-size: 25px !important;
    font-weight: 500 !important;
}

.Date {
    background-image: url("../images/AU_ICons/calendar.png");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: left;
    padding-left: 20px;
    color: rgb(253, 117, 95) !important;
}

.Light_Button {
    width: 100%;
    display: flex;
    min-height: 38px;
    border-radius: 30px;
    align-items: center;
    justify-content: center;
    margin: 10px 0px;
    font-weight: 600;
    color: rgb(53, 75, 86);
    font-size: 14px;
    background: rgb(231, 239, 252) !important;
}

.Light_Button:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    background: rgb(231, 239, 252);
    width: 100%;
    display: flex;
    min-height: 38px;
    border-radius: 30px;
    align-items: center;
    justify-content: center;
    margin: 10px 0px;
    font-weight: 600;
    color: rgb(53, 75, 86);
    font-size: 14px;
}


.remove-panel-footer .datatable-footer {
    display: none !important;
}

.common_panel_1 {
    background: linear-gradient(120deg, rgb(213, 242, 235), rgb(219, 238, 250) 50%, rgb(238, 247, 254)) !important;
    border-radius: 30px !important;
    border: 2px solid rgb(255, 255, 255) !important;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px !important;
}

.WorkflowGrid {
    background: transparent !important;
}

.WorkflowGrid .panel-heading {
    border-bottom: 2px solid rgb(231, 239, 252);
    padding: 0px !important;
}

.WorkflowGrid .panel-heading h6 {
    border-bottom: none;
    color: rgb(53, 75, 86);
    padding-bottom: 10px;
    background-image: none;
    padding-left: 0px;
}

.WorkflowGrid table {
    padding: 0px !important;
}

.WorkflowGrid table tr {
    border-bottom: 2px solid rgb(246, 243, 226);
    display: block;
    padding: 20px 0px;
    min-height: 102px;
    position: relative;
    background: transparent !important;
}

.WorkflowGrid table tr td {
    position: relative;
    border: none !important;
}

.WorkflowGrid table tr td:first-child span {
    width: 60px;
    aspect-ratio: 1 / 1;
    display: flex;
    background-color: rgb(246, 243, 226);
    border-radius: 1000px;
    align-items: center;
    justify-content: center;
}

.WorkflowGrid table tr:last-child {
    border: none !important;
}

.WorkflowGrid .datatable-footer,
.WorkflowGrid thead,
.WorkflowGrid .panel-heading .heading-elements,
.WorkflowGrid .search_part {
    display: none !important;
}

.WorkflowGrid table tr td:first-child::before {
    content: "";
    width: 2px;
    height: 100px;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.WorkflowGrid table tr:last-child td::before {
    display: none;
    content: unset;
}

.WorkflowGrid table tr:first-child td:first-child span {
    background-color: rgb(197, 240, 197);
}

G9249.WorkflowGrid table tr:last-child td:first-child span {
    background-color: rgb(245, 196, 205);
}

.WorkflowGrid table tr td:first-child {
    width: 70px;
    padding: 0px !important;
}

.WorkflowGrid table tr td:nth-child(2) {
    width: 80px;
    border-right: 2px solid rgba(0, 0, 0, 0.1) !important;
    padding-right: 10px !important;
}

.WorkflowGrid table tr td:nth-child(3) {
    display: none;
}

.WorkflowGrid table tr td:nth-child(4) {
    width: 100%;
    position: relative;
    bottom: 20px;
}

.WorkflowGrid table tr td:nth-child(5) {
    width: 150px;
    position: absolute;
    top: 80px;
    left: 340px;
    transform: translate(-50%, -50%);
    padding: 0px !important;
}

.WorkflowGrid table tr td:nth-child(6) {
    position: absolute;
    top: 70px;
    left: 234px;
    transform: translate(-50%, -50%);
    height: unset !important;
}

.WorkflowGrid table tr td:nth-child(6) .input-group {
    background: transparent;
    line-height: unset;
    height: unset !important;
    font-size: 12px !important;
}

.WorkflowGrid table tr td:nth-child(6) .input-group span {
    background-image: url("../images/AU_ICons/calendar.png");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: left center;
    padding-left: 25px;
    color: rgb(53, 75, 86) !important;
    font-size: 12px !important;
}

.WorkflowGrid table tr td:nth-child(5) span {
    background: rgb(241, 241, 241);
    padding: 5px 30px;
    border-radius: 30px;
    font-size: 12px !important;
    color: rgb(53, 75, 86) !important;
    font-weight: 500 !important;
}

.WorkflowGrid .table-widget-content {
    overflow: hidden !important;
}

.WorkflowGrid .panel-heading::before {
    content: unset;
}

.HoverPanelButtons_Icon {
    background-image: url("../images/AU_ICons/threedots.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: right center;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(-12px, -50%);
    width: 28px;
    z-index: 1;
    height: 48px;
}

.HoverPanelButtons {
    top: 35px;
    background: white;
    right: 170px;
    border-radius: 20px;
    z-index: 1;
    box-shadow: rgba(118, 138, 157, 0.2) 0px 0px 4px 2px;
    display: none;
    height: auto;
    width: 200px !important;
    padding: 0px !important;
}

.HoverPanelButtons_Icon:hover .HoverPanelButtons {
    display: block;
}

.HoverPanelButtons .col-lg-12,
.HoverPanelButtons .col-md-12 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.16) !important;
}

.HoverPanelButtons .col-lg-12:last-child,
.HoverPanelButtons .col-md-12:last-child {
    border-bottom: none !important;
}

.HoverPanelButtons .col-lg-12,
.HoverPanelButtons .col-md-12 {
    padding: 0px;
}

.HoverPanelButtons .form-group {
    padding: 0px;
    margin: 0px !important;
}

.HoverPanelButtons a {
    background: none;
    line-height: 29px;
    min-height: 50px;
    top: 3px;
    position: relative;
    border-radius: 30px 30px 0px 0px !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    color: rgb(0, 0, 0) !important;
    text-align: left !important;
    padding-left: 20px !important;
    border: none !important;
}

.HoverPanelButtons a:hover {
    transition: all 0.5s ease 0s;
    box-shadow: unset !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    padding-left: 25px !important;
}

.breadcrumb_part {
    margin: 15px 0px 10px;
}

.Conservation_Panel .panel-heading h6 {
    color: rgb(49, 64, 103);
    font-size: 16px;
    padding-left: 30px;
    background-image: url("../images/AU_ICons/conversation.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0px 5px;
    font-weight: 600 !important;
}

.Pending_panel .panel-heading h6 {
    color: rgb(49, 64, 103);
    font-size: 16px;
    padding-left: 30px;
    background-image: url("../images/AU_ICons/pending.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0px 5px;
    font-weight: 600 !important;
}

.Institute {
    background-color: rgb(243, 246, 253);
    background-image: none !important;
}

.Institute .panel-heading h6 {
    color: rgb(49, 64, 103);
    font-size: 16px;
    padding-left: 30px;
    background-image: url("../images/AU_ICons/setup.png");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0px 5px;
    font-weight: 600 !important;
}

.pending_grid,
.pending_grid:hover {
    position: relative;
    border: none !important;
    border-radius: 30px !important;
    opacity: 1 !important;
    background: rgb(237, 242, 251) !important;
}

.Pending_Grid_Icon {
    background-image: url("../images/AU_ICons/Program_Note.svg");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center center;
    width: 44px;
    aspect-ratio: 1 / 1;
    display: block;
    background-color: white;
    border-radius: 100px;
}

.Pending_Values .form-group {
    margin: 5px 0px !important;
}

.Pending_Values .form-group .controls span,
.Pending_Values .Date span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: rgb(53, 75, 86);
}

.Pending_Values .Admin {
    width: fit-content;
    border: 1px solid rgba(56, 107, 232, 0.7);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 10px 10px 40px;
    gap: 7px;
    min-height: 27px;
    min-width: 101px;
    background-image: url("../images/AU_ICons/admin.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 15px 10px;
    float: right;
    border-radius: 140px !important;
}

.Pending_Btn {
    position: absolute;
    min-height: 175px;
    width: 100%;
    top: 0px;
    left: 0px;
    border-radius: 30px;
}

.Pending_Btn a,
.Pending_Btn a:hover {
    min-height: 175px;
    width: 100%;
    top: 0px;
    font-size: 0px;
    left: 0px;
    border-radius: 30px;
    box-shadow: none;
}

.pending_grid .panel-body {
    display: flex;
    align-items: flex-start;
    padding: 20px !important;
}

.Program_Heading {
    padding-bottom: 0px !important;
}

.align-items-center {
    align-items: center;
    display: flex;
}

.app_head_inner {
    display: flex;
    border-bottom: 2px solid rgb(231, 239, 252);
    padding-bottom: 5px;
}

.Process_Panel_withleftborder .app_head_inner h6 {
    padding-bottom: 10px;
    border-bottom: none !important;
    font-weight: 500 !important;
}

.app_head_inner .form-group {
    margin: 0px !important;
}

.app_head_inner .form-group .controls span {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: rgb(49, 64, 103);
    position: relative;
    top: 3px;
    padding-left: 15px;
}

.app_head_inner .form-group .controls span::before {
    content: ":";
    position: absolute;
    left: 5px;
}

.Conservation_Panel,
.Program_Panel {
    background-image: none;
}

.Chat_Panel {
    margin: 10px 0px;
    padding: 20px !important;
}

.Chat_Panel .panel-body {
    padding: 0px !important;
}

.Chat_Panel .Chat_User_Icon {
    background-image: url(../images/Process_images/user_icon_circle.svg) !important;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    width: 44px;
    aspect-ratio: 1 / 1;
    display: block;
    border-radius: 100px;
}

.Chat_Tab {
    background: rgb(242, 244, 247);
    border-radius: 0px 24px 24px;
    padding: 20px;
    margin-left: 0px !important;
    min-height: 82px !important;
}

.Chat_Panel .panel-body .d-flex {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    display: flex !important;
}

.Chat_Tab .form-group .controls span {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: rgb(0, 0, 0);
}

.Chat_Date {
    text-align: right;
    display: block;
    margin: 10px 0px;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: rgba(0, 0, 0, 0.7);
}

.Convo_Send {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.Convo_Send .col-lg-11,
.Convo_Send .col-md-11,
.Program_Panel_Values,
.Program_Panel_Values .col-lg-12,
.Program_Panel_Values .col-md-12 {
    padding: 0px !important;
}

.Program_Panel_Values {
    margin: 10px 0px;
}

.Program_Panel_Values hr {
    border-top: 2px solid rgb(231, 239, 252);
    margin-top: 20px !important;
}

.Program_Panel_Values .d-flex .form-group {
    margin: 0px !important;
}

.Process_Panel_withleftborder .panel-body .form-group .input-xs {
    padding: 5px;
    height: unset;
}

.Process_Panel_withleftborder .panel-body .form-group .input-xs span {
    color: rgb(53, 75, 86);
    font-weight: 600;
    font-size: 14px;
}

.Convo_Send .form-group {
    margin: 0px !important;
}

.Convo_Send textarea {
    min-height: 34px !important;
}

.RightBorder {
    border-right: 2px solid rgb(231, 239, 252);
}

.Convo_Send .col-lg-1,
.Convo_Send .col-md-1 {
    display: flex;
}

.form-group select.form-control,
.form-group .btn-group button {
    background-repeat: no-repeat;
    background-position: 97% 50%;
    appearance: none;
    background-color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    height: 41px !important;
    color: rgb(77, 77, 77) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    background-image: url("../images/AU_ICons/dropdown.svg") !important;
    padding: 4px 12px !important;
    margin: 0px !important;
    box-shadow: none !important;
    border: 0.5px solid rgba(0, 0, 0, 0.7) !important;
    border-radius: 5px !important;
}

.form-group button span,
.form-group .form-control,
.input-group span {
    font-weight: 400;
    font-size: 12px !important;
    line-height: 14px !important;
    color: rgb(55, 73, 87) !important;
}

.Pending_Values .form-group .controls span.font-weight-bold {
    font-size: 16px;
}

.dataTables_empty {
    text-align: center;
    display: block;
    width: 100% !important;
}

.Institute .academic_master_program {
    background-color: rgb(231, 239, 252);
    border: none;
    border-radius: 8px !important;
    min-height: 61px !important;
}

.Institute .academic_lbl {
    padding-left: 60px;
    background-image: url("../images/AU_ICons/gridmenuicon.png");
    background-position: 20px center;
    background-repeat: no-repeat;
    display: flex;
    height: 61px;
    background-size: 20px;
    padding-top: 0px;
    font-weight: 500;
    align-items: center;
    padding-bottom: 15px;
    font-size: 15px !important;
}

.Institute .academic_btn {
    background-color: transparent;
    font-size: 0px;
    display: inline-block;
    height: 61px;
    position: absolute;
    top: -74px;
    left: 0px;
    border-radius: 8px;
    width: 100% !important;
}

.Institute .academic_master_program .panel-body {
    height: 60px;
    background-image: url("../images/AU_ICons/repeatergrid_icon.png");
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
    padding: 0px !important;
}

.Institute_Panel {
    background-image: none;
}

.Institute_Panel .panel-heading .heading-elements {
    width: unset;
    flex-direction: row;
    justify-content: flex-end;
    top: 50%;
    right: 0%;
    transform: translate(0%, -5px);
    display: flex !important;
    min-width: 200px !important;
}

.Institute_Panel .panel-heading .heading-elements .panel_heading_elements {
    display: flex;
    flex-direction: row-reverse;
    margin-right: 10px;
}

.RPB {
    background-position: center center;
    background-size: 16px !important;
    width: 36px !important;
    height: 16px !important;
    padding-left: 0px !important;
    border-left: 1px solid rgba(0, 0, 0, 0.22) !important;
}

.stamp_button {
    border-left: none !important;
}

.Institute_Grid table {
    padding: 0px !important;
}

.Institute_Grid table thead {
    display: none;
}

.Institute_Grid table tbody tr {
    border-radius: 8px;
    display: inline-table;
    flex-direction: column;
    background-image: url("../images/AU_ICons/institute_Grid_BG.png");
    background-position: right top;
    background-repeat: no-repeat;
    padding: 10px;
    background-size: 100px;
    margin: 10px 0px;
    background-color: rgb(249, 250, 254) !important;
    border-bottom: 7px solid rgb(242, 243, 248) !important;
    width: calc(50% - 10px) !important;
}

.Institute_Grid table tbody tr td {
    display: flex;
    align-items: center;
    margin: 10px 0px;
    border: none !important;
    height: unset !important;
}

.Institute_Grid table tbody tr td .input-group {
    background-color: transparent;
    height: unset !important;
}

.Institute_Grid table tbody tr td .input-group span {
    background-image: url("../images/AU_ICons/calendar.png");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: left center;
    padding-left: 20px;
    color: rgba(53, 75, 86, 0.8) !important;
    font-weight: 500 !important;
}

.Institute_Grid table tbody tr td:first-child {
    width: 100%;
}

.Institute_Grid table tbody tr td:first-child span {
    background-image: url("../images/AU_ICons/location.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 20px;
    background-size: 16px;
    font-weight: 600 !important;
    color: rgb(53, 75, 86) !important;
}

.Institute_Grid table tbody tr td:nth-child(2) {
    width: 100%;
}

.Institute_Grid table tbody tr:hover {
    background-image: repeating-linear-gradient(to right, rgb(235, 246, 253), rgba(242, 243, 248, 0)), url("../images/AU_ICons/institute_Grid_BG.png");
    background-position: center center, right top;
    background-repeat: no-repeat;
    background-size: 100%, 100px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px;
    border-bottom: 7px solid rgb(242, 243, 248) !important;
}

.Institute_Grid .table-widget-content {
    overflow: hidden !important;
}

.Institute_Grid table.dataTable {
    border-spacing: 0px 10px;
    display: flex;
    justify-content: space-between;
    overflow: hidden !important;
}

.Institute_Grid table tbody tr td span {
    font-style: normal;
    color: rgba(53, 75, 86, 0.5) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

.Institute_Grid table tbody tr td:nth-last-child(3) span {
    width: fit-content;
    background: url("../images/AU_ICons/admin.svg") 15px center / 16px no-repeat rgb(231, 239, 252);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 10px 10px 40px;
    gap: 7px;
    min-height: 27px;
    min-width: 101px;
    float: right;
    border-radius: 140px !important;
}

.Institute_Grid table tbody tr td:nth-last-child(3) {
    float: left;
}

.Institute_Grid table tbody tr td:nth-last-child(2) {
    float: right;
}

.Institute_Grid table tbody tr td:nth-last-child(1) {
    float: right;
}

.Institute_Grid tbody {
    display: flex;
    justify-content: space-between;
    margin: 15px 0px;
    flex-flow: row wrap;
}

.Institute_Grid table tbody tr td:nth-last-child(2) button {
    background-image: url("../images/AU_ICons/edit.png");
}

.Institute_Grid table tbody tr td:nth-last-child(1) button {
    background-image: url("../images/Internals/file_search.svg");
}

.Institute_Grid table tbody tr td:nth-last-child(2) button,
.Institute_Grid table tbody tr td:nth-last-child(1) button {
    background-color: white;
    width: 40px;
    aspect-ratio: 1 / 1;
    background-size: 14px;
    background-position: center center;
    font-size: 0px;
    background-repeat: no-repeat;
    border-radius: 100px !important;
    border: 1px solid rgb(239, 239, 239) !important;
}

.Institute_Panel .panel-heading {
    padding-bottom: 0px !important;
}

.Institute_Grid .datatable-footer {
    border: none;
    background: rgb(249, 250, 254);
    min-height: 66px;
    display: flex;
    align-items: center;
    border-radius: 8px !important;
}

.Institute_Grid .datatable-footer .fullContainer {
    min-height: 39px;
    display: flex;
    align-items: center;
}

.Institute_Grid .datatable-footer .fullContainer .Counts {
    bottom: 2px;
    position: relative;
    margin-right: 0px;
}

.Institute_Grid .datatable-footer li a {
    background: white;
    border-radius: 8px !important;
    border: 1px solid rgba(5, 5, 5, 0.14) !important;
}

.Institute_Grid .datatable-footer li a i {
    color: rgb(53, 75, 86) !important;
}

.red_panel {
    background-color: #384C61;

    background-position: right top;
    background-repeat: no-repeat;
    border-radius: 23px !important;
}

.red_panel .panel-body {
    padding: 20px 16px 8px !important;
}

.red_panel .col-lg-8 {
    padding: 0px;
}

.h_primary {
    color: white;
    font-size: 22px !important;
}

.h_01 {
    font-size: 15px !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

.red_panel label {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5) !important;
}

.red_panel .h_secondary {
    color: white !important;
    font-size: 16px !important;
}

.red_panel .form-group {
    margin-bottom: 0px !important;
}

.red_panel .typo_level_01 {
    display: block;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 14px !important;
}

.last_logged {
    background-image: url("../images/Process_images/lastlogged.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 30px;
    background-size: 16px;
}

.user_info_level .col-lg-4,
.user_info_level .col-lg-3,
.user_info_level .col-lg-6 {
    width: auto !important;
}

.white_panel_01 {
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    border-radius: 30px !important;
}

.white_panel_01 {
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    margin-bottom: 20px;
    border-radius: 30px !important;
}

.grey_panel {
    background-image: linear-gradient(rgb(243, 245, 250), rgb(246, 247, 251), rgb(250, 250, 252), rgb(252, 252, 254), rgb(255, 255, 255));
    border: 1px solid #fbcba2;
    border-radius: 23px !important;

}

.blue_panel {
    background-color: rgb(244, 246, 254);
    margin-bottom: 20px;
    border-radius: 15px !important;
    border: 0px !important;
}

.grey_panel .panel-dummy {
    margin-bottom: 0px !important;
}

.grey_panel .cgpa_value::before {
    position: absolute;
    content: "CGPA";
    top: 3px;
    color: rgb(72, 75, 82);
    font-size: 15px;
    height: 45px !important;
}

.grey_panel .gradelsit {
    background-color: transparent;
    width: 100%;
    font-weight: 600;
    padding: 18px 21px;
    position: absolute;
    height: 66px;
    font-size: 0px;
    border-radius: 8px;
    top: 20px !important;
    border: 0px !important;
}

.grey_panel .gradelsit:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.user_img_profile {
    border: 0px !important;
    box-shadow: none !important;
    border-radius: 30px !important;
    margin-bottom: 0px !important;
}

.user_img_profile .InlineSingle.panel {
    box-shadow: none !important;
    background-color: transparent !important;
}

.user_img_profile .InlineSingle .panel-body {
    text-align: center;
    padding: 0px !important;
    background-color: transparent !important;
}

.user_img_profile .MainFrameDoc {
    text-align: center;
    height: 120px !important;
    background-image: none !important;
}

.user_img_profile .MainFrameDoc img {
    border-radius: 100%;
    border: 3px solid white;
    background-image: url("../images/AppIcons/user_icon_01.png");
    background-size: 117px;
    height: 120px !important;
    width: 120px !important;
}

.user_img_profile .panel-body .MainFrameDoc {
    border: none !important;
}

.user_img_profile .HoverBtnDoc {
    display: none !important;
}

.image_hover .HoverBtnDoc {
    display: none !important;
}

.user_img_profile1 {
    border: 0px !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    margin-bottom: 0px !important;
}

.user_img_profile1 .InlineSingle.panel {
    box-shadow: none !important;
    background-color: transparent !important;
}

.user_img_profile1 .InlineSingle .panel-body {
    text-align: center;
    padding: 0px !important;
    background-color: transparent !important;
}

.user_img_profile1 .MainFrameDoc {
    text-align: center;
    height: 45px !important;
    background-image: none !important;
}

.user_img_profile1 .MainFrameDoc img {
    border-radius: 100%;
    border: 3px solid white;
    background-image: url("../images/AppIcons/user_icon_01.png");
    background-size: 65px;
    height: 45px !important;
    width: 45px !important;
}

.user_img_profile1 .panel-body .MainFrameDoc {
    border: none !important;
}

.user_img_profile1 .HoverBtnDoc {
    display: none !important;
}

.user_img_profile1 label {
    font-weight: 500;
    color: rgba(10, 10, 10, 0.5);
    padding-bottom: 0px !important;
    font-size: 12px !important;
}

.user_img_profile1 .form-group {
    margin-bottom: 0px !important;
}

.e-calendar .e-content span.e-day,
.e-bigger.e-small .e-calendar .e-content span.e-day {
    line-height: 30px !important;
}

.blue_panel_01 {
    background-color: rgb(224, 228, 244);
    margin-bottom: 20px;
    border-radius: 15px !important;
    border: 0px !important;
}

.red_panel_01 {
    background-color: rgb(244, 227, 224);
    margin-bottom: 20px;
    border-radius: 15px !important;
    border: 0px !important;
}

.Configuration_Panel {
    margin-top: 20px;
    border: none !important;
    background-color: transparent !important;
}

.Configuration_Panel .panel-heading,
.Configuration_Panel .panel-body,
.Configuration_Panel .panel-body .panel .panel-body {
    padding: 0px;
}

.Configuration_Panel .panel-heading h6 {
    color: rgb(47, 65, 101);
    font-weight: 500;
    font-size: 25px;
    margin-bottom: 20px !important;
}

.Configuration_Panel .panel-body .panel {
    background-image: linear-gradient(rgb(255, 255, 255), rgb(243, 245, 250));
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    flex: 1 1 0%;
    border-radius: 30px !important;
}

.Configuration_Panel .panel-body .panel .panel-heading h6 {
    color: rgb(72, 75, 82);
    font-size: 21px;
    background-image: url("../images/AU_ICons/heading.svg");
    background-position: right center;
    background-size: 16px;
    background-repeat: no-repeat;
    padding: 10px 25px 10px 0px;
    min-height: 83px;
    display: flex;
    align-items: center;
    font-weight: 500 !important;
    margin: 0px !important;
}

.Configuration_Panel .panel-body .panel .panel-body span {
    min-height: 50px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: rgb(72, 75, 82);
    padding-left: 20px;
    width: 80%;
    display: inline-block;
    line-height: 25px;
    margin: 5px 0px 10px;
}

.Configuration_Panel .panel-body .panel .panel-heading {
    padding: 20px 30px;
}

.Configuration_Panel .panel-body .panel .panel-body .Regulations {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 234px;
    display: block;
    background-image: url("../images/AppIcons/Regulations.jpg");
    border-radius: 0px;
    width: 100% !important;
    margin: 0px !important;
}

.Configuration_Panel .panel-body .panel .panel-body .Academic {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 234px;
    display: block;
    background-image: url("../images/AppIcons/Organisation.jpg");
    border-radius: 0px;
    width: 100% !important;
    margin: 0px !important;
}

.Configuration_Panel .panel-body .panel .panel-body .Organisation {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 234px;
    display: block;
    background-image: url("../images/AppIcons/Organisation.jpg");
    border-radius: 0px;
    width: 100%;
    margin: 0px !important;
}

.Configuration_Panel .panel-body .panel .panel-body .Academic_Calendar {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 234px;
    display: block;
    background-image: url("../images/AppIcons/Academic_Calendar.jpg");
    border-radius: 0px;
    width: 100% !important;
    margin: 0px !important;
}

.Configuration_Panel .panel-body .panel .panel-footer {
    background: white;
    border: none;
    border-radius: 0px 0px 30px 30px;
}

.Configuration_Panel .panel-body .panel .panel-footer a {
    background: rgb(237, 109, 116);
    border-radius: 40px;
    height: 48px;
    display: flex;
    width: fit-content;
    padding: 4px 37px;
    align-items: center;
    color: white;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    justify-content: center;
    margin: 20px auto;
}

.Configuration_Panel .panel-body .panel:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 6px 4px;
}

.Configuration_Panel .panel-body .panel:hover .panel-body .Regulations,
.Configuration_Panel .panel-body .panel:hover .panel-body .Organisation,
.Configuration_Panel .panel-body .panel:hover .panel-body .Academic,
.Configuration_Panel .panel-body .panel:hover .panel-body .Academic_Calendar {
    animation: 1s ease 0s 1 normal none running zoomin;
}

@-webkit-keyframes zoomin {
    0% {
        background-size: 100%;
    }

    100% {
        background-size: 105%;
    }
}

.Configuration_Pill_Panel {
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 2px;
    height: 209px;
    border-radius: 23px !important;
    background-image: none !important;
}

.Configuration_Pill_Panel .panel-body h1 {
    font-style: normal;
    font-size: 21px;
    line-height: 25px;
    color: rgb(89, 81, 118);
    padding: 80px 0px 20px;
    width: 70%;
    position: relative;
    font-weight: 400 !important;
}

.Configuration_Pill_Panel .panel-body h1::before {
    background-image: url("../images/AU_ICons/image4.svg");
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: center center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    aspect-ratio: 1 / 1;
    content: "";
    border-radius: 100px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.Configuration_Pill_Panel .panel-body h6 {
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: rgb(235, 111, 70);
    padding: 0px 0px 0px 23px;
}

.Configuration_Pill_Panel .panel-body h6::before {
    background-image: url("../images/AU_ICons/settings.svg");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 18px;
    aspect-ratio: 1 / 1;
    content: "";
    border-radius: 100px;
}

.Configuration_Pill_Panel .panel-body h6::after {
    background-image: url("../images/AU_ICons/Vector.svg");
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: center center;
    position: absolute;
    right: 0px;
    width: 8px;
    aspect-ratio: 1 / 1;
    content: "";
    border-radius: 100px;
    top: 50%;
    transform: translate(-50%, -50%);
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(-180deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(-180deg);
    }
}

.Configuration_Pill_Panel:hover .panel-body h6::before {
    animation: 1s ease 0s infinite normal none running rotate;
}

.Configuration_Pill_Panel:hover .panel-body h6::after {
    animation: 1s ease 0s infinite normal none running LeftToRight;
}

.Configuration_Pill_Panel .panel-body .Button {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    border-radius: 23px;
    min-height: 209px;
}

.Configuration_Pill_Panel .panel-body .Button a {
    width: 100%;
    min-height: 209px;
    border-radius: 23px;
    color: transparent;
    box-shadow: unset;
    background: transparent !important;
}

.page_header_panel {
    border-radius: 8px;
    margin-bottom: 20px;
    background: linear-gradient(115.08deg, rgba(199, 235, 255, 0.5), rgba(94, 178, 252, 0.5) 98.5%);
    border: 0px !important;
    box-shadow: none !important;
}

.page_header_panel .panel-body {
    padding: 7px !important;
}

.page_header_panel h1 {
    font-size: 18px;
    font-weight: 500 !important;
    color: rgb(47, 65, 101) !important;
    margin-bottom: 5px !important;
}

.panel_dummy_01 {
    border: 0px !important;
    box-shadow: none !important;
}

.page_header_panel h1 {
    font-size: 18px;
    font-weight: 500 !important;
    color: rgb(47, 65, 101) !important;
    margin-bottom: 5px !important;
}

.panel_dummy_01 {
    border: 0px !important;
    box-shadow: none !important;
}

.panel_white_01 {
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    border-radius: 8px;
    border: 0px solid rgb(201, 209, 217) !important;
    box-shadow: none !important;
}

.panel_blue {
    background-color: rgb(242, 246, 255);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    border-radius: 8px;
    border: 1px solid rgb(198, 226, 255) !important;
    box-shadow: none !important;
}

.panel_blue_01 {
    background-color: rgb(249, 250, 254);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    border-radius: 8px;
    margin-bottom: 20px;
    border: 0px solid rgb(201, 209, 217) !important;
    box-shadow: none !important;
}

.panel_blue_01 .panel-heading h6 {
    font-size: 16px;
    color: rgb(47, 65, 93) !important;
    font-weight: 500 !important;
}

.image_icon {
    background-image: url("../images/AppIcons/image_icon.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
    color: rgb(47, 65, 101);
    font-size: 16px;
    font-weight: 500 !important;
}

.emp_img .MainFrameDoc {
    background-image: url("../images/AppIcons/upload_img.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-color: rgb(231, 239, 252);
    text-align: center;
    padding-top: 10px;
    border: 2px dashed rgb(208, 217, 232) !important;
    height: 175px !important;
}

.emp_img .MainFrameDoc img {
    border-radius: 100%;
    height: 150px !important;
    width: 150px !important;
}

.emp_img .InlineSingle.panel {
    box-shadow: none !important;
}

.emp_img .InlineSingle.panel .panel-body {
    padding: 0px !important;
}

.emp_img .col-lg-12 {
    padding: 0px !important;
}

.MainFrameDoc {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-color: rgb(231, 239, 252);
    text-align: center;
    padding: 0px;
    border-radius: 8px;
    height: 175px;
    opacity: 1;
    border: 1px dashed rgba(69, 111, 209, 0.44) !important;
}

.sign_img .MainFrameDoc img {
    height: 150px;
    width: auto;
    border-radius: 8px !important;
    object-fit: cover !important;
}

.InlineSingle.panel {
    opacity: 1 !important;
    border-radius: 8px !important;
    box-shadow: rgba(136, 165, 191, 0.48) 0px 0px 8px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px !important;
}

.sign_img .InlineSingle.panel .panel-body {
    opacity: 1;
    padding: 0px !important;
}

.sign_img .col-lg-12 {
    padding: 0px !important;
}

.sign_img1 .MainFrameDoc {
    background-image: url("../images/AppIcons/upload_img.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-color: rgb(231, 239, 252);
    text-align: center;
    padding: 10px;
    border-radius: 8px;
    border: 2px dashed rgb(208, 217, 232) !important;
    height: 175px !important;
}

.sign_img1 .MainFrameDoc img {
    height: 150px;
    width: auto;
    border-radius: 8px !important;
    object-fit: cover !important;
}

.sign_img1 .InlineSingle.panel {
    box-shadow: none !important;
}

.sign_img1 .InlineSingle.panel .panel-body {
    padding: 0px !important;
}

.sign_img1 .col-lg-12 {
    padding: 0px !important;
}

.sign_img1 .HoverBtnDoc {
    display: none !important;
}

.brdr-btm {
    border-bottom: 1px solid rgb(232, 235, 242);
}


#divCanvas .flat_grid {
    box-shadow: none !important;
    border: 0px !important;
    color: #rgb(53, 75, 86);
    font-weight: 500;
}

#divCanvas .flat_grid table {
    border-collapse: separate;
    border-spacing: 0px 0px !important;
    line-height: 1.3;
    font-size: 14px;
    font-weight: 500;
}

#divCanvas .flat_grid table tbody tr td span {
    line-height: 1.3;
    font-size: 14px;
    font-weight: 500;

}

.flat_gird table thead {
    background-color: #f7f8fc !important;
}

#divCanvas .flat_grid .table-widget .table-widget-content table tbody tr td span {
    color: rgb(53, 75, 86);
    font-weight: 500;
}

#divCanvas .flat_grid .table-widget .table-widget-content table tbody tr:last-child td {
    border-bottom: 0px !important;
}

#divCanvas .flat_grid .table-widget .table-widget-content table thead tr th {
    color: #474a54;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    background-color: #d49dff24;
}

#divCanvas .flat_grid .table-widget .table-widget-content table tbody tr td {
    border-bottom: 1px solid rgb(211 220 235) !important;
    border-top: 0px !important;
}

.normal_grid {
    box-shadow: rgba(118, 138, 157, 0.2) 0px 0px 4px 0px;
    background-color: rgba(255, 255, 255, 0.77);
    border: 1px solid rgb(221, 221, 221);
    margin: 10px !important;
    border-radius: 15px !important;
}

.normal_grid table {
    border-collapse: separate;
    border-spacing: 0px 10px;
}

#divCanvas .normal_grid .table-widget .table-widget-content table {
    padding: 0px !important;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td {
    border: 0px;
    padding: 0px 0px 0px 15px;
}

.form-group .input-group {
    background-color: transparent !important;
}

#divCanvas .normal_grid .panel-heading h6 {
    color: rgb(49, 64, 103);
    font-size: 20px;
    float: left;
    background: transparent;
    font-weight: 500 !important;
    left: 0px !important;
    position: relative !important;
    width: fit-content !important;
    margin-right: 5px !important;
    padding-left: 5px !important;
    border: none !important;
    padding-bottom: 0px !important;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr {
    border-radius: 8px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(69, 93, 199, 0.17) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    border: 1px solid rgb(231, 239, 252) !important;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td:first-child {
    border-radius: 8px 0px 0px 8px;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td:last-child {
    border-radius: 0px 8px 8px 0px;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td .form-control {
    padding-left: 11px;
    border: 1px solid rgba(96, 120, 229, 0.25);
    min-width: 98% !important;
    max-width: 98% !important;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td .form-control:focus {
    box-shadow: rgba(56, 107, 232, 0.48) 0px 0px 4px 0px inset;
    border: 0.5px solid rgba(57, 108, 232, 0) !important;
    background: white !important;
    border-radius: 8px !important;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td .e-input-group {
    border: 0px;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td .e-input-group input {
    border: 0px !important;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td .e-input-group-icon.e-date-icon::before,
#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td .e-control-wrapper .e-input-group-icon.e-date-icon::before {
    display: none;
}

#divCanvas .normal_grid .table-widget .table-widget-content table thead tr th {
    border-left: 0px !important;
    font-size: 14px;
    color: rgb(66, 116, 229) !important;
    font-weight: 500 !important;
}

#divCanvas .normal_grid table.dataTable tbody tr.selected {
    background-color: rgb(242, 247, 255);
    box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 1px;
}

#divCanvas .normal_grid .dataTables_wrapper {
    padding: 0px 10px 10px;
}

.table-widget .table-widget-content table tbody tr td.dataTables_empty {
    border-radius: 8px !important;
}

.normal_grid .panel-heading .heading-elements ul li a .icon-plus2 {
    background-image: url("../images/AppIcons/add_icon.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px;
    width: 14px;
    height: 14px;
}

.normal_grid .panel-heading .heading-elements ul li a .icon-trash {
    background-image: url("../images/AppIcons/trash.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 17px;
    width: 14px;
    height: 17px;
}

.normal_grid .panel-heading .heading-elements ul li a .icon-pencil7 {
    background-image: url("../images/AppIcons/edit.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px;
    width: 14px;
    height: 17px;
}

.normal_grid .panel-heading .heading-elements ul li a .icon-filter3 {
    background-image: url("../images/AppIcons/filtergrey.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 17px;
    width: 17px;
    height: 17px;
}

.normal_grid .panel-heading .heading-elements ul li a .icon-menu7 {
    background-image: url("../images/Internals/Menu_Theme_Bold.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px;
    width: 14px;
    height: 14px;
}

.normal_grid .panel-heading .heading-elements ul li a.collapse3::after {
    font-weight: 600;
    color: rgb(47, 65, 101);
    font-size: 20px !important;
}

.normal_grid .panel-heading .heading-elements ul li.dropdown {
    display: none;
}

.normal_grid .panel-heading .heading-elements ul li #btnFilter,
.normal_grid .panel-heading .heading-elements ul li a.collapse3 {
    top: 0px !important;
}

.normal_grid .dataTables_empty {
    border-radius: 8px !important;
}

.normal_grid .panel-heading .heading-elements ul li a .icon-plus2::before,
.normal_grid .panel-heading .heading-elements ul li a .icon-add-to-list::before,
.normal_grid .panel-heading .heading-elements ul li a .icon-trash::before,
.normal_grid .panel-heading .heading-elements ul li a .icon-pencil7::before,
.normal_grid .panel-heading .heading-elements ul li a .icon-filter3::before,
.normal_grid .panel-heading .heading-elements ul li a .icon-menu7::before {
    display: none;
}

.e-input-group {
    min-height: 40px;
}

.e-multi-select-wrapper {
    box-sizing: border-box;
    cursor: text;
    line-height: normal;
    min-height: 40px;
    padding: 0px;
    position: relative;
    user-select: none;
    width: 100%;
    border-radius: 6px;
    display: flex;
}

.e-input-group.e-multiselect {
    background: transparent;
    opacity: 1;
    margin-top: 10px;
    min-height: unset !important;
    border: 1px solid rgb(208, 213, 221) !important;
    border-radius: 8px !important;
    color: rgb(100, 100, 100) !important;
    padding: 0px !important;
}

.e-multi-select-wrapper .e-chips .e-chips-close::before {
    color: rgba(255, 0, 0, 0.62);
    font-size: 14px;
}

.e-multi-select-wrapper .e-close-hooker::before {
    color: white;
    top: 1.5px;
    left: 0px;
    width: 25px;
    height: 25px;
    background: transparent;
    text-align: center;
    padding: 6px 0px 0px;
    font-size: 10px !important;
    font-weight: bold !important;
}

.e-multi-select-wrapper input[type="text"] {
    background: none;
    border: 0px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    outline: none;
    padding: 0px;
    text-indent: 0px;
    margin: 3px 0px;
    min-width: 100px !important;
}

.e-multi-select-wrapper .e-chips-close.e-close-hooker {
    cursor: default;
    height: unset;
    background: rgb(255, 111, 111);
    border: 2px solid rgb(255, 89, 89);
    border-radius: 100px;
    width: 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    position: relative;
    top: 50%;
    transform: translate(5px, -1px);
    margin-top: unset !important;
    aspect-ratio: 1 / 1 !important;
}

.e-chips-close {
    margin: 1px 0px 0px 5px !important;
}

.panel-body .form-group .controls .e-multi-select-wrapper .e-chips {
    box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 4px;
    border: 1px solid rgba(0, 0, 0, 0.14);
    display: flex;
    font-weight: 400 !important;
    font-size: 12px !important;
    background: rgb(255, 255, 255) !important;
    padding: 3px 20px !important;
    height: unset !important;
    margin: 1px 5px 0px 0px !important;
}

.pull_right span,
.font-bold {
    font-size: 14px;
    margin-right: 5px;
    font-weight: 700 !important;
}

.panel_grey_01 .panel-body .form-group .controls span {
    min-height: 70px;
    display: flex;
    justify-content: center;
}

.panel_grey_01 .panel-body a {
    height: 40px;
    min-height: unset;
    min-width: 100px;
    width: fit-content !important;
    padding: 0px 20px !important;
}

.panel_grey_01 .panel-body span {
    text-align: center;
}

.panel_grey_01 .panel-body span.ID {
    background-color: white;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 4px 2px inset;
    border: 1px dashed rgb(37, 116, 255);
    margin: 0px auto;
    color: rgb(37, 116, 255);
    font-weight: bold !important;
    min-height: 50px !important;
}

.ShowButtons .RepeatAnimatioin {
    display: block;
}

.ShowButtons .RepeatAnimatioin {
    display: block !important;
}

.RepeaterMaincvv {
    position: relative;
    width: calc(100% - 20px);
    background: transparent;
    padding: 10px;
    text-align: center;
    left: 0px;
    top: 0px;
    height: 60px;
    margin: 0px auto;
}

.RepeaterMaincvv button {
    display: none;
}

.RepeaterMaincvv button[title="save"] {
    display: block;
    color: white;
    background-color: rgb(69, 93, 199);
    padding: 9px 50px;
    border-radius: 5px;
    border: none;
    width: auto;
    text-align: center;
    font-weight: 600;
    float: right;
    margin-bottom: 0px !important;
    font-size: 14px !important;
}

.BgGrid .panel-heading span.text-danger {
    display: unset !important;
}

.New_Grid {
    background: -20px top / 170px no-repeat, center center / 100% white;
    position: relative;
    backdrop-filter: blur(52.6px);
    box-shadow: rgba(118, 138, 157, 0.2) 0px 0px 4px 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px !important;
    margin-bottom: 20px !important;
    border-radius: 15px !important;
}

.New_Grid::before {
    z-index: -1;
    position: absolute;
    inset: 0px;
    background: linear-gradient(-45deg, rgb(57, 118, 181) 170%, rgb(0, 97, 255) 132%);
    transform: translate3d(0px, 30px, 0px) scale(0.95);
    filter: blur(20px);
    transition: opacity 0.3s ease 0s;
    border-radius: inherit;
    opacity: 0.2;
}

.New_Grid::after {
    content: "";
    z-index: -1;
    position: absolute;
    inset: 0px;
    background: inherit;
    border-radius: inherit;
}

.New_Grid .panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.New_Grid .panel-heading h6 {
    font-size: 18px;
    color: rgb(53, 53, 53) !important;
    font-weight: 500 !important;
}

.New_Grid .panel-heading .heading-elements {
    position: unset !important;
    height: unset !important;
    margin: unset !important;
}

.New_Grid.panel-heading .heading-elements>ul>li>a {
    font-size: 14px;
    font-weight: 400;
    color: rgb(53, 53, 53);
    height: 32px;
    min-width: 32px;
    flex-direction: row;
    align-items: center;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    backdrop-filter: blur(17.6px);
    justify-content: center;
    padding: 5px !important;
    display: flex !important;
    border: 1px solid rgba(0, 0, 0, 0.17) !important;
    position: unset !important;
}

.New_Grid.table.dataTable {
    box-sizing: inherit;
    padding: 0px 12px;
    border-collapse: separate;
    border-spacing: 5px 10px;
    border-radius: 10px !important;
}

.New_Grid table thead {
    background: transparent;
    border-radius: 10px;
    padding: 10px 0px !important;
    border: 1px solid rgba(255, 255, 255, 0.17) !important;
}

.New_Grid table thead tr th {
    font-weight: 400;
    padding: 10px !important;
    color: rgba(0, 0, 0, 0.71) !important;
    font-size: 13px !important;
    border: none !important;
}

.New_Grid .table tbody tr {
    background: rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    backdrop-filter: blur(17.6px);
    border: 1px solid rgba(53, 53, 53, 0.21);
    color: rgb(53, 53, 53) !important;
}

.New_Grid .table tbody tr:hover {
    background: rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    backdrop-filter: blur(17.6px);
    border-left: 3px solid rgba(92, 165, 240, 0.49) !important;
    color: white !important;
}

.New_Grid.table tbody tr td,
.New_Grid.Dark .table tbody tr td .form-group span {
    border: none !important;
    color: rgb(53, 53, 53) !important;
}

.New_Grid .table tbody tr td:first-child {
    border-radius: 10px 0px 0px 10px;
}

.New_Grid .table tbody tr td:last-child {
    border-radius: 0px 10px 10px 0px;
}

.New_Grid .datatable-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.314);
}

.New_Grid .datatable-footer .grid_page_left ul.pagination li label {
    color: rgb(53, 53, 53);
    margin-left: 10px;
    font-weight: 500;
}

.New_Grid .datatable-footer .grid_page_right .pull-left li a {
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    backdrop-filter: blur(17.6px);
    color: rgb(53, 53, 53) !important;
    padding: 5px !important;
    min-width: 32px !important;
    display: flex !important;
    position: unset !important;
    border: 1px solid rgba(0, 0, 0, 0.17) !important;
}

.New_Grid .datatable-footer .grid_page_right .pull-left li input {
    font-weight: 500;
    min-width: 50px;
    max-width: 50px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    backdrop-filter: blur(17.6px);
    font-size: 12px !important;
    color: rgb(53, 53, 53) !important;
    padding: 5px !important;
    height: 32px !important;
    display: flex !important;
    position: unset !important;
    border: 1px solid rgba(0, 0, 0, 0.17) !important;
}

.Web_Page {
    margin-left: -20px;
    margin-right: -20px;
    /* margin-top: -20px; */
}

.Web_Page .col-lg-12,
.Web_Page .col-md-12,
.Web_Page .col-sm-12 {
    padding: 0px;
}

.Web_Page .Navbar_Panel .Navbar label {
    display: none !important;
}

.Web_Page .Navbar_Panel .Navbar .form-group .controls .Logo {
    background-image: url("../images/AppIcons/IITDH.png");
    background-position: left center;
    display: block;
    width: 244px;
    height: 95px;
    background-size: 115px;
    background-repeat: no-repeat;
}

.Web_Page .Navbar_Panel .Navbar {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 25px 20px -20px;
    background-color: white;
    width: 100%;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: 110px;
    padding: 10px 20px;
    justify-content: space-between;
}

.Web_Page .Navbar_Panel .Navbar a {
    float: right;
    background-color: var(--main-Primary-color);
    border-radius: 100px;
    padding: 8px 20px;
    min-width: 120px;
    font-size: 14px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    font-weight: 500 !important;
}

.Banner {
    background-image: url("../images/AU_ICons/Right_Bottom.svg"), url("../images/AU_ICons/Left_top.svg");
    background-position: calc(100% + 60px) calc(100% + 60px), -60px -60px;
    background-repeat: no-repeat;
    background-size: 220px;
    background-color: white;
    box-shadow: rgb(204, 219, 232) 0px 3px 6px 0px inset;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: calc(100vh - 145px);
    justify-content: center;
    padding-bottom: 80px;
}

.Banner h1 {
    color: rgb(5, 5, 5);
    font-size: 60px !important;
    font-weight: 700 !important;
}

.Banner h6 {
    color: rgba(5, 5, 5, 0.52);
    font-weight: 500 !important;
    font-size: 16px !important;
}

.Banner a {
    background-color: var(--main-Primary-color);
    border-radius: 10px;
    padding: 8px 20px;
    min-width: 220px;
    font-size: 14px;
    margin: 20px 0px;
    font-weight: 500 !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
    color: white !important;
}

.Our_Values {
    background-color: rgba(0, 0, 0, 0.01);
}

.Our_Values .panel-heading h6 {
    text-align: center;
    color: rgb(5, 5, 5);
    font-size: 60px !important;
    font-weight: 700 !important;
    margin: 50px 0px !important;
}

.Our_Values .panel-body .panel {
    margin: 0px;
    border-radius: 15px;
    background-color: white;
}

.Our_Values .panel-body .panel .panel-body {
    padding: 0px;
}

.Our_Values .panel-body .panel .panel-body,
.Our_Company_Video .panel-body .panel .panel-body {
    padding: 0px;
    width: 100%;
}

.Our_Values .panel-body {
    width: 70%;
    margin: 0px auto;
    padding-bottom: 100px;
}

.Our_Values .panel-body .panel .panel-body .MainFrameDoc img {
    min-height: 400px;
    padding: 0px !important;
    border: none !important;
    background: transparent !important;
    border-radius: 16px 16px 0px 0px !important;
}

.Our_Values .panel-body .panel .panel-body .form-group {
    margin-bottom: 0px !important;
    padding: 0px !important;
}

.Our_Values .panel-body .panel .panel-body h1 {
    min-height: 50px;
    display: flex;
    align-items: center;
    padding: 0px 20px;
    color: rgb(5, 5, 5);
    font-size: 20px !important;
}

.Our_Values .panel-body .panel .panel-body h6 {
    color: rgba(5, 5, 5, 0.52);
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 0px 20px 20px;
    font-weight: 500 !important;
    font-size: 16px !important;
}

@-webkit-keyframes scroll-inner {
    0% {
        margin-top: 15%;
    }

    100% {
        margin-top: 50%;
    }
}

@keyframes scroll-inner {
    0% {
        margin-top: 15%;
    }

    100% {
        margin-top: 50%;
    }
}

@-webkit-keyframes scroll-mouse {
    0% {
        margin-top: 0px;
    }

    100% {
        margin-top: 15px;
    }
}

@keyframes scroll-mouse {
    0% {
        margin-top: 0px;
    }

    100% {
        margin-top: 15px;
    }
}

div.mouse-container {
    position: absolute;
    display: block;
    height: 70px;
    bottom: 20px;
}

div.mouse {
    position: relative;
    margin: 0px auto;
    display: block;
    width: 30px;
    height: 50px;
    border: 2px solid rgba(5, 5, 5, 0.5);
    border-radius: 25px;
    animation: 1.5s ease 0s infinite normal none running scroll-mouse;
}

span.scroll-down {
    display: block;
    width: 5px;
    height: 7px;
    background: rgba(5, 5, 5, 0.5);
    border-radius: 50%;
    margin: 10px auto 0px;
    animation: 3s ease 0s infinite normal none running scroll-inner;
}

.Positions_Panel {
    background-color: rgb(255, 255, 255);
}

.Our_Company_Video {
    background-color: rgb(255, 255, 255);
    min-height: 100vh;
}

.Our_Company_Video .panel-heading h6 {
    text-align: center;
    color: rgb(5, 5, 5);
    font-size: 60px !important;
    font-weight: 700 !important;
    margin: 50px 0px !important;
}

.Our_Company_Video .panel-body {
    min-height: calc(100vh - 211px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.Our_Company_Video .panel-body .panel.InlineSingle .panel-body .MainFrameDoc img {
    padding: 0px !important;
    border: none !important;
    background: transparent !important;
    border-radius: 16px !important;
}

.Our_Company_Video .panel-body .panel.InlineSingle .panel-body {
    min-height: unset !important;
    display: unset !important;
}

.Perks_Panel {
    background-image: linear-gradient(135deg, rgb(255, 221, 92), rgb(240, 90, 37));
}

.Perks_Panel .panel-heading h6 {
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 60px !important;
    font-weight: 700 !important;
    margin: 50px 0px !important;
}

.Perks_Panel .panel-body .col-lg-4,
.Perks_Panel .panel-body .col-md-4 {
    padding: 0px;
}

.Perks_Panel .panel-body .col-lg-4:nth-child(2n+1) .panel,
.Perks_Panel .panel-body .col-md-4:nth-child(2n+1) .panel {
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0px;
    display: flex;
    align-items: center;
    min-height: 300px !important;
}

.Perks_Panel .panel-body {
    width: 70%;
    margin: 0px auto;
    padding-bottom: 100px;
}

.Perks_Panel .panel-body .panel .panel-body {
    width: 100%;
    padding: 20px !important;
}

.Perks_Panel .panel-body .col-lg-4:nth-child(2n+1) .panel .panel-body label {
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: 500;
    min-height: 66px;
    display: flex;
    align-items: flex-start;
}

.Perks_Panel .panel-body .col-lg-4:nth-child(2n+1) .panel .panel-body h1 {
    color: rgba(255, 255, 255, 0.565);
    font-size: 16px !important;
    font-weight: 500 !important;
}

.Perks_Panel .panel-body .col-lg-4:nth-child(2n) .panel,
.Perks_Panel .panel-body .col-md-4:nth-child(2n) .panel {
    background: white;
    border: none;
    margin: 0px;
    display: flex;
    align-items: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    min-height: 300px !important;
    border-radius: 0px !important;
}

.Perks_Panel .panel-body .col-lg-4:nth-child(2n) .panel .panel-body label {
    color: rgb(241, 100, 41);
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: flex-start;
}

.Perks_Panel .panel-body .col-lg-4:nth-child(2n) .panel .panel-body h1 {
    color: rgba(241, 100, 41, 0.565);
    font-size: 16px !important;
    font-weight: 500 !important;
}

.Perks_Panel .panel-body .col-md-4:nth-child(2) .panel,
.Perks_Panel .panel-body .col-lg-4:nth-child(2) .panel {
    border-radius: 20px 20px 0px 0px !important;
}

.Perks_Panel .panel-body .col-md-4:nth-child(4) .panel,
.Perks_Panel .panel-body .col-lg-4:nth-child(4) .panel {
    border-radius: 20px 0px 0px 20px !important;
}

.Perks_Panel .panel-body .col-md-4:nth-child(6) .panel,
.Perks_Panel .panel-body .col-lg-4:nth-child(6) .panel {
    border-radius: 0px 20px 20px 0px !important;
}

.Perks_Icon {
    width: 40px;
    aspect-ratio: 1 / 1;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    margin-bottom: 20px;
}

.Salary {
    background-size: 100%;
    background-image: url("../images/AU_ICons/rise.png");
}

.Health {
    background-size: 100%;
    background-image: url("../images/AU_ICons/protection.png");
}

.Unlimited {
    background-size: 100%;
    background-image: url("../images/AU_ICons/Unlimited.png");
}

.Mental {
    background-size: 100%;
    background-image: url("../images/AU_ICons/mental-health.png");
}

.Learning {
    background-size: 100%;
    background-image: url("../images/AU_ICons/online-course.png");
}

.Work {
    background-size: 100%;
    background-image: url("../images/AU_ICons/work-from-home.png");
}

.IITH_Modal_Dialog {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
    backdrop-filter: blur(2px);
}

.IITH_Modal_Dialog .modal-dialog .modal-content {
    width: 400px;
    min-width: 600px !important;
    background: transparent;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.IITH_Modal_Dialog .modal-dialog .modal-content .modal-header {
    display: none;
}

.IITH_Modal_Dialog .modal-dialog .modal-content .content {
    padding: 10px !important;
    background: transparent !important;
}

.IITH_Modal_Dialog .modal-dialog .modal-content .content .Process_Panel .panel-heading {
    height: 50px;
}

.IITH_Modal_Dialog_Panel_Heading {
    display: flex;
    padding: 0px 10px 5px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    border-bottom: 1.5px solid rgba(0, 0, 0, 0.063) !important;
}

.IITH_Modal_Dialog_Panel_Heading h6 {
    border: none !important;
    padding-bottom: 0px !important;
}

.IITH_Modal_Dialog_Panel_Heading a {
    background-image: url("../images/AppIcons/close.svg");
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: center center;
    float: right;
    font-size: 0px !important;
    border-radius: 100px !important;
    padding: 10px !important;
    width: 35px !important;
    aspect-ratio: 1 / 1 !important;
    margin-bottom: 0px !important;
    background-color: rgba(249, 50, 50, 0.92) !important;
    border: 2px solid rgba(207, 18, 18, 0.64) !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}

.IITH_Modal_Dialog .modal-dialog .modal-content .content .Process_Panel .panel-body .form-group {
    margin: 10px 0px !important;
}

.Process_Panel .panel-body .form-group label {
    font-size: 13px;
    line-height: 14px;
    text-transform: none;
    color: rgba(13, 34, 56, 0.6);
    padding: 0px;
    margin: 0px;
    font-weight: 500 !important;
}

.IITH_Modal_Dialog .modal-dialog .modal-content .content .Process_Panel .panel-footer {
    background-color: transparent;
    border: none;
    display: flex;
    justify-content: flex-end;
    border-radius: unset !important;
    padding: 0px 20px 20px !important;
}

.IITH_Modal_Dialog .modal-dialog .modal-content .content .Process_Panel .panel-footer a {
    color: rgb(49, 64, 103);
    font-size: 14px !important;
    margin: 10px !important;
    border-radius: 10px !important;
    border: none !important;
}

.IITH_Modal_Dialog .modal-dialog .modal-content .content .Process_Panel .panel-body h6 {
    font-size: 12px;
    line-height: 14px;
    text-transform: capitalize;
    color: rgba(13, 34, 56, 0.6);
    font-weight: 400 !important;
}

.Status_Stage {
    background-image: linear-gradient(to right, rgb(255, 173, 88), rgb(229, 107, 74));
    color: white;
    padding: 5px 20px;
    border-radius: 6px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    font-size: 14px;
    font-weight: 500;
}

.Remove_Collapse_Arrow .panel-heading ul li:last-child {
    display: none !important;
}

.Process_Panel .panel-heading .CurrentStage {
    border-bottom: 2px solid rgb(231, 239, 252);
    margin-bottom: 20px;
    padding-right: 15px !important;
    padding-bottom: 0px !important;
}

.Process_Panel .panel-heading .CurrentStage01 .form-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 0px 0px 0px 20px !important;
    padding: 0px 5px 10px !important;
    border-radius: 100px !important;
}

.Process_Panel .panel-heading .CurrentStage h6 {
    border-bottom: none !important;
}

.Values_Panel {
    box-shadow: rgba(118, 138, 157, 0.2) 0px 0px 4px 0px;
    margin: 0px 0px 20px;
    border-radius: 15px;
    background-image: linear-gradient(to right, rgba(231, 239, 252, 0.5), rgba(231, 239, 252, 0.5));
    border: 3px solid rgb(255, 255, 255);
    min-height: 160px;
    display: flex;
    width: 100%;
    align-items: flex-end;
}

.Values_Panel .panel-body {
    padding: 10px 20px;
}

.Value_Icon {
    width: 50px;
    aspect-ratio: 1 / 1;
    background-color: rgb(255, 255, 255);
    display: block;
    border-radius: 100px;
    margin-bottom: 10px;
    box-shadow: rgba(59, 97, 235, 0.07) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    background-size: 22px;
    background-position: center center;
    background-repeat: no-repeat;
}

.Req {
    background-image: url("../images/AU_ICons/Request.png");
}

.Approval {
    background-image: url("../images/AU_ICons/Total.png");
}

.App {
    background-image: url("../images/AU_ICons/Pending.png");
}

.Rej {
    background-image: url("../images/AU_ICons/Rejected.png");
}

.Values_Panel .panel-body .form-group {
    margin: 0px !important;
}

.Values_Panel .panel-body .form-group label {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-transform: capitalize;
    color: rgba(13, 34, 56, 0.6);
    padding: 0px;
    margin: 0px;
    letter-spacing: 1.9px;
}

.Values_Panel .panel-body .form-group .controls span {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1.9px;
}

.Values_Panel:hover {
    border: 3px solid rgb(231, 239, 252);
    transition: all 0.5s ease 0s;
    background: rgb(255, 255, 255) !important;
}

.fade-in {
    opacity: 0;
}

.CustomConfirmDialog1 .modal-content {
    position: relative;
}

.CustomConfirmDialog1 .modal-content::before {
    content: "";
    position: absolute;
    width: 100%;
    min-height: 235px;
    border: 2px solid rgba(205, 205, 205, 0.17);
    top: -5px;
    left: 0px;
    display: inline-block;
    border-radius: 20px;
    transform: rotate(-5deg);
    z-index: -701;
    background-color: rgba(59, 97, 235, 0);
    backdrop-filter: blur(4px);
}

.CustomConfirmDialog {
    background-color: rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(3px);
}

.CustomConfirmDialog1 .modal-dialog .modal-content {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(118, 138, 157, 0.2) 0px 0px 4px 0px !important;
    border-radius: 15px !important;
    display: inline-block !important;
}

.CustomConfirmDialog1 .vertical_middle {
    display: unset;
}

.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body .content {
    text-align: center;
    padding: 25px !important;
}

.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body {
    text-align: center;
    border: none !important;
    padding: 10px !important;
}

.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body .col-lg-12 .form-group,
.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body .col-md-12 .form-group,
.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body .col-sm-12 .form-group {
    text-align: center !important;
    margin-bottom: 30px !important;
}

.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body .col-lg-12 .ConfirmLabel,
.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body .col-md-12 .ConfirmLabel,
.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body .col-sm-12 .ConfirmLabel {
    background-image: url("../images/AU_ICons/chat.png");
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: center 0px;
    text-align: center;
    min-height: 93px;
    display: block;
    font-weight: 700 !important;
    color: rgb(49, 64, 103) !important;
    font-size: 20px !important;
    padding: 66px 10px 0px !important;
}

.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body .col-lg-6,
.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body .col-md-6,
.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body .col-sm-6 {
    padding: 0px;
}

.CustomConfirmDialog1 .modal-dialog .modal-content .modal-header::before,
.CustomConfirmDialog .vertical_middle .modal-content .modal-header {
    display: none;
}

.CustomConfirmDialog1 .modal-dialog .modal-content .modal-body .content .form-group .controls .Dialog_Button_01 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: transparent !important;
    border: none !important;
    text-align: left !important;
    font-size: 16px !important;
    color: rgb(49, 64, 103) !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    border-radius: 10px !important;
    height: 40px !important;
    width: fit-content !important;
}

.Dialog_Button_02 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--main-Primary-color) !important;
    border: none !important;
    text-align: center !important;
    font-size: 16px !important;
    color: rgb(255, 255, 255) !important;
    padding: 10px 20px !important;
    border-radius: 10px !important;
    height: 40px !important;
}

.prog_image .InlineSingle .panel-body .MainFrameDoc {
    height: 100% !important;
}

.Reject_Button {
    background: rgb(229, 66, 66) !important;
    color: white !important;
}

.Success_Button {
    background: rgb(26, 181, 26) !important;
    color: white !important;
}

.Description_Row {
    margin: 0px -20px;
}

.Description_Panel {
    background: white !important;
    border-radius: 10px !important;
}

.Description_Panel_Header {
    padding: 0px !important;
}

.Description_Panel_Header .col-lg-12,
.Description_Panel_Header .col-md-12 {
    padding: 0px;
}

.Description_Panel_Header .panel.InlineSingle .panel-body .MainFrameDoc {
    background-image: url("../images/AppIcons/IITDH_building.jpeg");
    height: 270px;
    border-radius: 10px 10px 0px 0px;
    background-size: cover;
    background-position: center center;
    border: none !important;
}

.Description_Panel_Header .InlineSingle.panel::before,
.Description_Panel_Header .HoverBtnDoc {
    display: none;
}

.Des_Role_Col {
    display: flex;
    flex-flow: row-reverse wrap;
    align-items: center;
}

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

.Des_Role_Col .form-group,
.d-flex.align-items-center .form-group {
    margin: 0px !important;
}

.Des_Role {
    font-weight: 700;
    color: rgb(60, 77, 95);
    font-size: 24px !important;
}

.d-flex.align-items-center {
    flex-direction: row;
    margin: 5px 0px;
    display: flex !important;
}

.Des_Salary {
    font-size: 20px;
    font-weight: 600;
    color: var(--main-Primary-color);
}

.Des_Label {
    font-size: 14px;
    color: rgb(60, 77, 95);
    font-weight: 600;
}

.Des_Salary_Time {
    flex-direction: row;
    justify-content: space-between;
}

.Home,
.Home:hover {
    background-image: url("../images/AppIcons/back.png");
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
    padding: 5px 10px 5px 30px;
    border-right: unset;
    border-radius: 15px !important;
    color: white !important;
}

.Location {
    background-image: url("../images/AU_ICons/Location.png");
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 25px;
    margin-left: 15px;
}

.Labels_Styles .form-group .controls span {
    background: rgb(107, 134, 163);
    margin-right: 10px;
    padding: 5px 20px;
    font-weight: 600;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 9px;
    color: white !important;
}

.Labels_Styles {
    margin: 15px 0px !important;
}

.Des_Role_Col .col-lg-6,
.Des_Role_Col .col-md-6 {
    padding: 0px;
}

.Des_Role_Buttons.col-lg-6,
.Des_Role_Buttons.col-md-6 {
    padding: 0px;
}

.Des_Role_Buttons .col-lg-3,
.Des_Role_Buttons .col-md-3 {
    padding-right: 0px;
}

.Recurit_Panel {
    border: 1px solid rgba(183, 184, 185, 0.49);
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 4px 0px;
    margin: 10px 10px 10px 0px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px;
}

.Recurit_Panel .d-flex {
    display: flex;
}

.Recurit_Profile {
    display: flex;
    align-items: center;
}

.Rec_Icon {
    background-image: url("../images/AU_ICons/Rec.png");
    background-position: left center;
    background-size: 50px;
    background-repeat: no-repeat;
    display: block;
    width: 50px;
    aspect-ratio: 1 / 1;
    margin-right: 20px;
    border-radius: 100px;
    box-shadow: rgba(99, 99, 99, 0.41) 0px 2px 8px 0px;
}

.Rec_Name {
    color: rgb(0, 0, 0);
    font-size: 16px;
}

.d-flex h5,
.Recurit_Panel h5 {
    color: rgb(60, 77, 95);
    font-size: 18px;
    font-weight: 600 !important;
}

.d-flex .form-group label {
    color: rgb(60, 77, 95);
    font-weight: 600;
    margin-right: 10px;
    font-size: 14px !important;
}

.Poster {
    background-color: var(--main-Primary-color);
    display: block;
    color: rgb(255, 255, 255);
    font-weight: 500;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 3px 10px !important;
    border-radius: 100px !important;
}

.Recurit_Panel .form-group .controls span a {
    background: url("../images/AU_ICons/Message.png") 10px center / 16px no-repeat transparent;
    color: var(--main-Primary-color);
    display: flex;
    align-items: center;
    border: 1px solid rgb(59, 97, 235) !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    min-width: 100px !important;
    padding-left: 40px !important;
    min-height: 35px !important;
}

.Job_Des .form-group label {
    margin-top: 10px;
    font-weight: 600 !important;
    font-size: 16px !important;
}

.Job_Des_01 .Des_Label {
    position: relative;
    padding-left: 15px;
}

.Job_Des_01 .Des_Label::before {
    content: "";
    position: absolute;
    background-color: var(--main-Primary-color);
    width: 10px;
    aspect-ratio: 1 / 1;
    left: 0px;
    top: 4px;
    border-radius: 100px;
}

.About_Panel {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: 1px solid rgb(213, 213, 213);
    padding: 20px;
    border-radius: 10px !important;
}

.Des_Outsource {
    background-image: url("../images/AU_ICons/Des_Out.png");
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.Des_Employees {
    background-image: url("../images/AU_ICons/Des_Emp.png");
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.Des_Location {
    background-image: url("../images/AU_ICons/Location.png");
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.Des_Workdays {
    background-image: url("../images/AU_ICons/Des_cal.png");
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.About_Panel .col-md-6,
.About_Panel .col-lg-6 {
    padding: 0px;
}

.About_Panel .Des_Salary_Time a {
    background: transparent;
    color: var(--main-Primary-color);
    font-size: 14px;
    font-weight: 600 !important;
    padding: 0px !important;
}

.Check_Icon {
    display: block;
    width: 35px;
    aspect-ratio: 1 / 1;
    background-image: url("../images/AU_ICons/Checkcircle.png");
    background-position: left center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.tab-content>.has-padding {
    padding: 20px 0px !important;
}

.Hostel_Panel {
    box-shadow: rgba(118, 138, 157, 0.2) 0px 0px 4px 0px;
    margin: 0px 0px 20px;
    border-radius: 15px;
    background-color: white;
    min-height: 100px;
    display: flex;
    align-items: center;
    position: relative;
}

.Hostel_Panel::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 40px;
    background: rgb(59, 97, 235);
    left: 0px;
    border-radius: 0px 30px 30px 0px;
    top: 50%;
    box-shadow: rgba(59, 97, 235, 0.55) 2px 0px 5px;
    transform: translate(0px, -50%);
}

.Hostel_Panel .panel-body {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.Hostel_Panel .panel-body .form-group {
    display: flex;
    flex-direction: column-reverse;
    min-height: 50px;
    justify-content: space-between;
    margin: 0px !important;
}

.Hostel_Panel .panel-body .form-group label {
    font-size: 13px;
    line-height: 14px;
    text-transform: capitalize;
    color: rgba(13, 34, 56, 0.6);
    padding: 0px;
    margin: 0px;
    font-weight: 500 !important;
}

.Hostel_Panel .panel-body .form-group .controls span {
    color: rgb(53, 75, 86);
    font-weight: 800;
    font-size: 20px;
    text-shadow: unset !important;
}

.Hostel_Icon {
    margin-right: 20px;
    width: 70px;
    aspect-ratio: 1 / 1;
    display: block;
    background-color: rgb(242, 245, 255);
    border: 1px solid rgba(59, 97, 235, 0.09);
    border-radius: 100px;
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px;
}

.Total_Hostel {
    background-image: url("../images/AU_ICons/hostel.svg");
}

.Bois_Hostel {
    background-image: url("../images/AU_ICons/Male_Hostel.svg");
}

.Gurls_Hostel {
    background-image: url("../images/AU_ICons/Female_Hostel.svg");
}

.Process_Heading_Panel {
    box-shadow: rgba(118, 138, 157, 0.2) 0px 0px 4px 0px;
    margin: 0px 0px 20px;
    border-radius: 15px;
    background-color: white;
    position: relative;
    min-height: 52px;
}

.Process_Heading_Panel::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 26px;
    background: rgb(59, 97, 235);
    left: 0px;
    border-radius: 0px 30px 30px 0px;
    top: 50%;
    box-shadow: rgba(59, 97, 235, 0.55) 2px 0px 5px;
    transform: translate(0px, -50%);
}

.Process_Heading_Panel::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 26px;
    background: rgb(59, 97, 235);
    left: 0px;
    border-radius: 0px 30px 30px 0px;
    top: 50%;
    box-shadow: rgba(59, 97, 235, 0.55) 2px 0px 5px;
    transform: translate(0px, -50%);
}

.Process_Heading_Panel .panel-body {
    padding: 0px 10px;
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    width: 100%;
    flex-direction: row;
    align-content: center;
}

.Process_Heading_Panel .panel-body h1,
.Process_Heading_Panel .panel-body h2,
.Process_Heading_Panel .panel-body h3,
.Process_Heading_Panel .panel-body h4,
.Process_Heading_Panel .panel-body h5,
.Process_Heading_Panel .panel-body h6 {
    font-size: 18px;
    line-height: 25px;
    color: rgb(49, 64, 103);
    font-style: normal !important;
    font-weight: 400 !important;
}

.Process_Heading_Panel .panel-body .form-group {
    display: flex;
    align-items: center;
    margin: 0px !important;
}

.Process_Heading_Panel .panel-body .form-group label {
    padding: 0px;
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
    color: rgba(53, 75, 86, 0.68);
    margin: 0px 10px;
    font-size: 12px !important;
    line-height: unset !important;
}

.Process_Heading_Panel .panel-body .form-group .controls span {
    background: rgb(56, 107, 232);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 20px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 4px !important;
    color: rgb(255, 255, 255) !important;
}

.Process_Heading_Panel_Current_Stage {
    display: flex;
    justify-content: flex-end;
}



.Process_Heading_Panel_Dropdown label {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: rgb(40 33 27) !important;

}

#mdl_dff9ea8c-ec97-f15b-c092-39b5aa724b09 .modal-footer {
    display: block;
    margin: 0px !important;
    padding: 0px 20px 20px !important;
}

.CustomHeader.modal-header {
    background: white;
    padding: 30px 10px 20px !important;
    height: unset !important;
}

.CustomHeader.modal-header .close {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    right: 0px;
    background: red;
    padding: 10px;
    border-radius: 100px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: white !important;
    font-size: 16px !important;
}

.close i {
    left: 0px;
    font-size: 18px !important;
}

.Process_Readonly {
    box-shadow: rgba(118, 138, 157, 0.2) 0px 0px 4px 0px;
    margin: 0px 0px 20px;
    border-radius: 15px;
    background-color: rgb(255 255 255);
    position: relative;
    min-height: 75px;
    border: 3px solid white;
    background-image: url("../images/curvebg_04.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto;
}

.Process_Readonly::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 50%;
    background: rgb(137 40 144);
    left: 0px;
    border-radius: 0px 30px 30px 0px;
    top: 50%;
    box-shadow: none;
    transform: translate(0px, -50%);
}

.Process_Readonly .panel-body {
    padding: 0px 8px;
}

.Process_Readonly_Values {
    padding: 0px;
    display: flex;
}

.value1 {
    margin: 6px 0;
}

.value2 {
    margin-top: 15px;
}

.Process_Readonly_Values .form-group {
    min-height: 50px;
    border-right: 1px solid rgba(197, 197, 197, 0.5);
    text-align: left;
    padding: 0px 30px !important;
    margin: 10px 0px !important;
}

.Process_Readonly_Values .form-group label {
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    color: rgb(53, 75, 86);
    padding-bottom: 5px;
    font-size: 12px !important;
}

.Process_Readonly_Values .form-group .input-xs {
    padding: 0px !important;
    border: none !important;
    height: unset !important;
}

.Process_Readonly_Values .form-group .controls span,
.Process_Readonly_Values .form-group .input-xs span {
    font-style: normal;
    font-size: 16px;
    line-height: 19px;
    color: rgb(53, 75, 86);
    font-weight: 600 !important;
}

hr {
    margin: 0px;
    border-color: rgba(197, 197, 197, 0.5) !important;
    border-style: solid !important;
}

.Process_Readonly_Values>div:last-child .form-group {
    border: none;
}

#mdl_dff9ea8c-ec97-f15b-c092-39b5aa724b09 .modal-footer {
    display: block;
    margin: 0px !important;
    padding: 0px 20px 20px !important;
}

.MultiModal .CustomModel .CustomHeader.modal-header {
    background: white;
    padding: 30px 10px 20px !important;
    height: unset !important;
}

.MultiModal .CustomModel .CustomHeader.modal-header .close {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    right: 0px;
    background: red;
    padding: 10px;
    border-radius: 100px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: white !important;
    font-size: 16px !important;
}

.MultiModal .close i {
    left: 0px;
    font-size: 18px !important;
}

.No-border-right .form-group {
    border: none;
}

.Process_Popup_Panel {
    padding: 0px;
    width: fit-content;
    margin: 0px auto;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 2px;
    border-radius: 23px;
}

.Process_Popup_Panel .panel-body {
    padding: 0px !important;
}

.Process_Popup_Panel.Process_Popup_Panel .Warning_Content .form-group {
    text-align: center !important;
}

.Process_Popup_Panel .panel-body .warning_Bg_Img {
    background-image: url("../images/AU_ICons/warning-illustration.svg");
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 95%;
    height: 200px;
    display: block;
}

.message_Bg {
    background-image: url("../images/AU_ICons/warning-abstract.svg");
    width: 100%;
    background-position: center -5px;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 40px 40px 0px;
}

.Warning_Content {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0px 0px 23px 23px;
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.Process_Popup_Panel.Process_Popup_Panel .form-group .controls span {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    color: rgba(43, 43, 43, 0.6);
    display: block;
    margin: 0px 0px 10px !important;
}

.resolute .form-group a {
    background: rgb(255, 255, 255);
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: rgb(43, 43, 43);
    min-width: 130px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    margin: 30px auto 0px !important;
}

.resolute {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: calc(100vh - 85px);
}

.normal_grid .panel-heading::before {
    display: none;
}

.heading-elements>ul>li>a {
    font-size: 14px;
    font-weight: 400;
    color: rgb(26, 26, 26);
    flex-direction: row;
    gap: 10px;
    align-items: center;
    width: 32px;
    justify-content: center;
    display: flex !important;
    padding: 0px !important;
}

.heading-elements>ul {
    display: flex;
    align-items: center;
    height: 42px;
    gap: 8px;
    margin: 0px !important;
    padding: 0px !important;
}

.tab_left .nav>li:first-child>a {
    background-image: url("../images/AppIcons/tab_about_me.png") !important;
    background-position: 14px 19px !important;
    background-repeat: no-repeat !important;
    padding-left: 66px !important;
}

.tab_left .nav>li>a {
    margin-right: 10px;
    font-size: 15px;
    height: 80px;
    vertical-align: middle;
    line-height: 4;
    background-color: rgb(231, 235, 247) !important;
    color: rgb(72, 78, 97) !important;
    border-radius: 8px !important;
    padding: 7px 20px !important;
    opacity: 1 !important;
    font-weight: 500 !important;
}

.tab_left .nav-tabs>li.active>a,
.tab_left .nav-tabs>li.active>a:hover,
.tab_left .nav-tabs>li>a:hover,
.tab_left .nav-tabs>li.active>a:focus {
    margin-right: 10px;
    font-size: 15px;
    height: 80px;
    vertical-align: middle;
    line-height: 4;
    background-color: rgb(73, 113, 231) !important;
    color: rgb(255, 255, 255) !important;
    border-radius: 8px !important;
    padding: 7px 20px !important;
    opacity: 1 !important;
    font-weight: 500 !important;
    border-bottom: none !important;
    transition: unset !important;
}

.Process_Edit_Button {
    background-color: rgb(231, 239, 252);
    font-size: 0px;
    width: 30px;
    aspect-ratio: 1 / 1;
    display: flex;
    border-radius: 100px;
    margin-right: 10px;
    background-image: url("../images/AU_ICons/Edit.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
}

.Process_Top_Right_Button_Col {
    position: absolute;
    width: fit-content;
    right: 0px;
    top: -3px;
    padding: 0px !important;
}

.Process_Edit_Button {
    background-color: rgb(231, 239, 252);
    font-size: 0px;
    min-width: 30px;
    aspect-ratio: 1 / 1;
    display: flex;
    border-radius: 100px;
    margin-right: 10px;
    background-image: url("../images/AU_ICons/Edit.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
    border: none;
}

.JobPosting_Label {
    position: relative;
    background-color: rgb(213, 222, 255);
    padding: 10px 25px 10px 45px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgb(148, 171, 255) 0px 0px 0px 1px;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.JobPosting_Label::after {
    position: absolute;
    content: "";
    background-color: white;
    left: 0px;
    top: 50%;
    transform: translate(10px, -50%);
    width: 29px;
    aspect-ratio: 1 / 1;
    border-radius: 100px;
    background-size: 17px;
    background-repeat: no-repeat;
}

.Aero::after {
    background-image: url("../images/AU_ICons/aeronautics.png");
    background-position: 6px 5px;
}

.Civil::after {
    background-image: url("../images/AU_ICons/engineering.png");
    background-position: center center;
}

.CSE::after {
    background-image: url("../images/AU_ICons/computer-science.png");
    background-position: center center;
}

.Mec::after {
    background-image: url("../images/AU_ICons/gear.png");
    background-position: center center;
}

.Credit::after {
    background-image: url("../images/AU_ICons/credibility.png");
    background-position: center center;
}

.Credit {
    margin-top: 10px;
    width: fit-content;
    display: flex;
}

.description {
    display: block;
}

.title_01 {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: rgb(49, 64, 103) !important;
}

.description {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: rgba(49, 64, 103, 0.6) !important;
}

.Confirm_Dialog_Modal .modal-content {
    box-shadow: rgba(118, 138, 157, 0.2) 0px 0px 4px 0px;
    margin: 0px 0px 20px;
    border-radius: 15px;
    background-color: white;
    position: relative;
}

.Confirm_Dialog_Modal .modal-content::after {
    content: "";
    position: absolute;
    top: 0%;
    left: 50%;
    background: rgb(255, 165, 0);
    width: 50%;
    height: 7px;
    border-radius: 0px 0px 10px 10px;
    transform: translate(-50%, 0%);
    box-shadow: rgb(255, 165, 0) 2px 0px 5px;
}

.grade_grid table tr td:nth-child(1) span {
    background-color: var(--main-Primary-color);
    border-radius: 6px;
    min-width: 40px;
    display: flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 6px 10px !important;
    color: rgb(255, 255, 255) !important;
}

#divCanvas .normal_grid table tr td span[title="Delete"] button,
#divCanvas .normal_grid table tr td span[title="Delete"] button:hover {
    background-image: url("../images/AU_ICons/delete.png") !Important;
    background-position: center center;
    background-repeat: no-repeat;
    margin: auto !important;
    font-size: 0px !important;
   
    min-width: unset !important;
    background-color: transparent !important;
    background-size: 13px !important;
    width: 20px !important;
    border: none !important;
    height: 20px !important;
    min-height: unset !important;
    border-radius: 0px !important;
}

.normal_grid table tr th[aria-label="Delete: activate to sort column ascending"],
.normal_grid table tr th[aria-label="Amenities: activate to sort column ascending"] {
    text-align: center;
    width: 140px !important;
}

.normal_grid table tr td span[title="Amenities"] button {
    background-image: url("../images/AppIcons/view.png");
    background-position: center center;
    background-repeat: no-repeat;
    margin: auto !important;
    font-size: 0px !important;
    padding: 0px !important;
    min-width: unset !important;
    background-color: transparent !important;
    background-size: 19px !important;
    width: 20px !important;
    border: none !important;
    height: 20px !important;
    min-height: unset !important;
    border-radius: 0px !important;
}

.e-datetime-wrapper,
.CalendarwithTime .e-datetime-wrapper {
    opacity: 1;
    font-weight: 500;
    height: 40px;
    border: 1px solid rgb(208, 213, 221) !important;
    background-color: rgb(255, 255, 255) !important;
    border-radius: 7px !important;
    color: rgb(100, 100, 100) !important;
}

.e-datetime-wrapper input,
.CalendarwithTime .e-datetime-wrapper input {
    height: 40px !important;
    max-height: 40px !important;
    padding: 0px !important;
}

.CalendarwithTime .e-datetime-wrapper:hover {
    border-color: unset !important;
}

.e-datetime-wrapper .e-input-group-icon.e-date-icon,
.e-datetime-wrapper .e-input-group-icon.e-time-icon {
    font-size: 16px;
    margin: 0px;
    min-height: 24px;
    min-width: 24px;
    outline: none;
}

.e-input-group input[type="text"]:focus {
    border: none !important;
}

.e-input-group {
    max-height: 40px !important;
    border-radius: 8px !important;
}

.Process_Edit_Button .modal {
    width: auto !important;
}

.form-group.form-group.form-group .form-group {
    margin-bottom: 0px !important;
}

.choice span {
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    position: relative;
    border: unset !important;
}

.normal_grid table tbody tr td span[title="Comments"] button {
    background-color: var(--main-Primary-color);
    color: var(--main-Primary-color);
    background-image: url("../images/AppIcons/chat.svg");
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    width: fit-content !important;
    padding: 0px !important;
    min-width: 100px !important;
    height: 30px !important;
    border-radius: 8px !important;
    background-size: 16px !important;
    text-align: center !important;
    margin: 0px auto !important;
}

.Student_CGPA_Modal,
.Student_CGPA_Modal:hover {
    position: absolute;
    top: 16px;
    border-radius: 10px;
    z-index: 1;
    width: 100%;
    height: 117px;
    background-color: transparent;
    border: none;
    font-size: 0px !important;
}

.studentgreypanel {
    padding: 0px 10px;
}

.CustomUploadReport .input-group-btn a .fa-times::before {
    background-color: white !important;
}

.input-xs {
    padding: 0px;
}

.radio .choice,
.radio-inline .choice {
    position: absolute;
    top: 1px;
    left: 0px;
    border: 2px solid var(--main-Primary-color) !important;
}

.choice span.checked::after {
    display: block;
    color: var(--main-Primary-color) !important;
}

.timeline_circle {
    height: 40px;
    width: 40px;
    background-color: rgb(45, 149, 240);
    border: 0px solid rgb(231, 239, 252);
    background-image: url("../images/AppIcons/flag.png");
    background-position: center center;
    background-size: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    border-radius: 100%;
}

.timeline_circle::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 35px;
    background-color: rgb(217, 222, 225);
    top: -41px;
    left: 30px;
    z-index: 0;
}

.timeline_circle::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 81px;
    background-color: rgb(217, 222, 225);
    top: 45px;
    left: 30px;
    z-index: 0;
}

.header_link {
    font-size: 16px;
    color: rgb(45, 149, 240);
    font-weight: 600;
}

.header_link:hover {
    text-decoration: underline;
}

.timeline_panel .col-md-1,
.timeline_panel .col-lg-1 {
    width: auto;
    float: left;
}

.timeline_outer {
    border: 1px solid rgba(217, 222, 225, 0.4);
    border-radius: 30px;
    margin-bottom: 20px;
    background-color: rgb(245, 246, 247);
}

.auto_scroll_description_timeline {
    height: 50px;
    overflow-y: scroll;
    -webkit-mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 17px, black 17px);
    -webkit-mask-size: 100% 20000px;
    -webkit-mask-position: left bottom;
    transition: mask-position 0.3s ease 0s, -webkit-mask-position 0.3s ease 0s;
    display: block;
    padding-right: 20px !important;
}

.auto_scroll_description_timeline:hover {
    -webkit-mask-position: left top;
}

.auto_scroll_description_timeline::-webkit-scrollbar {
    width: 10px;
}

.auto_scroll_description_timeline::-webkit-scrollbar-track {
    background-color: rgb(228, 228, 228);
    border-radius: 100px;
}

.auto_scroll_description_timeline::-webkit-scrollbar-thumb {
    background-color: rgb(212, 170, 112);
    border-radius: 100px;
}

.timeline_content {
    background-color: white;
    border-radius: 22px;
    padding: 12px 20px 12px 33px;
    border: 1px solid rgb(235, 238, 240);
}

.timeline_content::before {
    content: "";
    height: 28px;
    width: 3px;
    background-color: rgba(255, 188, 87, 0.79);
    position: absolute;
    left: 19px;
    top: 10px;
    border-radius: 10px;
}

.add_btn_block {
    background-image: url("../images/AppIcons/add_cal.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 2px dashed rgb(165, 180, 203);
    background-color: transparent;
    box-shadow: none;
    font-size: 0px;
    display: inline-block;
    border-radius: 8px;
    position: relative;
    top: 3px;
    padding: 20px;
    height: 35px !important;
    width: 100% !important;
}

.add_btn_block:hover {
    background-color: rgb(246, 247, 249);
}

.form-group .controls .form-control.input-xs {
    padding: 5px 10px;
}

.form-group .checker span.checked {
    background-color: var(--main-Primary-color) !important;
}

.form-group .checker span {
    border: 2px solid var(--main-Primary-color) !important;
    border-radius: 8px !important;
}

.e-multiselect {
    display: flex;
    align-items: center;
    height: unset !important;
    max-height: unset !important;
}

.e-multi-select-wrapper .e-searcher {
    margin: 0px 5px 1px !important;
}

.e-multi-select-wrapper .e-searcher input {
    display: flex;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 4px !important;
    border: 1px solid rgba(0, 0, 0, 0.14) !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    background: rgb(255, 255, 255) !important;
    padding: 0px 5px !important;
    height: 39px !important;
    width: fit-content !important;
    margin: 0px !important;
}

.form-group .controls .e-multiselect {
    border: none !important;
}

.form-group .controls .e-multiselect:hover {
    box-shadow: unset !important;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td .form-group .input-group span {
    font-weight: 500;
    font-size: 13px !important;
    color: rgb(86, 86, 86) !important;
}

.form-group .input-xs span {
    color: rgb(53, 75, 86);
    font-size: 14px;
    font-weight: 700 !important;
    text-shadow: unset !important;
}

.Document_Grid table thead tr th:nth-child(2)::after {
    position: absolute;
    content: "*";
    top: 10px;
    right: 0px;
    color: red;
    font-weight: 700 !important;
    font-size: 14px !important;
}

.Document_Grid table thead tr th:nth-child(2) {
    width: fit-content;
    display: flex;
}

.RepeaterNodata {
    background-image: url("../images/AppIcons/nodata_found.png");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center 15px;
    height: 200px;
    padding-top: 144px;
    text-align: center;
    font-weight: 500;
    color: orange;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}

.btn.icon::after {
    background-image: none !important;
}

.btn.icon {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px;
    transition: all 0.3s ease 0s;
    overflow: hidden;
    width: 100%;
    height: 29px !important;
    line-height: 17px !important;
    border-radius: 25px !important;
    padding: 4px 16px !important;
    border: none !important;
    position: relative !important;
    margin: 5px 0px !important;
    display: block !important;
}

.btn-success {
    background: rgb(76, 175, 80) !important;
}

.btn-success.icon::after {
    position: absolute;
    font-size: 14px;
    transform: translate(-50%, -50%);
    content: "Save" !important;
    color: white !important;
    font-weight: 500 !important;
    top: 50% !important;
    left: 50% !important;
    height: 19px !important;
    width: 100% !important;
}

.btn-warning.icon {
    background: rgb(255, 87, 34) !important;
}

.btn-warning.icon::after {
    position: absolute;
    font-size: 14px;
    transform: translate(-50%, -50%);
    content: "Cancel" !important;
    color: white !important;
    font-weight: 500 !important;
    top: 50% !important;
    left: 50% !important;
    height: 19px !important;
    width: 100% !important;
}

.btn.btn-info {
    background: rgb(32, 106, 159);
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px;
    transition: all 0.3s ease 0s;
    height: 29px !important;
    line-height: 17px !important;
    border-radius: 25px;
    padding: 4px 16px !important;
    border: none !important;
}

@-webkit-keyframes bounceRight {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateX(0px);
    }

    40% {
        transform: translateX(-30px);
    }

    60% {
        transform: translateX(-15px);
    }
}

@keyframes bounceRight {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateX(0px);
    }

    40% {
        transform: translateX(-15px);
    }

    60% {
        transform: translateX(-7px);
    }
}

.Configuration_Pill_Panel:hover .panel-body h6::after {
    animation: 2s ease 0s infinite normal none running bounceRight;
    top: 5px;
}

.form-group .input-group-btn a,
.form-group .input-group-btn a:last-child {
    opacity: 1;
    border: 1px solid rgba(169, 169, 169, 0.46) !important;
    background-color: rgb(255, 255, 255) !important;
    border-radius: 8px !important;
    color: rgb(88, 48, 53) !important;
}

.form-group .input-group-btn a:first-child {
    margin-left: 4px !important;
}

.form-group .input-group-btn a i.fa::before {
    transform: translate(-50%, -50%);
    line-height: 15px;
    background-size: 16px !important;
    top: 50% !important;
    left: 50% !important;
    right: unset !important;
    bottom: unset !important;
    width: 16px !important;
    height: 16px !important;
    font-size: 17px !important;
}

#divCanvas .table-widget .table-widget-content table tfoot tr th .input-group {
    display: inline-table;
    max-height: 40px !important;
    border-collapse: unset !important;
    box-sizing: unset !important;
}

#divCanvas .table-widget .table-widget-content table tfoot tr th .input-group .input-group-btn button {
    width: 40px;
    border-radius: 8px 0px 0px 8px;
    background: white !important;
}

#divCanvas .table-widget .table-widget-content table tfoot tr th .input-group input {
    border-radius: 0px 8px 8px 0px;
    padding-left: 0px;
}

#divCanvas .table-widget .table-widget-content table tfoot tr th .input-group .input-group-btn button span::before {
    color: var(--main-Primary-color);
    font-weight: 600;
    opacity: 0.8;
    font-size: 14px;
}

.heading-elements>ul>li>a:hover {
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px 0px;
}

.Personal_Name_Col {
    background-image: url("../images/AU_ICons/Info_name.svg");
    width: 100%;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 30px;
}

.Personal_Name {
    background: rgb(255, 255, 255);
    border-left: 5px solid rgb(255, 165, 0);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px;
    border-radius: 8px;
    min-height: 40px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    margin-left: 20px;
    font-size: 16px;
    font-weight: 600 !important;
}

.Personal_Name_Placeholder {
    position: absolute;
    display: none;
}

.Personal_Name_Col:hover .Personal_Name_Placeholder {
    display: block;
    bottom: -26px;
    z-index: 1;
    left: 0px;
}

.Personal_Name_Placeholder h6 {
    background: var(--main-Primary-color);
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 7px 10px;
    gap: 48px;
    height: 30px;
    color: white;
    font-size: 12px;
    line-height: 16px;
    opacity: 1;
    font-weight: 600 !important;
}

.academic_btn:hover {
    background-color: rgba(33, 60, 157, 0.11) !important;
}

.st_widget_01 {
    border-radius: 30px;
    background-color: rgb(250, 242, 246);
    background-image: url("../images/curvebg_04.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto;
    margin-bottom: 20px;
    border: 0px !important;
}

.st_widget_01 .panel-body {
    padding: 10px !important;
}

.st_widget_01 span {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: -15px;
    color: rgb(93, 93, 93) !important;
}

.st_widget_02 {
    border-radius: 30px;
    background-color: rgb(249, 236, 228);
    background-image: url("../images/curvebg_04.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto;
    margin-bottom: 20px;
    border: 0px !important;
}

.st_widget_02 .panel-body {
    padding: 10px !important;
}

.st_widget_02 span {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: -15px;
    color: rgb(93, 93, 93) !important;
}

.st_widget_03 {
    border-radius: 30px;
    background-color: rgb(231, 246, 248);
    background-image: url("../images/curvebg_04.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto;
    margin-bottom: 20px;
    border: 0px !important;
}

.st_widget_03 .panel-body {
    padding: 10px !important;
}

.st_widget_03 span {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: -15px;
    color: rgb(93, 93, 93) !important;
}

.st_widget_04 {
    border-radius: 30px;
    background-color: rgb(221, 241, 239);
    background-image: url("../images/curvebg_04.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto;
    margin-bottom: 20px;
    border: 0px !important;
}

.st_widget_04 .panel-body {
    padding: 10px !important;
}

.st_widget_04 span {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: -15px;
    color: rgb(93, 93, 93) !important;
}

.st_widget_05 {
    border-radius: 30px;
    background-color: rgb(245, 245, 253);
    background-image: url("../images/curvebg_04.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto;
    margin-bottom: 20px;
    border: 0px !important;
}

.st_widget_05 .panel-body {
    padding: 10px !important;
}

.st_widget_05 span {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: -15px;
    color: rgb(93, 93, 93) !important;
}

.st_widget_06 {
    border-radius: 30px;
    background-color: rgb(15, 133, 121);
    background-image: url("../images/curvebg_04.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto;
    margin-bottom: 20px;
    border: 0px !important;
}

.st_widget_06 .panel-body {
    padding: 10px !important;
}

.st_widget_06 span {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: -15px;
    color: rgb(252, 221, 128) !important;
}

.st_widget_06 .form-group label {
    color: rgb(255, 255, 255) !important;
}

.st_widget_01 .form-group label,
.st_widget_02 .form-group label,
.st_widget_03 .form-group label,
.st_widget_04 .form-group label,
.st_widget_05 .form-group label,
.st_widget_06 .form-group label {
    min-height: 47px;
    display: flex;
    padding: 0px !important;
    align-items: center;
}

.st_widget_01 .form-group,
.st_widget_02 .form-group,
.st_widget_03 .form-group,
.st_widget_04 .form-group,
.st_widget_05 .form-group,
.st_widget_06 .form-group {
    padding-left: 10px;
}

.circle_div {
    height: 70px;
    width: 70px;
    background-color: white;
    text-align: center;
    vertical-align: middle;
}

.demand_amt {
    background-image: url("../images/Process_images/demand_amt.svg");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 70px;
    width: 70px;
    border-radius: 100%;
    background-color: white;
}

.excess_amt {
    background-image: url("../images/Process_images/excess_amt.svg");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 70px;
    width: 70px;
    border-radius: 100%;
    background-color: white;
}

.balance_amt {
    background-image: url("../images/Process_images/balance_amt.svg");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 70px;
    width: 70px;
    border-radius: 100%;
    background-color: white;
}

.exemption_amt {
    background-image: url("../images/Process_images/exemption_amt.svg");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 70px;
    width: 70px;
    border-radius: 100%;
    background-color: white;
}

.paid_amt {
    background-image: url("../images/Process_images/paid_amt.svg");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 70px;
    width: 70px;
    border-radius: 100%;
    background-color: white;
}

.total_amt {
    background-image: url("../images/Process_images/total_amt.svg");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 70px;
    width: 70px;
    border-radius: 100%;
    background-color: white;
}

.content-group-sm {
    margin-left: 20px;
    margin-right: 10px;
}

.active_lbl {
    font-size: 16px;
    font-weight: bold;
}

.button_large {
    border-radius: 15px;
    background-color: rgba(43, 33, 80, 0.46);
    background-image: url("../images/curvebg_04.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 14%;
    margin-bottom: 20px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    width: 100%;
    display: inline-block;
    height: 90px;
    text-align: center;
    vertical-align: middle;
    padding-top: 29px;
    font-size: 18px;
    color: rgb(255, 255, 255);
    font-weight: normal;
    border: 2px solid rgb(255, 255, 255) !important;
}

.progress-bar-info {
    background-color: rgb(255, 132, 65) !important;
    border-radius: 33px !important;
}

.progress-xs {
    height: 10px;
    border-radius: 33px !important;
}

.IITH_Modal_Dialog .modal-body {
    margin: 0px auto;
}

@media only screen and (max-width: 2000px) {
    .FacultyGrid .table-widget .table-widget-content tbody tr {
        position: relative;
    }

    .FacultyGrid .table-widget .table-widget-content tbody tr td:nth-child(6) {
        margin-top: 58px;
    }
}

.grid_col_1 .table .thead tr th:nth-child(1) {
    min-width: 350px !important;
}

.grid_col_4 .table .thead tr th:nth-child(4) {
    min-width: 350px !important;
}

.normal_grid .table-widget .table-widget-content table tbody tr td:first-child {
    width: 25%;
}

.normal_grid .table-widget .table-widget-content table tbody tr td:nth-child(4) {
    width: 25%;
}

.normal_grid .table-widget .table-widget-content table tbody tr td:nth-child(2) {
    width: 15%;
}

.normal_grid .table-widget .table-widget-content table tbody tr td:nth-child(6) {
    max-width: 83px !important;
}

.normal_grid .table-widget .table-widget-content table tbody tr td:nth-child(5) {
    max-width: 80px !important;
}

.CustomIsapcePage {
    /* background-color:rgb(249 250 254) !important; */
    background-color: #F0F1F7 !important;
}

.Faculty_Landing {
    background-image: linear-gradient(360deg, rgb(21, 55, 138), rgb(35, 87, 191));
    padding: 0px !important;
}

.Faculty_Heading_Panel {
    background-image: url("../images/AU_ICons/facultyheadbg.png");
    /* background-image: url(../images/AU_ICons/facultyheadbg.png); */
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 40px;
    background-color: #6e0f74;
    border-radius: 20px 20px 0 0;
}

.Faculty_Heading_Panel .user_icon {
    min-width: 85px;
    min-height: 85px;
    background-image: url("../images/AU_ICons/facultyimg.png");
    background-repeat: no-repeat;
    background-size: 73px;
    background-position: center center;
    border: 3px solid white;
    border-radius: 100px;
    background-color: transparent;
    max-width: 85px;
}

.Faculty_Heading_Panel .Faculty_Info {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.Faculty_Info .col-md-12 .form-group,
.Faculty_Info .col-lg-12 .form-group {
    margin-bottom: 0px !important;
}

.Faculy_Name {
    font-size: 18px;
    color: white;
    font-weight: 500;
    line-height: 30px !important;
}

.Faculty_Dep {
    font-size: 14px;
    color: white !important;
    font-weight: 400;
    line-height: 30px !important;
}

.Faculty_ID {
    font-weight: 400;
    background-color: #ffffff54;
    padding: 5px 10px !important;
    background-image: none;
    color: #fff !important;
    max-width: 110px;
    display: flex;
    min-width: 80px;
    font-size: 14px;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin: 5px 0px;
    border-radius: 8px !important;
}

.Faculty_Des {
    color: rgb(179, 233, 255);
    font-weight: 400;
    font-size: 16px;
    line-height: 30px !important;
}

.Transparent_Button,
.Transparent_Button:hover {
    background-image: linear-gradient(to right, rgba(13, 34, 56, 0.125), rgba(78, 46, 16, 0.125));
    width: 100%;
    display: flex;
    min-height: 84px;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    padding-left: 0px;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.Adddrop,
.Adddrop:hover {
    background-image: linear-gradient(to right, rgba(13, 34, 56, 0.125), rgba(78, 46, 16, 0.125)), url("../images/AU_ICons/adddrop.png");
    background-repeat: no-repeat;
    background-position: center center, 30px center;
    background-size: 100%, 26px;
}

.Transparent_Button:hover,
.Process_Panel:hover,
.Values_Panel:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 3px;
}

.Preregistration,
.Preregistration:hover {
    background-image: linear-gradient(to right, rgba(19, 69, 120, 0.7), rgba(78, 46, 16, 0.62)), url("../images/AU_ICons/preregistration.png");
    background-repeat: no-repeat;
    background-position: center center, 30px center;
    background-size: 100%, 26px;
}

.Faculty_Contents_Panel {
    background: rgb(249, 250, 254);
    border-radius: 30px 30px 0px 0px;
}

.Faculty_Contents_Panel .panel-body {
    bottom: 60px;
}

.Faculty_Contents_Panel .panel-body .panel-body {
    bottom: 0px !important;
}

.Students_Panel {
    background: rgb(243, 239, 180) !important;
}

.Interns_Panel {
    background: rgb(203, 185, 239) !important;
}

.Purchase_Panel {
    background: rgb(189, 210, 189) !important;
}

.Service_Panel {
    background: rgb(143, 214, 238) !important;
}

.Projects_Panel {
    background: rgb(245, 196, 205) !important;
}

.Faculty_Contents_Panel_Button {
    background: white;
    min-height: 190px;
    border-radius: 30px;
    margin-bottom: 20px;
}

.Faculty_Contents_Panel_Button .panel-body {
    padding: 0px;
}

.Faculty_Tab_Btn {
    position: absolute;
    width: 100%;
}

.Faculty_Tab_Btn .col-lg-12,
.Faculty_Tab_Btn .col-md-12 {
    padding: 0px;
}

.Faculty_Tab_Btn a,
.Faculty_Tab_Btn a:hover {
    min-height: 190px;
    border-radius: 30px;
    width: 100%;
    color: transparent;
    background: transparent;
    padding: 0px;
    border: none;
    font-size: 0px;
    position: relative;
    top: -15px;
}

.Icon_Space {
    width: 77px;
    aspect-ratio: 1 / 1;
    background-color: rgba(0, 0, 0, 0.063);
    display: block;
    border-radius: 100px;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center center;
}

.Profile {
    background-image: url("../images/AU_ICons/myprofile.png");
}

.Students {
    background-image: url("../images/AU_ICons/mystudents.png");
}

.Interns {
    background-image: url("../images/AU_ICons/myinterns.png");
}

.Purchase {
    background-image: url("../images/AU_ICons/mypurchase.png");
}

.Service {
    background-image: url("../images/AU_ICons/selfserviceportal.png");
}

.Porjects {
    background-image: url("../images/AU_ICons/myprojects.png");
}

.Faculty_Contents_Panel_Button .panel-body .contents_column {
    min-height: 190px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px;
}

.Faculty_Contents_Panel_Button .panel-body .contents_column h6 {
    font-size: 16px;
    color: rgba(13, 34, 56, 0.79);
    font-weight: 500 !important;
}

.Faculty_Contents_Panel_Button .panel-body .contents_column h1 {
    font-size: 16px;
    color: rgb(13, 34, 56);
    background-image: url("../images/AU_ICons/rightarrow.png");
    background-repeat: no-repeat;
    background-size: 7px;
    background-position: right center;
    font-weight: 600 !important;
}

.FacultyGrid table {
    padding: 0px !important;
}

.FacultyGrid table tbody {
    border: none;
    width: 100%;
    border-spacing: 0px 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.FacultyGrid table tbody tr {
    border: none;
    width: 24%;
    border-radius: 30px;
    float: left;
    padding: 30px 20px 30px 15px;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 80px;
    margin: 10px 0px;
}

.FacultyGrid table tbody tr:hover,
.pending_grid:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.FacultyGrid table tbody tr td {
    width: 100%;
    float: left;
    display: flex;
    margin: 15px 0px;
    align-items: center;
    border: none !important;
    height: unset !important;
}

.FacultyGrid table tbody tr td:nth-child(4),
.FacultyGrid table tbody tr td:nth-child(5) {
    width: 44%;
    float: left;
    display: inline-flex;
    flex-direction: row;
}

.FacultyGrid table tbody tr td:nth-child(1) span {
    position: relative;
    color: rgb(56, 107, 232) !important;
}

.FacultyGrid table tbody tr td:nth-child(1) span::before {
    content: "Course Number";
}

.FacultyGrid table tbody tr td:nth-child(2) span {
    position: relative;
}

.FacultyGrid table tbody tr td:nth-child(2) span::before {
    content: "Title";
}

.FacultyGrid table tbody tr td:nth-child(3) span {
    position: relative;
}

.FacultyGrid table tbody tr td:nth-child(3) span::before {
    content: "Class Room";
}

.FacultyGrid table tbody tr td:nth-child(4) span {
    position: relative;
    background: url("../images/AU_ICons/credit.png") 10px center / 14px no-repeat rgba(15, 166, 30, 0.1);
    border-radius: 100px;
    display: inline-block;
    padding: 8px 15px 7px 100px !important;
}

.FacultyGrid table tbody tr td:nth-child(4) span::before {
    content: "Credit";
    top: 7px;
    left: 33px;
}

.FacultyGrid table tbody tr td:nth-child(5) span {
    position: relative;
    background: url("../images/AU_ICons/mystudents.png") 10px center / 14px no-repeat rgba(93, 88, 89, 0.1);
    border-radius: 100px;
    display: inline-block;
    padding: 8px 15px 7px 110px !important;
}

.FacultyGrid table tbody tr td:nth-child(5) span::before {
    content: "Students";
    top: 7px;
    left: 33px;
}

.FacultyGrid table tbody tr.odd {
    background-color: rgba(93, 88, 89, 0.05) !important;
}

.FacultyGrid table tbody tr.even {
    background-color: rgba(31, 76, 134, 0.05) !important;
}

.FacultyGrid table tbody tr td span {
    color: rgb(13, 34, 56) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.FacultyGrid table tbody tr td span::before {
    top: -20px;
    min-width: 130px;
    opacity: 0.6;
    position: absolute;
    color: rgb(13, 34, 56) !important;
    font-weight: 400 !important;
}

.FacultyGrid table tbody tr td:nth-child(4) span::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 39px;
    background: rgba(0, 0, 0, 0.063);
    right: 32px;
    top: 0px;
}

.FacultyGrid table tbody tr td:nth-child(5) span::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 39px;
    background: rgba(0, 0, 0, 0.063);
    right: 39px;
    top: 0px;
}

.Assesment_Panel {
    margin: 0px 0px 20px;
}

.Assesment_Panel .panel-body {
    background-color: rgb(225, 233, 250);
    border-radius: 30px;
}

.Assesment_Panel .panel-body .col-lg-2:nth-child(6),
.Assesment_Panel .panel-body .col-md-2:nth-child(6) {
    border-right: none;
}

.Assesment_Panel .panel-body .col-lg-2,
.Assesment_Panel .panel-body .col-md-2 {
    border-right: 2px solid rgba(15, 69, 126, 0.05);
}

.Line_Buttons {
    min-height: 117px;
    position: relative;
    border-radius: 30px !important;
}

.Line_Buttons:hover {
    background-image: linear-gradient(to right, rgba(127, 85, 128, 0.1), rgba(98, 46, 100, 0.1));
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.Line_Buttons .panel-body {
    padding: 0px;
    background: transparent;
    border-radius: 0px;
}

.Assest_Icon {
    min-width: 57px;
    min-height: 57px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background: rgb(255, 255, 255);
    display: block;
    border-radius: 100px;
}

.Attendance {
    background-image: url("../images/AU_ICons/attendance.png");
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center center;
}

.assesment {
    background-image: url("../images/AU_ICons/assesment.png");
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center center;
}

.Rex {
    background-image: url("../images/AU_ICons/Rex.png");
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: center center;
}

.Upload {
    background-image: url("../images/AU_ICons/Upload.png");
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: center center;
}

.Correction {
    background-image: url("../images/AU_ICons/Correction.png");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center center;
}

.Outcome {
    background-image: url("../images/AU_ICons/Outcome.png");
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: center center;
}

.Line_Buttons_Content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 117px !important;
    padding: 15px !important;
}

.Line_Buttons_Content h3 {
    color: rgb(13, 34, 56);
    font-size: 16px;
    background-image: url("../images/AU_ICons/next.png");
    background-repeat: no-repeat;
    background-size: 7px;
    background-position: right center;
    padding-right: 10px;
}

.Line_Buttons_Button {
    min-height: 117px;
    position: absolute;
    top: 0px;
    width: 100%;
    border-radius: 30px;
    display: block;
}

.Line_Buttons_Button .col-lg-12,
.Line_Buttons_Button .col-md-12,
.Line_Buttons_Button .col-sm-12,
.Course_Button .col-lg-12,
.Course_Button .col-md-12,
.Course_Button .col-sm-12 {
    padding: 0px;
}

.Line_Buttons_Button a,
.Line_Buttons_Button a:hover {
    border-radius: 30px;
    width: 100%;
    display: inline-block;
    min-height: 117px;
    font-size: 0px;
}

.Assesment_Panel .panel-heading,
.Course_Panel .panel-heading {
    padding-left: 0px !important;
}

.Course_Panel .Process_Panel {
    min-height: 357px;
}

.Course_Panel .Process_Panel .panel-body {
    padding: 0px !important;
}

.Course_Panel .Process_Panel .panel-body h3 {
    min-height: 90px;
    display: flex;
    align-items: center;
    background-image: url("../images/AU_ICons/nextfill.png");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: calc(100% - 20px) center;
    padding: 20px;
}

.Process_Panel:hover .CourseImg,
.Process_Panel:hover .NewCourseImg,
.Process_Panel:hover .PreReqImg {
    background-size: 110%;
    transition: all 0.5s ease 0s;
}

.Course_Panel .Process_Panel .CourseImg {
    background-image: url("../images/AU_ICons/Course.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 258px;
    width: 100%;
    display: flex;
    border-radius: 30px 30px 0px 0px;
    border: 5px solid rgb(255, 255, 255);
}

.Course_Panel .Process_Panel .NewCourseImg {
    background-image: url("../images/AU_ICons/newcourse.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 258px;
    width: 100%;
    display: block;
    border-radius: 30px 30px 0px 0px;
    border: 5px solid rgb(255, 255, 255);
}

.Course_Panel .Process_Panel .PreReqImg {
    background-image: url("../images/AU_ICons/prereq.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 258px;
    width: 100%;
    display: block;
    border-radius: 30px 30px 0px 0px;
    border: 5px solid rgb(255, 255, 255);
}

.Course_Button {
    height: 357px;
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    border-radius: 30px;
}

.Course_Button a,
.Course_Button a:hover {
    width: 100%;
    border-radius: 30px;
    height: 357px;
    font-size: 0px;
    padding: 0px;
    background: transparent;
    box-shadow: none;
}

.Course_Button .form-group span {
    border-radius: 0px;
    border: none !important;
}

@media only screen and (min-device-width: 350px) and (max-device-width: 1024px) {
    .FacultyGrid table tbody tr {
        width: 100%;
    }
}

.Faculty_Tab_Btn a:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.Profile_Panel {
    background: rgb(208, 230, 234) !important;
}

.Assesment_Panel .panel-heading h6,
.Course_Panel .panel-heading h6 {
    color: rgb(13, 34, 56);
    font-size: 22px;
    font-weight: 400 !important;
}

.Process_Panel_withleftborder .download_display_none .form-group .input-group-btn a[title="Clear"] {
    display: none !important;
}

.Process_Panel_withleftborderImage {
    background-image: url("../images/AU_ICons/image007.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: block;
    border-radius: 30px;
    min-height: 400px !important;
}

.Process_Panel_withleftborder .panel-footer {
    display: flex;
    justify-content: flex-end;
    border-radius: 0px 0px 30px 30px;
    background: transparent;
    padding: 5px 0px 0px !important;
}

.Process_Panel_withleftborder .panel-heading {
    position: relative;
    padding: 24px 20px;
}

.Process_Panel_withleftborder .panel-body .form-group label {
    color: rgb(53, 75, 86);
    font-weight: 300;
    font-size: 14px !important;
    margin: 0px !important;
}

.Process_Panel_withleftborder .panel-body .form-group .controls span {
    color: rgb(53, 75, 86);
    font-weight: 600;
    font-size: 14px;
}

.Process_Panel_withleftborder .panel-heading::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 24px;
    background: orange;
    left: 0px;
    border-radius: 0px 30px 30px 0px;
    top: 12px;
}

.Process_Panel_withleftborder .panel-heading h6 {
    color: rgb(49, 64, 103);
    font-size: 16px;
    padding-left: 30px;
    background-image: url("../images/AU_ICons/left_heading.png");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0px 5px;
    border-bottom: 2px solid rgb(231, 239, 252);
    padding-bottom: 10px;
    font-weight: 600 !important;
}

.Process_Panel .download_display_none .form-group .input-group-btn a[title="Clear"] {
    display: none !important;
}

.Process_Panel_with_Image {
    background-image: url("../images/AU_ICons/image007.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: block;
    border-radius: 30px;
    min-height: 400px !important;
}

.Process_Panel {
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 5px 0px, rgb(0 0 0 / 10%) 0px 0px 1px 0px !important;
    margin: 0px 0px 20px;
    border-radius: 15px;
    background-color: white;
    border: 1px solid #00000010;
    margin: 10px 0px;
    box-shadow: none !important;
}

.Process_Panel .panel-footer {
    display: flex;
    justify-content: flex-end;
    border-radius: 0px 0px 30px 30px;
    background: transparent;
    padding: 5px 0px 0px !important;
}

.Process_Panel .panel-heading {
    position: relative;
    min-height: 46px;
    padding: 10px 10px 0px !important;
    background: white !important;
    border-radius: 10px 10px 0 0 !important;
}

.Process_Panel .panel-body {
    padding: 10px 10px 20px;
}

.Process_Panel .panel-body .form-group .controls span {
    color: rgb(53, 75, 86);
    font-weight: 500;
    font-size: 14px;
    text-shadow: unset !important;
}

.Process_Panel .panel-heading::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 24px;
    background: #4e0d7e;
    left: 0px;
    border-radius: 0px 30px 30px 0px;
    box-shadow: rgb(86 18 136) 2px 0px 5px;
    transform: translate(0px, -50%);
    top: 50%;
}

.Process_Panel .panel-heading h6 {
    color: rgb(49, 64, 103) !important;
    font-size: 16px !important;
    padding-left: 30px;
    background-image: url("../images/AU_ICons/left_heading.png") !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    background-position: 0px 5px !important;
    border-bottom: 2px solid rgb(246 231 252);
    padding-bottom: 10px;
    font-weight: 600 !important;
}

.Process_Panel .download_display_none .form-group .input-group-btn a[title="Clear"] {
    display: none !important;
}

.Program {
    color: rgb(53, 75, 86);
    font-size: 25px !important;
    font-weight: 500 !important;
}

.Date {
    background-image: url("../images/AU_ICons/calendar.png");
    background-repeat: no-repeat;
    color: rgb(253, 117, 95) !important;
    font-size: 13px;
}

.Dark_Button {
    align-items: center;
    justify-content: center !important;
    margin: 0px 0px 10px 0px;
    font-weight: 600;
    font-size: 14px;
    background-image: linear-gradient(to right, rgb(165 93 217), #552593) !important;
    width: 100% !important;
    border: 0px !important;
    display: flex !important;
    min-height: 38px !important;
    border-radius: 10px !important;
    color: white !important;
}

.remove-heading-elements .panel_heading_elements,
.remove-panel-heading .panel-heading,
.remove-panel-footer .datatable-footer {
    display: none !important;
}

.common_panel_1 {
    background: linear-gradient(120deg, rgb(213, 242, 235), rgb(219, 238, 250) 50%, rgb(238, 247, 254)) !important;
    border-radius: 30px !important;
    border: 2px solid rgb(255, 255, 255) !important;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px !important;
}

.WorkflowGrid {
    background: transparent !important;
}

.WorkflowGrid .panel-heading {
    border-bottom: 2px solid rgb(231, 239, 252);
    padding: 0px !important;
}

.WorkflowGrid .panel-heading h6 {
    border-bottom: none;
    color: rgb(53, 75, 86);
    padding-bottom: 10px;
    background-image: none;
    padding-left: 0px;
}

.WorkflowGrid table {
    padding: 0px !important;
}

.WorkflowGrid table tr {
    border-bottom: 2px solid rgb(246, 243, 226);
    display: block;
    padding: 20px 0px;
    min-height: 102px;
    position: relative;
    background: transparent !important;
}

.WorkflowGrid table tr td {
    position: relative;
    border: none !important;
}

.WorkflowGrid table tr td:first-child span {
    width: 60px;
    aspect-ratio: 1 / 1;
    display: flex;
    background-color: rgb(246, 243, 226);
    border-radius: 1000px;
    align-items: center;
    justify-content: center;
}

.WorkflowGrid table tr:last-child {
    border: none !important;
}

.WorkflowGrid .datatable-footer,
.WorkflowGrid thead,
.WorkflowGrid .panel-heading .heading-elements,
.WorkflowGrid .search_part {
    display: none !important;
}

.WorkflowGrid table tr td:first-child::before {
    content: "";
    width: 2px;
    height: 100px;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.WorkflowGrid table tr:last-child td::before {
    display: none;
    content: unset;
}

.WorkflowGrid table tr:first-child td:first-child span {
    background-color: rgb(197, 240, 197);
}

.WorkflowGrid table tr:last-child td:first-child span {
    background-color: rgb(245, 196, 205);
}

.WorkflowGrid table tr td:first-child {
    width: 70px;
    padding: 0px !important;
}

.WorkflowGrid table tr td:nth-child(2) {
    width: 80px;
    border-right: 2px solid rgba(0, 0, 0, 0.1) !important;
    padding-right: 10px !important;
}

.WorkflowGrid table tr td:nth-child(3) {
    display: none;
}

.WorkflowGrid table tr td:nth-child(4) {
    width: 100%;
    position: relative;
    bottom: 20px;
}

.WorkflowGrid table tr td:nth-child(5) {
    width: 150px;
    position: absolute;
    top: 80px;
    left: 340px;
    transform: translate(-50%, -50%);
    padding: 0px !important;
}

.WorkflowGrid table tr td:nth-child(6) {
    position: absolute;
    top: 70px;
    left: 234px;
    transform: translate(-50%, -50%);
    height: unset !important;
}

.WorkflowGrid table tr td:nth-child(6) .input-group {
    background: transparent;
    line-height: unset;
    height: unset !important;
    font-size: 12px !important;
}

#divCanvas .BgGrid .WorkflowGrid table tr td:nth-child(6) .input-group span {
    background-image: url(../images/AU_ICons/calendar.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: left center;
    padding-left: 25px !important;
    color: rgb(53, 75, 86) !important;
    font-size: 12px !important;
}

.WorkflowGrid table tr td:nth-child(5) span {
    background: rgb(241, 241, 241);
    padding: 5px 30px;
    border-radius: 30px;
    font-size: 12px !important;
    color: rgb(53, 75, 86) !important;
    font-weight: 500 !important;
}

.WorkflowGrid .table-widget-content {
    overflow: hidden !important;
}

.WorkflowGrid .panel-heading::before {
    content: unset;
}

.HoverPanelButtons_Icon {
    background-image: url("../images/AU_ICons/threedots.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: right center;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(-12px, -50%);
    width: 28px;
    z-index: 1;
    height: 48px;
}

.HoverPanelButtons {
    top: 35px;
    background: white;
    right: 170px;
    border-radius: 20px;
    z-index: 1;
    box-shadow: rgba(118, 138, 157, 0.2) 0px 0px 4px 2px;
    display: none;
    height: auto;
    width: 200px !important;
    padding: 0px !important;
}

.HoverPanelButtons_Icon:hover .HoverPanelButtons {
    display: block;
}

.HoverPanelButtons .col-lg-12,
.HoverPanelButtons .col-md-12 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.16) !important;
}

.HoverPanelButtons .col-lg-12:last-child,
.HoverPanelButtons .col-md-12:last-child {
    border-bottom: none !important;
}

.HoverPanelButtons .col-lg-12,
.HoverPanelButtons .col-md-12 {
    padding: 0px;
}

.HoverPanelButtons .form-group {
    padding: 0px;
    margin: 0px !important;
}

.HoverPanelButtons a {
    background: none;
    line-height: 29px;
    min-height: 50px;
    top: 3px;
    position: relative;
    border-radius: 30px 30px 0px 0px !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    color: rgb(0, 0, 0) !important;
    text-align: left !important;
    padding-left: 20px !important;
    border: none !important;
}

.HoverPanelButtons a:hover {
    transition: all 0.5s ease 0s;
    box-shadow: unset !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    padding-left: 25px !important;
}

.breadcrumb_part {
    margin: 15px 0px 10px;
}

.Conservation_Panel .panel-heading h6 {
    color: rgb(49, 64, 103);
    font-size: 16px;
    padding-left: 30px;
    background-image: url("../images/AU_ICons/conversation.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0px 5px;
    font-weight: 600 !important;
}

.Pending_panel .panel-heading h6 {
    color: rgb(49, 64, 103);
    font-size: 16px;
    padding-left: 30px;
    background-image: url("../images/AU_ICons/pending.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0px 5px;
    font-weight: 600 !important;
}

.Institute {
    background-color: rgb(249 241 255);
    background-image: none !important;
}

.Institute .panel-heading h6 {
    color: rgb(49, 64, 103);
    font-size: 16px;
    padding-left: 30px;
    background-image: url("../images/AU_ICons/setup.png");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 0px 5px;
    font-weight: 600 !important;
}

.pending_grid,
.pending_grid:hover {
    position: relative;
    border: none !important;
    border-radius: 30px !important;
    opacity: 1 !important;
    background: rgb(237, 242, 251) !important;
}

.Pending_Grid_Icon {
    background-image: url("../images/AU_ICons/Program_Note.svg");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center center;
    width: 44px;
    aspect-ratio: 1 / 1;
    display: block;
    background-color: white;
    border-radius: 100px;
}

.Pending_Values .form-group {
    margin: 5px 0px !important;
}

.Pending_Values .form-group .controls span,
.Pending_Values .Date span {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: rgb(53, 75, 86);
}

.Pending_Values .Admin {
    width: fit-content;
    border: 1px solid rgba(56, 107, 232, 0.7);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 10px 10px 40px;
    gap: 7px;
    min-height: 27px;
    min-width: 101px;
    background-image: url("../images/AU_ICons/admin.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 15px 10px;
    float: right;
    border-radius: 140px !important;
}

.Pending_Btn {
    position: absolute;
    min-height: 175px;
    width: 100%;
    top: 0px;
    left: 0px;
    border-radius: 30px;
}

.Pending_Btn a,
.Pending_Btn a:hover {
    min-height: 175px;
    width: 100%;
    top: 0px;
    font-size: 0px;
    left: 0px;
    border-radius: 30px;
    box-shadow: none;
}

.pending_grid .panel-body {
    display: flex;
    align-items: flex-start;
    padding: 20px !important;
}

.Program_Heading {
    padding-bottom: 0px !important;
}

.align-items-center {
    align-items: center;
    display: flex;
}

.app_head_inner {
    display: flex;
    border-bottom: 2px solid rgb(231, 239, 252);
    padding-bottom: 5px;
}

.Process_Panel_withleftborder .app_head_inner h6 {
    padding-bottom: 10px;
    border-bottom: none !important;
    font-weight: 500 !important;
}

.app_head_inner .form-group {
    margin: 0px !important;
}

.app_head_inner .form-group .controls span {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: rgb(49, 64, 103);
    position: relative;
    top: 3px;
    padding-left: 15px;
}

.app_head_inner .form-group .controls span::before {
    content: ":";
    position: absolute;
    left: 5px;
}

.Conservation_Panel,
.Program_Panel {
    background-image: none;
}

.Chat_Panel {
    margin: 10px 0px;
    padding: 10px !important;
}

.Chat_Panel .panel-body {
    padding: 0px !important;
}

.Chat_Panel .Chat_User_Icon {
    background-image: url("../images/AU_ICons/Tiffany.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    width: 44px;
    aspect-ratio: 1 / 1;
    display: block;
    border-radius: 100px;
    float: left;
}

.Chat_Tab {
    background: rgb(242, 244, 247);
    border-radius: 0px 24px 24px;
    padding: 20px !important;
    margin-left: 0px !important;
    min-height: 82px !important;
}

.Chat_Panel .panel-body .d-flex {
    flex-direction: row;
    align-items: flex-start;
    display: flex !important;
    justify-content: space-between;
}

.Chat_Tab .form-group .controls span {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: rgb(0, 0, 0);
}

.Chat_Date {
    text-align: right;
    display: block;
    margin: 10px 0px;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: rgba(0, 0, 0, 0.7);
}

.Convo_Send {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.Convo_Send .col-lg-11,
.Convo_Send .col-md-11,
.Program_Panel_Values,
.Program_Panel_Values .col-lg-12,
.Program_Panel_Values .col-md-12 {
    padding: 0px !important;
}

.Program_Panel_Values {
    margin: 10px 0px;
}

.Program_Panel_Values hr {
    border-top: 2px solid rgb(231, 239, 252);
    margin-top: 20px !important;
}

.Program_Panel_Values .d-flex .form-group {
    margin: 0px !important;
}

.Process_Panel_withleftborder .panel-body .form-group .input-xs {
    padding: 0px;
    height: unset;
}

.Process_Panel_withleftborder .panel-body .form-group .input-xs span {
    color: rgb(53, 75, 86);
    font-weight: 600;
    font-size: 14px;
}

.Convo_Send .form-group {
    margin: 0px !important;
}

.Convo_Send textarea {
    min-height: 34px !important;
}

.RightBorder {
    border-right: 2px solid rgb(231, 239, 252);
}

.Convo_Send a {
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    aspect-ratio: 1 / 1;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 27px;
    opacity: 1;
    background-color: rgb(56, 107, 232) !important;
    border-radius: 5px !important;
    width: 100% !important;
    font-size: 0px !important;
    background-image: url(../images/AU_ICons/fi-rr-paper-plane.svg) !important;
    margin: 0px auto !important;
    height: 82px;
}

.Convo_Send .col-lg-1,
.Convo_Send .col-md-1 {
    display: flex;
    flex-direction: column;
}

.form-group select.form-control,
.form-group .btn-group button {
    background-repeat: no-repeat;
    background-position: 97% 50%;
    appearance: none;
    background-color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    height: 41px !important;
    color: rgb(77, 77, 77) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    background-image: url("../images/AU_ICons/dropdown.svg") !important;
    padding: 4px 12px !important;
    margin: 0px !important;
    box-shadow: none !important;
    border: 0.5px solid rgba(0, 0, 0, 0.7) !important;
    border-radius: 5px !important;
}

.form-group button span,
.form-group .form-control,
.input-group span {
    font-weight: 400;
    font-size: 12px !important;
    line-height: 14px !important;
    color: rgb(55, 73, 87) !important;
}

.Pending_Values .form-group .controls span.font-weight-bold {
    font-size: 16px;
}

.dataTables_empty {
    text-align: center;
    display: block;
    width: 100% !important;
    min-width: 100% !important;
}

.Institute .academic_master_program {
    background-color: rgb(231, 239, 252);
    border: none;
    border-radius: 8px !important;
    min-height: 61px !important;
}

.Institute .academic_lbl {
    padding-left: 60px;
    background-image: url(../images/AU_ICons/gridmenuicon.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    display: flex;
    height: 61px;
    background-size: 20px;
    padding-top: 0px;
    font-weight: 500;
    align-items: center;
    padding-right: 20px;
    font-size: 15px !important;
    padding-bottom: 0px;
}

.Institute .academic_btn {
    background-color: transparent;
    font-size: 0px;
    display: inline-block;
    height: 61px;
    position: absolute;
    top: -74px;
    left: 0px;
    border-radius: 8px;
    width: 100% !important;
}

.Institute .academic_master_program .panel-body {
    height: 60px;
    background-image: url("../images/AU_ICons/repeatergrid_icon.png");
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
    padding: 0px !important;
    background-color: #fff;
    border-radius: 8px;
}

.Institute_Panel {
    background-image: none;
}

.Institute_Panel .panel-heading .heading-elements {
    width: unset;
    flex-direction: row;
    justify-content: flex-end;
    top: 50%;
    right: 0%;
    transform: translate(0%, -5px);
    display: flex !important;
    min-width: 200px !important;
}

.Institute_Panel .panel-heading .heading-elements .panel_heading_elements {
    display: flex;
    flex-direction: row-reverse;
    margin-right: 30px;
}

.RPB {
    background-position: center center;
    background-size: 16px !important;
    width: 36px !important;
    height: 16px !important;
    padding-left: 0px !important;
    border-left: 1px solid rgba(0, 0, 0, 0.22) !important;
}

.stamp_button {
    border-left: none !important;
}

.Institute_Grid table {
    padding: 0px !important;
}

.Institute_Grid table thead {
    display: none;
}

.Institute_Grid table tbody tr {
    border-radius: 8px;
    display: inline-table;
    flex-direction: column;
    background-image: url("../images/AU_ICons/institute_Grid_BG.png");
    background-position: right top;
    background-repeat: no-repeat;
    padding: 10px;
    background-size: 100px;
    margin: 10px 0px;
    background-color: rgb(249, 250, 254) !important;
    border-bottom: 7px solid rgb(242, 243, 248) !important;
    width: calc(50% - 10px) !important;
}

.Institute_Grid table tbody tr td {
    display: flex;
    align-items: center;
    margin: 10px 0px;
    border: none !important;
    height: unset !important;
}

.Institute_Grid table tbody tr td .input-group {
    background-color: transparent;
    height: unset !important;
}

.Institute_Grid table tbody tr td .input-group span {
    background-image: url("../images/AU_ICons/calendar.png");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: left center;
    padding-left: 20px;
    color: rgba(53, 75, 86, 0.8) !important;
    font-weight: 500 !important;
}

.Institute_Grid table tbody tr td:first-child {
    width: 100%;
}

.Institute_Grid table tbody tr td:first-child span {
    background-image: url("../images/AU_ICons/location.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 20px;
    background-size: 16px;
    font-weight: 600 !important;
    color: rgb(53, 75, 86) !important;
}

.Institute_Grid table tbody tr td:nth-child(2) {
    width: 100%;
}

.Institute_Grid table tbody tr:hover {
    background-image: repeating-linear-gradient(to right, rgb(235, 246, 253), rgba(242, 243, 248, 0)), url("../images/AU_ICons/institute_Grid_BG.png");
    background-position: center center, right top;
    background-repeat: no-repeat;
    background-size: 100%, 100px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px;
    border-bottom: 7px solid rgb(242, 243, 248) !important;
}

.Institute_Grid .table-widget-content {
    overflow: hidden !important;
}

.Institute_Grid table.dataTable {
    border-spacing: 0px 10px;
    display: flex;
    justify-content: space-between;
    overflow: hidden !important;
}

.Institute_Grid table tbody tr td span {
    font-style: normal;
    color: rgba(53, 75, 86, 0.5) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

.Institute_Grid table tbody tr td:nth-last-child(3) span {
    width: fit-content;
    background: url("../images/AU_ICons/admin.svg") 15px center / 16px no-repeat rgb(231, 239, 252);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 10px 10px 40px;
    gap: 7px;
    min-height: 27px;
    min-width: 101px;
    float: right;
    border-radius: 140px !important;
}

.Institute_Grid table tbody tr td:nth-last-child(3) {
    float: left;
}

.Institute_Grid table tbody tr td:nth-last-child(2) {
    float: right;
}

.Institute_Grid table tbody tr td:nth-last-child(1) {
    float: right;
}

.Institute_Grid tbody {
    display: flex;
    justify-content: space-between;
    margin: 15px 0px;
    flex-flow: row wrap;
}

.Institute_Grid table tbody tr td:nth-last-child(2) button {
    background-image: url("../images/AU_ICons/edit.png");
}

.Institute_Grid table tbody tr td:nth-last-child(1) button {
    background-image: url("../images/Internals/file_search.svg");
}

.Institute_Grid table tbody tr td:nth-last-child(2) button,
.Institute_Grid table tbody tr td:nth-last-child(1) button {
    background-color: white;
    width: 40px;
    aspect-ratio: 1 / 1;
    background-size: 14px;
    background-position: center center;
    font-size: 0px;
    background-repeat: no-repeat;
    border-radius: 100px !important;
    border: 1px solid rgb(239, 239, 239) !important;
}

.Institute_Panel .panel-heading {
    padding-bottom: 0px !important;
}

.Institute_Grid .datatable-footer {
    border: none;
    background: rgb(249, 250, 254);
    min-height: 66px;
    display: flex;
    align-items: center;
    border-radius: 8px !important;
}

.Institute_Grid .datatable-footer .fullContainer {
    min-height: 39px;
    display: flex;
    align-items: center;
}

.Institute_Grid .datatable-footer .fullContainer .Counts {
    bottom: 2px;
    position: relative;
    margin-right: 0px;
}

.Institute_Grid .datatable-footer li a {
    background: white;
    border-radius: 8px !important;
    border: 1px solid rgba(5, 5, 5, 0.14) !important;
}

.Institute_Grid .datatable-footer li a i {
    color: rgb(53, 75, 86) !important;
}

.h_primary {
    color: #FDB48E;
    font-size: 18px !important;
    font-weight: 600;
}

.h_01 {
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.8) !important;
    background-color: #ffffff26 !important;
    padding: 0px 20px !important;
    font-weight: 500;
}

.last_logged {
    background-image: url("../images/Process_images/lastlogged.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 30px;
    background-size: 16px;
}

.user_info_level .col-lg-4,
.user_info_level .col-lg-3,
.user_info_level .col-lg-6 {
    width: auto !important;
}

.white_panel_01 {
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    border-radius: 30px !important;
}

.white_panel_01 {
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    margin-bottom: 20px;
    border-radius: 30px !important;
}

.grey_panel {
    background-image: linear-gradient(rgb(243, 245, 250), rgb(246, 247, 251), rgb(250, 250, 252), rgb(252, 252, 254), rgb(255, 255, 255));
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    border-radius: 30px !important;
}

.blue_panel {
    background-color: rgb(244, 246, 254);
    margin-bottom: 20px;
    border-radius: 15px !important;
    border: 0px !important;
    border: 1px solid #dfe5fa !important;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.grey_panel .cgpa_value::before {
    position: absolute;
    content: "CGPA";
    right: 0px;
    color: rgb(72, 75, 82);
    font-size: 15px;
    height: 45px !important;
}

.grey_panel .gradelsit {
    background-color: transparent;
    width: 100%;
    font-weight: 600;
    padding: 18px 21px;
    position: absolute;
    height: 66px;
    font-size: 0px;
    border-radius: 8px;
    top: 20px !important;
    border: 0px !important;
}

.grey_panel .gradelsit:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.grey_panel_body {
    padding: 5px;
    border-bottom: 1px dashed #ccd4e1;
}

.user_img_profile {
    border: 0px !important;
    box-shadow: none !important;
    border-radius: 30px !important;
    margin-bottom: 0px !important;
}

.user_img_profile .InlineSingle.panel {
    box-shadow: none !important;
    background-color: transparent !important;
}

.user_img_profile .InlineSingle .panel-body {
    text-align: center;
    padding: 0px !important;
    background-color: transparent !important;
}

.user_img_profile .MainFrameDoc {
    text-align: center;
    height: 120px !important;
    background-image: none !important;
}

.user_img_profile .MainFrameDoc img {
    border-radius: 100%;
    border: 3px solid white;
    background-image: url("../images/AppIcons/user_icon_01.png");
    background-size: 117px;
    height: 120px !important;
    width: 120px !important;
}

.user_img_profile .panel-body .MainFrameDoc {
    border: none !important;
}

.user_img_profile .HoverBtnDoc {
    display: none !important;
}

.image_hover .HoverBtnDoc {
    display: none !important;
}

.user_img_profile1 {
    border: 0px !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    margin-bottom: 0px !important;
}

.user_img_profile1 .InlineSingle.panel {
    box-shadow: none !important;
    background-color: transparent !important;
}

.user_img_profile1 .InlineSingle .panel-body {
    text-align: center;
    padding: 0px !important;
    background-color: transparent !important;
}

.user_img_profile1 .MainFrameDoc {
    text-align: center;
    height: 45px !important;
    background-image: none !important;
}

.user_img_profile1 .MainFrameDoc img {
    border-radius: 100%;
    border: 3px solid white;
    background-image: url("../images/AppIcons/user_icon_01.png");
    background-size: 65px;
    height: 45px !important;
    width: 45px !important;
}

.user_img_profile1 .panel-body .MainFrameDoc {
    border: none !important;
}

.user_img_profile1 .HoverBtnDoc {
    display: none !important;
}

.user_img_profile1 label {
    font-weight: 500;
    color: rgba(10, 10, 10, 0.5);
    padding-bottom: 0px !important;
    font-size: 12px !important;
}

.user_img_profile1 .form-group {
    margin-bottom: 0px !important;
}

.e-calendar .e-content span.e-day,
.e-bigger.e-small .e-calendar .e-content span.e-day {
    line-height: 30px !important;
}

.blue_panel_01 {
    background-color: rgb(224, 228, 244);
    margin-bottom: 20px;
    border-radius: 15px !important;
    border: 0px !important;
}

.red_panel_01 {
    background-color: rgb(244, 227, 224);
    margin-bottom: 20px;
    border-radius: 15px !important;
    border: 0px !important;
}

.Configuration_Panel {
    margin-top: 20px;
    border: none !important;
    background-color: transparent !important;
}

.Configuration_Panel .panel-heading,
.Configuration_Panel .panel-body,
.Configuration_Panel .panel-body .panel .panel-body {
    padding: 0px;
}

.Configuration_Panel .panel-heading h6 {
    color: rgb(47, 65, 101);
    font-weight: 500;
    font-size: 25px;
    margin-bottom: 20px !important;
}

.Configuration_Panel .panel-body .panel {
    background-image: linear-gradient(rgb(255, 255, 255), rgb(243, 245, 250));
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    flex: 1 1 0%;
    border-radius: 30px !important;
}

.Configuration_Panel .panel-body .panel .panel-heading h6 {
    color: rgb(72, 75, 82);
    font-size: 21px;
    background-image: url("../images/AU_ICons/heading.svg");
    background-position: right center;
    background-size: 16px;
    background-repeat: no-repeat;
    padding: 10px 25px 10px 0px;
    min-height: 83px;
    display: flex;
    align-items: center;
    font-weight: 500 !important;
    margin: 0px !important;
}

.Configuration_Panel .panel-body .panel .panel-body span {
    min-height: 50px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: rgb(72, 75, 82);
    padding-left: 20px;
    width: 80%;
    display: inline-block;
    line-height: 25px;
    margin: 5px 0px 10px;
}

.Configuration_Panel .panel-body .panel .panel-heading {
    padding: 20px 30px;
}

.Configuration_Panel .panel-body .panel .panel-body .Regulations {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 234px;
    display: block;
    background-image: url("../images/AppIcons/Regulations.jpg");
    border-radius: 0px;
    width: 100% !important;
    margin: 0px !important;
}

.Configuration_Panel .panel-body .panel .panel-body .Academic {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 234px;
    display: block;
    background-image: url("../images/AppIcons/Organisation.jpg");
    border-radius: 0px;
    width: 100% !important;
    margin: 0px !important;
}

.Configuration_Panel .panel-body .panel .panel-body .Organisation {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 234px;
    display: block;
    background-image: url("../images/AppIcons/Organisation.jpg");
    border-radius: 0px;
    width: 100%;
    margin: 0px !important;
}

.Configuration_Panel .panel-body .panel .panel-body .Academic_Calendar {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 234px;
    display: block;
    background-image: url("../images/AppIcons/Academic_Calendar.jpg");
    border-radius: 0px;
    width: 100% !important;
    margin: 0px !important;
}

.Configuration_Panel .panel-body .panel .panel-footer {
    background: white;
    border: none;
    border-radius: 0px 0px 30px 30px;
}

.Configuration_Panel .panel-body .panel .panel-footer a {
    background: rgb(237, 109, 116);
    border-radius: 40px;
    height: 48px;
    display: flex;
    width: fit-content;
    padding: 4px 37px;
    align-items: center;
    color: white;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    justify-content: center;
    margin: 20px auto;
}

.Configuration_Panel .panel-body .panel:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 6px 4px;
}

.Configuration_Panel .panel-body .panel:hover .panel-body .Regulations,
.Configuration_Panel .panel-body .panel:hover .panel-body .Organisation,
.Configuration_Panel .panel-body .panel:hover .panel-body .Academic,
.Configuration_Panel .panel-body .panel:hover .panel-body .Academic_Calendar {
    animation: 1s ease 0s 1 normal none running zoomin;
}

@-webkit-keyframes zoomin {
    0% {
        background-size: 100%;
    }

    100% {
        background-size: 105%;
    }
}

.Configuration_Pill_Panel {
    background-position: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 2px;
    height: 209px;
    border-radius: 23px !important;
    background-image: none !important;
}

.Configuration_Pill_Panel .panel-body h1 {
    font-style: normal;
    font-size: 21px;
    line-height: 25px;
    color: rgb(89, 81, 118);
    padding: 80px 0px 20px;
    width: 70%;
    position: relative;
    font-weight: 400 !important;
}

.Configuration_Pill_Panel .panel-body h1::before {
    background-image: url("../images/AU_ICons/image4.svg");
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: center center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    aspect-ratio: 1 / 1;
    content: "";
    border-radius: 100px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.Configuration_Pill_Panel .panel-body h6 {
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: rgb(235, 111, 70);
    padding: 0px 0px 0px 23px;
}

.Configuration_Pill_Panel .panel-body h6::before {
    background-image: url("../images/AU_ICons/settings.svg");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 18px;
    aspect-ratio: 1 / 1;
    content: "";
    border-radius: 100px;
}

.Configuration_Pill_Panel .panel-body h6::after {
    background-image: url("../images/AU_ICons/Vector.svg");
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: center center;
    position: absolute;
    right: 0px;
    width: 8px;
    aspect-ratio: 1 / 1;
    content: "";
    border-radius: 100px;
    top: 50%;
    transform: translate(-50%, -50%);
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(-180deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(-180deg);
    }
}

.Configuration_Pill_Panel:hover .panel-body h6::before {
    animation: 1s ease 0s infinite normal none running rotate;
}

.Configuration_Pill_Panel:hover .panel-body h6::after {
    animation: 1s ease 0s infinite normal none running LeftToRight;
}

.Configuration_Pill_Panel .panel-body .Button {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    border-radius: 23px;
    min-height: 209px;
}

.Configuration_Pill_Panel .panel-body .Button a {
    width: 100%;
    min-height: 209px;
    border-radius: 23px;
    color: transparent;
    box-shadow: unset;
    background: transparent !important;
}

.page_header_panel {
    border-radius: 8px;
    margin-bottom: 20px;
    background: linear-gradient(115.08deg, rgba(199, 235, 255, 0.5), rgba(94, 178, 252, 0.5) 98.5%);
    border: 0px !important;
    box-shadow: none !important;
}

.page_header_panel .panel-body {
    padding: 7px !important;
}

.page_header_panel h1 {
    font-size: 18px;
    font-weight: 500 !important;
    color: rgb(47, 65, 101) !important;
    margin-bottom: 5px !important;
}

.panel_dummy_01 {
    border: 0px !important;
    box-shadow: none !important;
}

.page_header_panel h1 {
    font-size: 18px;
    font-weight: 500 !important;
    color: rgb(47, 65, 101) !important;
    margin-bottom: 5px !important;
}

.panel_dummy_01 {
    border: 0px !important;
    box-shadow: none !important;
}

.panel_white_01 {
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    border-radius: 8px;
    border: 0px solid rgb(201, 209, 217) !important;
    box-shadow: none !important;
}

.panel_blue {
    background-color: rgb(242, 246, 255);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    border-radius: 8px;
    border: 1px solid rgb(198, 226, 255) !important;
    box-shadow: none !important;
}

.panel_blue_01 {
    background-color: rgb(249, 250, 254);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    border-radius: 8px;
    margin-bottom: 20px;
    border: 0px solid rgb(201, 209, 217) !important;
    box-shadow: none !important;
}

.panel_blue_01 .panel-heading h6 {
    font-size: 16px;
    color: rgb(47, 65, 93) !important;
    font-weight: 500 !important;
}

.image_icon {
    background-image: url("../images/AppIcons/image_icon.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
    color: rgb(47, 65, 101);
    font-size: 16px;
    font-weight: 500 !important;
}

.emp_img .MainFrameDoc {
    background-image: url("../images/AppIcons/upload_img.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-color: rgb(231, 239, 252);
    text-align: center;
    padding-top: 10px;
    border: 2px dashed rgb(208, 217, 232) !important;
    height: 175px !important;
}

.emp_img .MainFrameDoc img {
    border-radius: 100%;
    height: 150px !important;
    width: 150px !important;
}

.emp_img .InlineSingle.panel {
    box-shadow: none !important;
}

.emp_img .InlineSingle.panel .panel-body {
    padding: 0px !important;
}

.emp_img .col-lg-12 {
    padding: 0px !important;
}

.e-multiselect {
    padding: 0px !important;
}

.MainFrameDoc {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-color: rgb(255 255 255);
    text-align: center;
    padding: 0px;
    border-radius: 8px;
    height: 175px;
    opacity: 1;
    border: 0px dashed rgba(69, 111, 209, 0.44) !important;
}

.sign_img .MainFrameDoc img {
    height: 150px;
    width: auto;
    border-radius: 8px !important;
    object-fit: cover !important;
}

.InlineSingle.panel {
    opacity: 1 !important;
    border-radius: 8px !important;
    box-shadow: rgba(136, 165, 191, 0.48) 0px 0px 8px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px !important;
}

.sign_img .InlineSingle.panel .panel-body {
    opacity: 1;
    padding: 0px !important;
}

.sign_img .col-lg-12 {
    padding: 0px !important;
}

.sign_img1 .MainFrameDoc {
    background-image: url("../images/AppIcons/upload_img.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-color: rgb(231, 239, 252);
    text-align: center;
    padding: 10px;
    border-radius: 8px;
    border: 2px dashed rgb(208, 217, 232) !important;
    height: 175px !important;
}

.sign_img1 .MainFrameDoc img {
    height: 150px;
    width: auto;
    border-radius: 8px !important;
    object-fit: cover !important;
}

.sign_img1 .InlineSingle.panel {
    box-shadow: none !important;
}

.sign_img1 .InlineSingle.panel .panel-body {
    padding: 0px !important;
}

.sign_img1 .col-lg-12 {
    padding: 0px !important;
}

.sign_img1 .HoverBtnDoc {
    display: none !important;
}

.brdr-btm {
    border-bottom: 1px solid rgb(232, 235, 242);
}

.normal_grid {
    box-shadow: rgba(118, 138, 157, 0.2) 0px 0px 4px 0px;
    background-color: rgba(255, 255, 255, 0.77);
    margin: 10px !important;
    border-radius: 15px !important;
}

.normal_grid table {
    border-collapse: separate;
    border-spacing: 0px 0px;
}

#divCanvas .normal_grid .table-widget .table-widget-content table {
    padding: 0px !important;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td {
    border: 0px;
}

#divCanvas .normal_grid .panel-heading {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    min-height: 59px;
    display: flex;
    align-items: center;
    padding-left: 35px !important;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td .form-group .input-group .e-input-group {
    display: flex;
    align-items: center;
    position: relative;
    top: 3px;
    background-color: white !important;
    border: 1px solid rgba(96, 120, 229, 0.25) !important;
}

#divCanvas .normal_grid .panel-heading h6 {
    color: #333 !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    border: none;
    padding: unset;
    background: unset !important;
    margin: 0px !important;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr {
    border-radius: 8px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(69, 93, 199, 0.17) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    border: 1px solid rgb(231, 239, 252) !important;
    height: 50px !important;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td:first-child {
    border-radius: 0px;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td:last-child {
    border-radius: 0px;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td .form-control {
    padding-left: 6px;
    border: 1px solid rgba(96, 120, 229, 0.25);
    min-width: 98% !important;
    max-width: 98% !important;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td .form-control:focus {
    box-shadow: rgba(56, 107, 232, 0.48) 0px 0px 4px 0px inset;
    border: 0.5px solid rgba(57, 108, 232, 0) !important;
    background: white !important;
    border-radius: 8px !important;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td .e-input-group {
    border: 0px;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td .e-input-group input {
    border: 0px !important;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td .e-input-group-icon.e-date-icon::before,
#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td .e-control-wrapper .e-input-group-icon.e-date-icon::before {
    display: none;
}

#divCanvas .normal_grid .table-widget .table-widget-content table thead tr th {
    border-left: 0px !important;
    color: #333 !important;
    font-family: Open Sans;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
    padding: 20px 10px;
    border: none !important;
}

#divCanvas .normal_grid table.dataTable tbody tr.selected {
    background-color: rgb(242, 247, 255);
    box-shadow: rgba(155, 172, 231, 0.34) 0px 3px 10px;
}

#divCanvas .normal_grid .dataTables_wrapper {
    padding: 0px 0px 0px;
}

.table-widget .table-widget-content table tbody tr td.dataTables_empty {
    border-radius: 8px !important;
    width: 100% !important;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td.dataTables_empty {
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center 15px;
    padding: 15px 0px;
    text-align: center;
    font-weight: 500;
    color: orange;
    display: table-cell;
    width: 100% !important;
    padding-top: 70px !important;
}

.normal_grid .panel-heading .heading-elements ul li a .icon-plus2 {
    background-image: url("../images/AppIcons/add_icon.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px;
    width: 14px;
    height: 14px;
}

.normal_grid .panel-heading .heading-elements ul li a .icon-trash {
    background-image: url("../images/AppIcons/trash.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 17px;
    width: 14px;
    height: 17px;
}

.normal_grid .panel-heading .heading-elements ul li a .icon-pencil7 {
    background-image: url("../images/AU_ICons/edit-latest.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 14px;
    width: 14px;
    height: 17px;
}

.normal_grid .panel-heading .heading-elements ul li a .icon-filter3 {
    background-image: url("../images/AppIcons/filtergrey.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 17px;
    width: 17px;
    height: 17px;
}

.normal_grid .panel-heading .heading-elements ul li a .icon-menu7 {
    background-image: url("../images/Internals/Menu_Theme_Bold.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px;
    width: 14px;
    height: 14px;
}

.normal_grid .panel-heading .heading-elements ul li a.collapse3::after {
    font-weight: 600;
    color: rgb(47, 65, 101);
    font-size: 20px !important;
}

.normal_grid .panel-heading .heading-elements ul li.dropdown {
    display: none;
}

.normal_grid .panel-heading .heading-elements ul li a.collapse3 {
    background-image: none;
}

.normal_grid .panel-heading .heading-elements ul li #btnFilter,
.normal_grid .panel-heading .heading-elements ul li a.collapse3 {
    top: 0px !important;
}

.normal_grid .dataTables_empty {
    border-radius: 8px !important;
}

.normal_grid .panel-heading .heading-elements ul li a .icon-plus2::before,
.normal_grid .panel-heading .heading-elements ul li a .icon-add-to-list::before,
.normal_grid .panel-heading .heading-elements ul li a .icon-trash::before,
.normal_grid .panel-heading .heading-elements ul li a .icon-pencil7::before,
.normal_grid .panel-heading .heading-elements ul li a .icon-filter3::before,
.normal_grid .panel-heading .heading-elements ul li a .icon-menu7::before {
    display: none;
}

.e-input-group {
    min-height: 40px;
}

.e-multi-select-wrapper {
    box-sizing: border-box;
    cursor: text;
    line-height: normal;
    min-height: 40px;
    padding: 0px;
    position: relative;
    user-select: none;
    width: 100%;
    border-radius: 6px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.e-input-group.e-multiselect {
    background: transparent;
    opacity: 1;
    margin-top: 10px;
    min-height: unset !important;
    border: 1px solid rgb(208, 213, 221) !important;
    border-radius: 8px !important;
    color: rgb(100, 100, 100) !important;
    padding: 0px !important;
}

.e-multi-select-wrapper .e-chips .e-chips-close::before {
    color: rgba(255, 0, 0, 0.62);
    font-size: 14px;
}

.e-multi-select-wrapper .e-close-hooker::before {
    color: white;
    top: 50%;
    left: 50%;
    width: 17px;
    height: 17px;
    background: transparent;
    text-align: center;
    padding: 3px 0px 0px 0px;
    font-size: 10px !important;
    font-weight: bold !important;
    transform: translate(-50%, -50%);
}

.e-multi-select-wrapper input[type="text"] {
    background: none;
    border: 0px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    outline: none;
    padding: 0px;
    text-indent: 0px;
    margin: 3px 0px;
    min-width: 100px !important;
}

.e-multi-select-wrapper .e-chips-close.e-close-hooker {
    cursor: default;
    background: rgb(255, 111, 111) !important;
    border: 2px solid rgb(255, 89, 89) !important;
    border-radius: 100px;
    min-width: 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    position: absolute;
    top: 10px;
    transform: translate(10px, 0px);
    margin-top: unset !important;
    aspect-ratio: 1 / 1 !important;
}

.e-chips-close {
    margin: 1px 0px 0px 5px !important;
}

.panel-body .form-group .controls .e-multi-select-wrapper .e-chips {
    box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 4px;
    border: 1px solid rgba(0, 0, 0, 0.14);
    display: flex;
    font-weight: 400 !important;
    font-size: 12px !important;
    background: rgb(255, 255, 255) !important;
    padding: 3px 20px !important;
    height: unset !important;
    margin: 5px 5px 7px 0px !important;
}

.pull_right span,
.font-bold {
    font-size: 14px;
    margin-right: 5px;
    font-weight: 700 !important;
}

.panel_grey_01 .panel-body .form-group .controls span {
    min-height: 70px;
    display: flex;
    justify-content: center;
}

.panel_grey_01 .panel-body a {
    height: 40px;
    min-height: unset;
    min-width: 100px;
    width: fit-content !important;
    padding: 0px 20px !important;
}

.panel_grey_01 .panel-body span {
    text-align: center;
}

.panel_grey_01 .panel-body span.ID {
    background-color: white;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 4px 2px inset;
    border: 1px dashed rgb(37, 116, 255);
    margin: 0px auto;
    color: rgb(37, 116, 255);
    font-weight: bold !important;
    min-height: 50px !important;
}

.ShowButtons .RepeatAnimatioin {
    display: block;
}

.ShowButtons .RepeatAnimatioin {
    display: block !important;
}

.RepeaterMaincvv {
    position: relative;
    width: calc(100% - 20px);
    background: transparent;
    padding: 10px;
    text-align: center;
    left: 0px;
    top: 0px;
    height: 60px;
    margin: 0px auto;
}

.RepeaterMaincvv button {
    display: none;
}

.RepeaterMaincvv button[title="save"] {
    display: block;
    color: white;
    background-color: rgb(69, 93, 199);
    padding: 9px 50px;
    border-radius: 5px;
    border: none;
    width: auto;
    text-align: center;
    font-weight: 600;
    float: right;
    margin-bottom: 0px !important;
    font-size: 14px !important;
}

.BgGrid .panel-heading span.text-danger {
    display: unset !important;
}

.New_Grid {
    background: -20px top / 170px no-repeat, center center / 100% white;
    position: relative;
    backdrop-filter: blur(52.6px);
    box-shadow: rgba(118, 138, 157, 0.2) 0px 0px 4px 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px !important;
    margin-bottom: 20px !important;
    border-radius: 15px !important;
}

.New_Grid::before {
    z-index: -1;
    position: absolute;
    inset: 0px;
    background: linear-gradient(-45deg, rgb(57, 118, 181) 170%, rgb(0, 97, 255) 132%);
    transform: translate3d(0px, 30px, 0px) scale(0.95);
    filter: blur(20px);
    transition: opacity 0.3s ease 0s;
    border-radius: inherit;
    opacity: 0.2;
}

.New_Grid::after {
    content: "";
    z-index: -1;
    position: absolute;
    inset: 0px;
    background: inherit;
    border-radius: inherit;
}

.New_Grid .panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.New_Grid .panel-heading h6 {
    font-size: 18px;
    color: rgb(53, 53, 53) !important;
    font-weight: 500 !important;
}

.New_Grid .panel-heading .heading-elements {
    position: unset !important;
    height: unset !important;
    margin: unset !important;
}

.New_Grid.panel-heading .heading-elements>ul>li>a {
    font-size: 14px;
    font-weight: 400;
    color: rgb(53, 53, 53);
    height: 32px;
    min-width: 32px;
    flex-direction: row;
    align-items: center;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    backdrop-filter: blur(17.6px);
    justify-content: center;
    padding: 5px !important;
    display: flex !important;
    border: 1px solid rgba(0, 0, 0, 0.17) !important;
    position: unset !important;
}

.New_Grid.table.dataTable {
    box-sizing: inherit;
    padding: 0px 12px;
    border-collapse: separate;
    border-spacing: 5px 10px;
    border-radius: 10px !important;
}

.New_Grid table thead {
    background: transparent;
    border-radius: 10px;
    padding: 10px 0px !important;
    border: 1px solid rgba(255, 255, 255, 0.17) !important;
}

.New_Grid table thead tr th {
    font-weight: 400;
    padding: 10px !important;
    color: rgba(0, 0, 0, 0.71) !important;
    font-size: 13px !important;
    border: none !important;
}

.New_Grid .table tbody tr {
    background: rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    backdrop-filter: blur(17.6px);
    border: 1px solid rgba(53, 53, 53, 0.21);
    color: rgb(53, 53, 53) !important;
}

.New_Grid .table tbody tr:hover {
    background: rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    backdrop-filter: blur(17.6px);
    border-left: 3px solid rgba(92, 165, 240, 0.49) !important;
    color: white !important;
}

.New_Grid.table tbody tr td,
.New_Grid.Dark .table tbody tr td .form-group span {
    border: none !important;
    color: rgb(53, 53, 53) !important;
}

.New_Grid .table tbody tr td:first-child {
    border-radius: 10px 0px 0px 10px;
}

.New_Grid .table tbody tr td:last-child {
    border-radius: 0px 10px 10px 0px;
}

.New_Grid .datatable-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.314);
}

.New_Grid .datatable-footer .grid_page_left ul.pagination li label {
    color: rgb(53, 53, 53);
    margin-left: 10px;
    font-weight: 500;
}

.New_Grid .datatable-footer .grid_page_right .pull-left li a {
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    backdrop-filter: blur(17.6px);
    color: rgb(53, 53, 53) !important;
    padding: 5px !important;
    min-width: 32px !important;
    display: flex !important;
    position: unset !important;
    border: 1px solid rgba(0, 0, 0, 0.17) !important;
}

.New_Grid .datatable-footer .grid_page_right .pull-left li input {
    font-weight: 500;
    min-width: 50px;
    max-width: 50px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    backdrop-filter: blur(17.6px);
    font-size: 12px !important;
    color: rgb(53, 53, 53) !important;
    padding: 5px !important;
    height: 32px !important;
    display: flex !important;
    position: unset !important;
    border: 1px solid rgba(0, 0, 0, 0.17) !important;
}

.Web_Page {
    margin-top: -20px;
}

.Web_Page .col-lg-12,
.Web_Page .col-md-12,
.Web_Page .col-sm-12 {
    padding: 0px;
}

.Web_Page .Navbar_Panel .Navbar label {
    display: none !important;
}

.Web_Page .Navbar_Panel .Navbar .form-group .controls .Logo {
    background-image: url("../images/AppIcons/IITDH.png");
    background-position: left center;
    display: block;
    width: 244px;
    height: 95px;
    background-size: 115px;
    background-repeat: no-repeat;
}

.Web_Page .Navbar_Panel .Navbar {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 25px 20px -20px;
    background-color: white;
    width: 100%;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: 110px;
    padding: 10px 20px;
    justify-content: space-between;
}

.Web_Page .Navbar_Panel .Navbar a {
    float: right;
    background-color: var(--main-Primary-color);
    border-radius: 100px;
    padding: 8px 20px;
    min-width: 120px;
    font-size: 14px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    font-weight: 500 !important;
}

.Banner {
    background-image: url("../images/AU_ICons/Right_Bottom.svg"), url("../images/AU_ICons/Left_top.svg");
    background-position: calc(100% + 60px) calc(100% + 60px), -60px -60px;
    background-repeat: no-repeat;
    background-size: 220px;
    background-color: white;
    box-shadow: rgb(204, 219, 232) 0px 3px 6px 0px inset;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: calc(100vh - 145px);
    justify-content: center;
    padding-bottom: 80px;
}

.Banner h1 {
    color: rgb(5, 5, 5);
    font-size: 60px !important;
    font-weight: 700 !important;
}

.Banner h6 {
    color: rgba(5, 5, 5, 0.52);
    font-weight: 500 !important;
    font-size: 16px !important;
}

.Banner a {
    background-color: var(--main-Primary-color);
    border-radius: 10px;
    padding: 8px 20px;
    min-width: 220px;
    font-size: 14px;
    margin: 20px 0px;
    font-weight: 500 !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
    color: white !important;
}

.Our_Values {
    background-color: rgba(0, 0, 0, 0.01);
}

.Our_Values .panel-heading h6 {
    text-align: center;
    color: rgb(5, 5, 5);
    font-size: 60px !important;
    font-weight: 700 !important;
    margin: 50px 0px !important;
}

.Our_Values .panel-body .panel {
    margin: 0px;
    border-radius: 15px;
    background-color: white;
}

.Our_Values .panel-body .panel .panel-body {
    padding: 0px;
}

.Our_Values .panel-body .panel .panel-body,
.Our_Company_Video .panel-body .panel .panel-body {
    padding: 0px;
    width: 100%;
}

.Our_Values .panel-body {
    width: 70%;
    margin: 0px auto;
    padding-bottom: 100px;
}

.Our_Values .panel-body .panel .panel-body .MainFrameDoc img {
    min-height: 400px;
    padding: 0px !important;
    border: none !important;
    background: transparent !important;
    border-radius: 16px 16px 0px 0px !important;
}

.Our_Values .panel-body .panel .panel-body .form-group {
    margin-bottom: 0px !important;
    padding: 0px !important;
}

.Our_Values .panel-body .panel .panel-body h1 {
    min-height: 50px;
    display: flex;
    align-items: center;
    padding: 0px 20px;
    color: rgb(5, 5, 5);
    font-size: 20px !important;
}

.Our_Values .panel-body .panel .panel-body h6 {
    color: rgba(5, 5, 5, 0.52);
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 0px 20px 20px;
    font-weight: 500 !important;
    font-size: 16px !important;
}

.Panel_Header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

.Panel_Header .Search {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    min-width: 300px;
}

.Panel_Header .Search .form-group {
    margin: 0px !important;
}

.Panel_Header h1 {
    color: rgb(5, 5, 5);
    text-align: left;
    line-height: 60px;
    font-size: 60px !important;
    font-weight: 700 !important;
    margin: 50px 0px !important;
}

.Loupe {
    position: absolute;
    left: 0px;
    z-index: 1;
}

.Loupe a.btn,
.Loupe a.btn:hover {
    background-image: url("../images/AU_ICons/loupe.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: transparent;
    background-position: 10px center;
    width: 20px;
    color: transparent;
    font-size: 0px;
    height: 40px !important;
}

.Panel_Header .Search input {
    box-shadow: rgba(99, 99, 99, 0.1) 0px 1px 4px 0px;
    border: 1px solid rgba(5, 5, 5, 0.16);
    padding-left: 40px;
}

@-webkit-keyframes scroll-inner {
    0% {
        margin-top: 15%;
    }

    100% {
        margin-top: 50%;
    }
}

@keyframes scroll-inner {
    0% {
        margin-top: 15%;
    }

    100% {
        margin-top: 50%;
    }
}

@-webkit-keyframes scroll-mouse {
    0% {
        margin-top: 0px;
    }

    100% {
        margin-top: 15px;
    }
}

@keyframes scroll-mouse {
    0% {
        margin-top: 0px;
    }

    100% {
        margin-top: 15px;
    }
}

div.mouse-container {
    position: absolute;
    display: block;
    height: 70px;
    bottom: 20px;
}

div.mouse {
    position: relative;
    margin: 0px auto;
    display: block;
    width: 30px;
    height: 50px;
    border: 2px solid rgba(5, 5, 5, 0.5);
    border-radius: 25px;
    animation: 1.5s ease 0s infinite normal none running scroll-mouse;
}

span.scroll-down {
    display: block;
    width: 5px;
    height: 7px;
    background: rgba(5, 5, 5, 0.5);
    border-radius: 50%;
    margin: 10px auto 0px;
    animation: 3s ease 0s infinite normal none running scroll-inner;
}

.Positions_Panel {
    background-color: rgb(255, 255, 255);
    padding: 0 40px;
}

.Our_Company_Video {
    background-color: rgb(255, 255, 255);
    min-height: 100vh;
}

.Our_Company_Video .panel-heading h6 {
    text-align: center;
    color: rgb(5, 5, 5);
    font-size: 60px !important;
    font-weight: 700 !important;
    margin: 50px 0px !important;
}

.Our_Company_Video .panel-body {
    min-height: calc(100vh - 211px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.Our_Company_Video .panel-body .panel.InlineSingle .panel-body .MainFrameDoc img {
    padding: 0px !important;
    border: none !important;
    background: transparent !important;
    border-radius: 16px !important;
}

.Our_Company_Video .panel-body .panel.InlineSingle .panel-body {
    min-height: unset !important;
    display: unset !important;
}

.Perks_Panel {
    background-image: linear-gradient(135deg, rgb(255, 221, 92), rgb(240, 90, 37));
}

.Perks_Panel .panel-heading h6 {
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 60px !important;
    font-weight: 700 !important;
    margin: 50px 0px !important;
}

.Perks_Panel .panel-body .col-lg-4,
.Perks_Panel .panel-body .col-md-4 {
    padding: 0px;
}

.Perks_Panel .panel-body .col-lg-4:nth-child(2n+1) .panel,
.Perks_Panel .panel-body .col-md-4:nth-child(2n+1) .panel {
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0px;
    display: flex;
    align-items: center;
    min-height: 300px !important;
}

.Perks_Panel .panel-body {
    width: 70%;
    margin: 0px auto;
    padding-bottom: 100px;
}

.Perks_Panel .panel-body .panel .panel-body {
    width: 100%;
    padding: 20px !important;
}

.Perks_Panel .panel-body .col-lg-4:nth-child(2n+1) .panel .panel-body label {
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: 500;
    min-height: 66px;
    display: flex;
    align-items: flex-start;
}

.Perks_Panel .panel-body .col-lg-4:nth-child(2n+1) .panel .panel-body h1 {
    color: rgba(255, 255, 255, 0.565);
    font-size: 16px !important;
    font-weight: 500 !important;
}

.Perks_Panel .panel-body .col-lg-4:nth-child(2n) .panel,
.Perks_Panel .panel-body .col-md-4:nth-child(2n) .panel {
    background: white;
    border: none;
    margin: 0px;
    display: flex;
    align-items: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    min-height: 300px !important;
    border-radius: 0px !important;
}

.Perks_Panel .panel-body .col-lg-4:nth-child(2n) .panel .panel-body label {
    color: rgb(241, 100, 41);
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: flex-start;
}

.Perks_Panel .panel-body .col-lg-4:nth-child(2n) .panel .panel-body h1 {
    color: rgba(241, 100, 41, 0.565);
    font-size: 16px !important;
    font-weight: 500 !important;
}

.Perks_Panel .panel-body .col-md-4:nth-child(2) .panel,
.Perks_Panel .panel-body .col-lg-4:nth-child(2) .panel {
    border-radius: 20px 20px 0px 0px !important;
}

.Perks_Panel .panel-body .col-md-4:nth-child(4) .panel,
.Perks_Panel .panel-body .col-lg-4:nth-child(4) .panel {
    border-radius: 20px 0px 0px 20px !important;
}

.Perks_Panel .panel-body .col-md-4:nth-child(6) .panel,
.Perks_Panel .panel-body .col-lg-4:nth-child(6) .panel {
    border-radius: 0px 20px 20px 0px !important;
}

.Perks_Icon {
    width: 40px;
    aspect-ratio: 1 / 1;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    margin-bottom: 20px;
}

.Salary {
    background-size: 100%;
    background-image: url("../images/AU_ICons/rise.png");
}

.Health {
    background-size: 100%;
    background-image: url("../images/AU_ICons/protection.png");
}

.Unlimited {
    background-size: 100%;
    background-image: url("../images/AU_ICons/Unlimited.png");
}

.Mental {
    background-size: 100%;
    background-image: url("../images/AU_ICons/mental-health.png");
}

.Learning {
    background-size: 100%;
    background-image: url("../images/AU_ICons/online-course.png");
}

.Work {
    background-size: 100%;
    background-image: url("../images/AU_ICons/work-from-home.png");
}

.IITH_Modal_Dialog {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
    backdrop-filter: blur(2px);
}

.IITH_Modal_Dialog .modal-dialog .modal-content {
    width: 60%;
    background: transparent;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.IITH_Modal_Dialog .modal-dialog .modal-content .modal-header {
    display: none;
}

.IITH_Modal_Dialog .modal-dialog .modal-content .content {
    padding: 10px !important;
    background: transparent !important;
}

.IITH_Modal_Dialog .modal-dialog .modal-content .content .Process_Panel .panel-heading {
    height: 50px;
}

.IITH_Modal_Dialog_Panel_Heading {
    display: flex;
    padding: 0px 10px 5px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    border-bottom: 1.5px solid rgba(0, 0, 0, 0.063) !important;
}

.IITH_Modal_Dialog_Panel_Heading h6 {
    border: none !important;
    padding-bottom: 0px !important;
}

.IITH_Modal_Dialog_Panel_Heading a {
    background-image: url("../images/AppIcons/close.svg");
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: center center;
    float: right;
    font-size: 0px !important;
    border-radius: 100px !important;
    padding: 10px !important;
    width: 35px !important;
    aspect-ratio: 1 / 1 !important;
    margin-bottom: 0px !important;
    background-color: rgba(249, 50, 50, 0.92) !important;
    border: 2px solid rgba(207, 18, 18, 0.64) !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}

.IITH_Modal_Dialog .modal-dialog .modal-content .content .Process_Panel .panel-body .form-group {
    margin: 10px 0px !important;
}

.Process_Panel .panel-body .form-group label {
    font-size: 16px !important;
    line-height: 14px;
    text-transform: none;
    color: #354B56;
    padding-top: 16px !important;
    margin: 0px;
    font-weight: 600 !important;
}

.IITH_Modal_Dialog .modal-dialog .modal-content .content .Process_Panel .panel-footer {
    background-color: transparent;
    border: none;
    display: flex;
    justify-content: flex-end;
    border-radius: unset !important;
    padding: 0px 20px 20px !important;
}

.IITH_Modal_Dialog .modal-dialog .modal-content .content .Process_Panel .panel-footer a {
    color: rgb(49, 64, 103);
    font-size: 14px !important;
    margin: 5px !important;
    border-radius: 10px !important;
    border: none !important;
}

.IITH_Modal_Dialog .modal-dialog .modal-content .content .Process_Panel .panel-body h6 {
    font-size: 12px;
    line-height: 14px;
    text-transform: capitalize;
    color: rgba(13, 34, 56, 0.6);
    font-weight: 400 !important;
}

.Status_Stage {
    background-image: linear-gradient(to right, rgb(255, 173, 88), rgb(229, 107, 74));
    color: white;
    padding: 5px 20px;
    border-radius: 6px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    font-size: 14px;
    font-weight: 500;
}

.Remove_Collapse_Arrow .panel-heading ul li:last-child {
    display: none !important;
}

.Process_Panel .panel-heading .CurrentStage {
    border-bottom: 2px solid rgb(231, 239, 252);
    margin-bottom: 20px;
    padding-right: 15px !important;
    padding-bottom: 0px !important;
}

.Process_Panel .panel-heading .CurrentStage01 .form-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 0px 0px 0px 20px !important;
    padding: 0px 5px 10px !important;
    border-radius: 100px !important;
}

.Process_Panel .panel-heading .CurrentStage h6 {
    border-bottom: none !important;
}

.Values_Panel {
    box-shadow: rgba(118, 138, 157, 0.2) 0px 0px 4px 0px;
    margin: 0px 0px 20px;
    border-radius: 15px;
    background-image: linear-gradient(to right, rgba(231, 239, 252, 0.5), rgba(231, 239, 252, 0.5));
    border: 3px solid rgb(255, 255, 255);
    min-height: 160px;
    display: flex;
    width: 100%;
    align-items: flex-end;
}

.Values_Panel .panel-body {
    padding: 10px 20px;
}

.Value_Icon {
    width: 50px;
    aspect-ratio: 1 / 1;
    background-color: rgb(255, 255, 255);
    display: block;
    border-radius: 100px;
    margin-bottom: 10px;
    box-shadow: rgba(59, 97, 235, 0.07) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    background-size: 22px;
    background-position: center center;
    background-repeat: no-repeat;
}

.Req {
    background-image: url("../images/AU_ICons/Request.png");
}

.Approval {
    background-image: url("../images/AU_ICons/Total.png");
}

.App {
    background-image: url("../images/AU_ICons/Pending.png");
}

.Rej {
    background-image: url("../images/AU_ICons/Rejected.png");
}

.Values_Panel .panel-body .form-group {
    margin: 0px !important;
}

.Values_Panel .panel-body .form-group label {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-transform: capitalize;
    color: rgba(13, 34, 56, 0.6);
    padding: 0px;
    margin: 0px;
    letter-spacing: 1.9px;
}

.Values_Panel .panel-body .form-group .controls span {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1.9px;
}

.Values_Panel:hover {
    border: 3px solid rgb(231, 239, 252);
    transition: all 0.5s ease 0s;
    background: rgb(255, 255, 255) !important;
}

.fade-in {
    opacity: 0;
}

.CustomConfirmDialog1 .modal-content {
    position: relative;
}

.CustomConfirmDialog1 .modal-content::before {
    content: "";
    position: absolute;
    width: 100%;
    min-height: 235px;
    border: 2px solid rgba(205, 205, 205, 0.17);
    top: -5px;
    left: 0px;
    display: inline-block;
    border-radius: 20px;
    transform: rotate(-5deg);
    z-index: -701;
    background-color: rgba(59, 97, 235, 0);
    backdrop-filter: blur(4px);
}

.CustomConfirmDialog {
    background-color: rgb(5 6 10 / 76%);
}

.CustomConfirmDialog1 .modal-dialog .modal-content {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(118, 138, 157, 0.2) 0px 0px 4px 0px !important;
    border-radius: 15px !important;
    display: inline-block !important;
}

.CustomConfirmDialog1 .vertical_middle {
    display: unset;
}

.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body .content {
    text-align: center;
    padding: 25px !important;
}

.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body {
    text-align: center;
    border: none !important;
    padding: 10px !important;
}

.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body .col-lg-12 .form-group,
.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body .col-md-12 .form-group,
.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body .col-sm-12 .form-group {
    text-align: center !important;
    margin-bottom: 30px !important;
}

.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body .col-lg-12 .ConfirmLabel,
.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body .col-md-12 .ConfirmLabel,
.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body .col-sm-12 .ConfirmLabel {
    background-image: url("../images/AU_ICons/chat.png");
    background-size: 45px;
    background-repeat: no-repeat;
    background-position: center 0px;
    text-align: center;
    min-height: 93px;
    display: block;
    font-weight: 700 !important;
    color: rgb(49, 64, 103) !important;
    font-size: 20px !important;
    padding: 66px 10px 0px !important;
}

.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body .col-lg-6,
.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body .col-md-6,
.CustomConfirmDialog1 .vertical_middle .modal-content .modal-body .col-sm-6 {
    padding: 0px;
}

.CustomConfirmDialog1 .modal-dialog .modal-content .modal-header::before,
.CustomConfirmDialog .vertical_middle .modal-content .modal-header {
    display: none;
}

.CustomConfirmDialog1 .modal-dialog .modal-content .modal-body .content .form-group .controls .Dialog_Button_01 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: transparent !important;
    border: none !important;
    text-align: left !important;
    font-size: 16px !important;
    color: rgb(49, 64, 103) !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    border-radius: 10px !important;
    height: 40px !important;
    width: fit-content !important;
}

.Dialog_Button_02 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--main-Primary-color) !important;
    border: none !important;
    text-align: center !important;
    font-size: 16px !important;
    color: rgb(255, 255, 255) !important;
    padding: 10px 20px !important;
    border-radius: 10px !important;
    height: 40px !important;
}

.prog_image .InlineSingle .panel-body .MainFrameDoc {
    height: 100% !important;
}

.Reject_Button,
.Reject_Button:hover {
    background: rgb(229, 66, 66) !important;
    color: white !important;
    min-height: 30px !important;
    display: inherit;
    width: 100%;
    align-items: center;
    padding: 5px 20px;
    justify-content: center;
    margin: 0px 10px !important;
}

.Success_Button,
.Success_Button:hover {
    background: rgb(26, 181, 26) !important;
    color: white !important;
    min-height: 30px !important;
    display: inherit;
    width: 100%;
    align-items: center;
    padding: 5px 20px;
    justify-content: center;
}

.Description_Row {
    margin: 0px -20px;
}

.Description_Panel {
    background: white !important;
    border-radius: 10px !important;
}

.Description_Panel_Header {
    padding: 0px !important;
}

.Description_Panel_Header .col-lg-12,
.Description_Panel_Header .col-md-12 {
    padding: 0px;
}

.Description_Panel_Header .panel.InlineSingle .panel-body .MainFrameDoc {
    background-image: url("../images/AppIcons/IITDH_building.jpeg");
    height: 270px;
    border-radius: 10px 10px 0px 0px;
    background-size: cover;
    background-position: center center;
    border: none !important;
}

.Description_Panel_Header .InlineSingle.panel::before,
.Description_Panel_Header .HoverBtnDoc {
    display: none;
}

.Des_Role_Col {
    display: flex;
    flex-flow: row-reverse wrap;
    align-items: center;
}

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

.Des_Role_Col .form-group,
.d-flex.align-items-center .form-group {
    margin: 0px !important;
}

.Des_Role {
    font-weight: 700;
    color: rgb(60, 77, 95);
    font-size: 24px !important;
}

.d-flex.align-items-center {
    flex-direction: row;
    margin: 5px 0px;
    display: flex !important;
    align-items: flex-start;
}

.Des_Salary {
    font-size: 20px;
    font-weight: 600;
    color: var(--main-Primary-color);
}

.Des_Label {
    font-size: 14px;
    color: rgb(60, 77, 95);
    font-weight: 600;
}

.Des_Salary_Time {
    flex-direction: row;
    justify-content: space-between;
}

.Home,
.Home:hover {
    background-image: url("../images/AppIcons/back.png");
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
    padding: 5px 10px 5px 30px;
    border-right: unset;
    border-radius: 15px !important;
    color: white !important;
}

.Location {
    background-image: url("../images/AU_ICons/Location.png");
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 25px;
    margin-left: 15px;
}

.Labels_Styles .form-group .controls span {
    background: rgb(107, 134, 163);
    margin-right: 10px;
    padding: 5px 20px;
    font-weight: 600;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 9px;
    color: white !important;
}

.Labels_Styles {
    margin: 15px 0px !important;
}

.Des_Role_Col .col-lg-6,
.Des_Role_Col .col-md-6 {
    padding: 0px;
}

.Des_Role_Buttons.col-lg-6,
.Des_Role_Buttons.col-md-6 {
    padding: 0px;
}

.Des_Role_Buttons .col-lg-3,
.Des_Role_Buttons .col-md-3 {
    padding-right: 0px;
}

.Recurit_Panel {
    border: 1px solid rgba(183, 184, 185, 0.49);
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 4px 0px;
    margin: 10px 10px 10px 0px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px;
}

.Recurit_Panel .d-flex {
    display: flex;
}

.Recurit_Profile {
    display: flex;
    align-items: center;
}

.Rec_Icon {
    background-image: url("../images/AU_ICons/Rec.png");
    background-position: left center;
    background-size: 50px;
    background-repeat: no-repeat;
    display: block;
    width: 50px;
    aspect-ratio: 1 / 1;
    margin-right: 20px;
    border-radius: 100px;
    box-shadow: rgba(99, 99, 99, 0.41) 0px 2px 8px 0px;
}

.Rec_Name {
    color: rgb(0, 0, 0);
    font-size: 16px;
}

.d-flex h5,
.Recurit_Panel h5 {
    color: rgb(60, 77, 95);
    font-size: 18px;
    font-weight: 600 !important;
}

.d-flex .form-group label {
    color: rgb(60, 77, 95);
    font-weight: 600;
    margin-right: 10px;
    font-size: 14px !important;
}

.Poster {
    background-color: var(--main-Primary-color);
    display: block;
    color: rgb(255, 255, 255);
    font-weight: 500;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 3px 10px !important;
    border-radius: 100px !important;
}

.Recurit_Panel .form-group .controls span a {
    background: url("../images/AU_ICons/Message.png") 10px center / 16px no-repeat transparent;
    color: var(--main-Primary-color);
    display: flex;
    align-items: center;
    border: 1px solid rgb(59, 97, 235) !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    min-width: 100px !important;
    padding-left: 40px !important;
    min-height: 35px !important;
}

.Job_Des .form-group label {
    margin-top: 10px;
    font-weight: 600 !important;
    font-size: 16px !important;
}

.Job_Des_01 .Des_Label {
    position: relative;
    padding-left: 15px;
}

.Job_Des_01 .Des_Label::before {
    content: "";
    position: absolute;
    background-color: var(--main-Primary-color);
    width: 10px;
    aspect-ratio: 1 / 1;
    left: 0px;
    top: 4px;
    border-radius: 100px;
}

.About_Panel {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: 1px solid rgb(213, 213, 213);
    padding: 20px;
    border-radius: 10px !important;
}

.Des_Outsource {
    background-image: url("../images/AU_ICons/Des_Out.png");
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.Des_Employees {
    background-image: url("../images/AU_ICons/Des_Emp.png");
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.Des_Location {
    background-image: url("../images/AU_ICons/Location.png");
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.Des_Workdays {
    background-image: url("../images/AU_ICons/Des_cal.png");
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.About_Panel .col-md-6,
.About_Panel .col-lg-6 {
    padding: 0px;
}

.About_Panel .Des_Salary_Time a {
    background: transparent;
    color: var(--main-Primary-color);
    font-size: 14px;
    font-weight: 600 !important;
    padding: 0px !important;
}

.Check_Icon {
    display: block;
    width: 35px;
    aspect-ratio: 1 / 1;
    background-image: url("../images/AU_ICons/Checkcircle.png");
    background-position: left center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.tab-content>.has-padding {
    padding: 20px 10px !important;
}

.Hostel_Panel {
    box-shadow: rgba(118, 138, 157, 0.2) 0px 0px 4px 0px;
    margin: 0px 0px 20px;
    border-radius: 15px;
    background-color: white;
    min-height: 100px;
    display: flex;
    align-items: center;
    position: relative;
}

.Hostel_Panel::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 40px;
    background: rgb(59, 97, 235);
    left: 0px;
    border-radius: 0px 30px 30px 0px;
    top: 50%;
    box-shadow: rgba(59, 97, 235, 0.55) 2px 0px 5px;
    transform: translate(0px, -50%);
}

.Hostel_Panel .panel-body {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.Hostel_Panel .panel-body .form-group {
    display: flex;
    flex-direction: column-reverse;
    min-height: 50px;
    justify-content: space-between;
    margin: 0px !important;
}

.Hostel_Panel .panel-body .form-group label {
    font-size: 13px;
    line-height: 14px;
    text-transform: capitalize;
    color: rgba(13, 34, 56, 0.6);
    padding: 0px;
    margin: 0px;
    font-weight: 500 !important;
}

.Hostel_Panel .panel-body .form-group .controls span {
    color: rgb(53, 75, 86);
    font-weight: 800;
    font-size: 20px;
    text-shadow: unset !important;
}

.Hostel_Icon {
    margin-right: 20px;
    width: 70px;
    aspect-ratio: 1 / 1;
    display: block;
    background-color: rgb(242, 245, 255);
    border: 1px solid rgba(59, 97, 235, 0.09);
    border-radius: 100px;
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px;
}

.Total_Hostel {
    background-image: url("../images/AU_ICons/hostel.svg");
}

.Bois_Hostel {
    background-image: url("../images/AU_ICons/Male_Hostel.svg");
}

.Gurls_Hostel {
    background-image: url("../images/AU_ICons/Female_Hostel.svg");
}

#mdl_dff9ea8c-ec97-f15b-c092-39b5aa724b09 .modal-footer {
    display: block;
    margin: 0px !important;
    padding: 0px 20px 20px !important;
}

.CustomHeader.modal-header {
    background: white;
    padding: 30px 10px 20px !important;
    height: 50px !important;
    flex-direction: row-reverse !important;
    justify-content: space-between;
    padding-right: 0px !important;
}

.CustomHeader.modal-header .close {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    right: 0px;
    background-image: url(../images/AU_ICons/Close_White.png) !important;
    background-size: 11px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background: red;
    padding: 10px;
    border-radius: 100px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    color: #ffffff00 !important;
    font-size: 16px !important;
    top: 13px !important;
    position: relative !important;
    display: block;
    right: -10px !important;
}

.close i {
    left: 0px;
    font-size: 18px !important;
}

hr {
    margin: 0px;
    border-color: rgba(197, 197, 197, 0.5) !important;
    border-style: solid !important;
}

.Process_Readonly_Values>div:last-child .form-group {
    border: none;
}

#mdl_dff9ea8c-ec97-f15b-c092-39b5aa724b09 .modal-footer {
    display: block;
    margin: 0px !important;
    padding: 0px 20px 20px !important;
}

.MultiModal .CustomModel .CustomHeader.modal-header {
    background: white;
    padding: 0px 10px 10px !important;
    height: unset !important;
}

.MultiModal .CustomModel .CustomHeader.modal-header .close {
    position: absolute;
    top: 25px !important;
    transform: translate(-50%, -50%);
    right: 0px;
    background: red;
    padding: 10px;
    border-radius: 100px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: white !important;
    font-size: 16px !important;
    background-image: url(../images/AU_ICons/Close_White.png);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: center;
}

.MultiModal .close i {
    left: 0px;
    font-size: 18px !important;
}

.No-border-right .form-group {
    border: none;
}

.Process_Popup_Panel {
    padding: 0px;
    width: fit-content;
    margin: 0px auto;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 2px;
    border-radius: 23px;
}

.Process_Popup_Panel .panel-body {
    padding: 0px !important;
}

.Process_Popup_Panel.Process_Popup_Panel .Warning_Content .form-group {
    text-align: center !important;
}

.Process_Popup_Panel .panel-body .warning_Bg_Img {
    background-image: url("../images/AU_ICons/warning-illustration.svg");
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 95%;
    height: 200px;
    display: block;
}

.message_Bg {
    background-image: url("../images/AU_ICons/warning-abstract.svg");
    width: 100%;
    background-position: center -5px;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 40px 40px 0px;
}

.Warning_Content {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0px 0px 23px 23px;
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.Process_Popup_Panel.Process_Popup_Panel .form-group .controls span {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    color: rgba(43, 43, 43, 0.6);
    display: block;
    margin: 0px 0px 10px !important;
}

.resolute .form-group a {
    background: rgb(255, 255, 255);
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: rgb(43, 43, 43);
    min-width: 130px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    margin: 30px auto 0px !important;
}

.Process_Popup_Panel {
    background: rgb(255, 255, 255);
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: rgb(43, 43, 43);
    min-width: 130px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px !important;
    border-radius: 30px !important;
    font-weight: 500 !important;
    margin: 10px auto !important;
}

.resolute {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: calc(100vh - 85px);
}

.normal_grid .panel-heading::before {
    display: none;
}

.heading-elements>ul>li>a {
    font-size: 14px;
    font-weight: 400;
    color: rgb(26, 26, 26);
    flex-direction: row;
    gap: 10px;
    align-items: center;
    width: 32px;
    justify-content: center;
    display: flex !important;
    border: 1px solid #33333330;
    padding: 0px !important;
    border-radius: 10px;
}

.panel-heading .heading-elements>ul {
    display: flex;
    align-items: center;
    height: 42px;
    gap: 8px;
    margin: 0px !important;
    padding: 0px !important;
    background: transparent !important;
    justify-content: flex-end;
}

.tab_left .nav>li:first-child>a {
    background-image: url("../images/AppIcons/tab_about_me.png") !important;
    background-position: 14px 19px !important;
    background-repeat: no-repeat !important;
    padding-left: 66px !important;
}

.tab_left .nav>li>a {
    margin-right: 10px;
    font-size: 15px;
    height: 80px;
    display: flex;
    vertical-align: middle;
    line-height: 27px;
    background-color: rgb(231, 235, 247) !important;
    color: rgb(72, 78, 97) !important;
    border-radius: 8px !important;
    padding: 7px 20px 7px 70px !important;
    opacity: 1 !important;
    font-weight: 500 !important;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    font-weight: 600 !important;
}

.tab_left .nav-tabs>li.active>a,
.tab_left .nav-tabs>li.active>a:hover,
.tab_left .nav-tabs>li>a:hover,
.tab_left .nav-tabs>li.active>a:focus {
    margin-right: 10px;
    font-size: 15px;
    height: 80px;
    vertical-align: middle;
    line-height: 4;
    background-color: rgb(73, 113, 231) !important;
    color: rgb(255, 255, 255) !important;
    border-radius: 8px !important;
    padding: 7px 20px 7px 70px !important;
    opacity: 1 !important;
    font-weight: 500 !important;
    border-bottom: none !important;
    transition: unset !important;
    margin-right: 10px;
    font-size: 15px;
    height: 80px;
    display: flex;
    vertical-align: middle;
    line-height: 27px;
    border-radius: 8px !important;
    padding: 7px 20px 7px 70px !important;
    opacity: 1 !important;
    font-weight: 500 !important;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    font-weight: 600 !important;
}

.Process_Edit_Button {
    background-color: rgb(231, 239, 252);
    font-size: 0px;
    width: 30px;
    aspect-ratio: 1 / 1;
    display: flex;
    border-radius: 100px;
    margin-right: 10px;
    background-image: url("../images/AU_ICons/Edit.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
}

.Process_Top_Right_Button_Col {
    position: absolute;
    width: fit-content;
    right: 0px;
    top: -3px;
    padding: 0px !important;
}

.Process_Edit_Button {
    background-color: rgb(231, 239, 252);
    font-size: 0px;
    min-width: 30px;
    aspect-ratio: 1 / 1;
    display: flex;
    border-radius: 100px;
    margin-right: 10px;
    background-image: url("../images/AU_ICons/Edit.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
    border: none;
}

.JobPosting_Label {
    position: relative;
    background-color: rgb(213, 222, 255);
    padding: 10px 25px 10px 45px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgb(148, 171, 255) 0px 0px 0px 1px;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    display: inline-block;
}

.JobPosting_Label::after {
    position: absolute;
    content: "";
    background-color: white;
    left: 0px;
    top: 50%;
    transform: translate(10px, -50%);
    width: 29px;
    aspect-ratio: 1 / 1;
    border-radius: 100px;
    background-size: 17px;
    background-repeat: no-repeat;
}

.Aero::after {
    background-image: url("../images/AU_ICons/aeronautics.png");
    background-position: 6px 5px;
}

.Civil::after {
    background-image: url("../images/AU_ICons/engineering.png");
    background-position: center center;
}

.CSE::after {
    background-image: url("../images/AU_ICons/computer-science.png");
    background-position: center center;
}

.Mec::after {
    background-image: url("../images/AU_ICons/gear.png");
    background-position: center center;
}

.Credit::after {
    background-image: url("../images/AU_ICons/credibility.png");
    background-position: center center;
}

.Credit {
    margin-top: 10px;
    width: fit-content;
    display: flex;
}

.description {
    display: block;
}

.title_01 {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: rgb(49, 64, 103) !important;
}

.description {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: rgba(49, 64, 103, 0.6) !important;
}

.Confirm_Dialog_Modal .modal-content {
    box-shadow: rgba(118, 138, 157, 0.2) 0px 0px 4px 0px;
    margin: 0px 0px 20px;
    border-radius: 15px;
    background-color: white;
    position: relative;
}

.Confirm_Dialog_Modal .modal-content::after {
    content: "";
    position: absolute;
    top: 0%;
    left: 50%;
    background: rgb(255, 165, 0);
    width: 50%;
    height: 7px;
    border-radius: 0px 0px 10px 10px;
    transform: translate(-50%, 0%);
    box-shadow: rgb(255, 165, 0) 2px 0px 5px;
}

.grade_grid table tr td:nth-child(1) span {
    background-color: var(--main-Primary-color);
    border-radius: 6px;
    min-width: 40px;
    display: flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 6px 10px !important;
    color: rgb(255, 255, 255) !important;
}

.normal_grid table tr td span[title="Delete"] button {
    background-image: url("../images/AU_ICons/delete.png");
    background-position: center center;
    background-repeat: no-repeat;
    margin: auto !important;
    font-size: 0px !important;
    padding: 0px !important;
    min-width: unset !important;
    background-color: transparent !important;
    background-size: 13px !important;
    width: 20px !important;
    border: none !important;
    height: 20px !important;
    min-height: unset !important;
    border-radius: 0px !important;
}

.normal_grid table tr th[aria-label="Delete: activate to sort column ascending"],
.normal_grid table tr th[aria-label="Amenities: activate to sort column ascending"] {
    text-align: center;
    width: 140px !important;
}

.normal_grid table tr td span[title="Amenities"] button {
    background-image: url("../images/AppIcons/view.png");
    background-position: center center;
    background-repeat: no-repeat;
    margin: auto !important;
    font-size: 0px !important;
    padding: 0px !important;
    min-width: unset !important;
    background-color: transparent !important;
    background-size: 19px !important;
    width: 20px !important;
    border: none !important;
    height: 20px !important;
    min-height: unset !important;
    border-radius: 0px !important;
}

.e-datetime-wrapper,
.CalendarwithTime .e-datetime-wrapper {
    opacity: 1;
    font-weight: 500;
    height: 40px;
    border: 1px solid rgb(208, 213, 221) !important;
    background-color: rgb(255, 255, 255) !important;
    border-radius: 7px !important;
    color: rgb(100, 100, 100) !important;
}

.e-datetime-wrapper input,
.CalendarwithTime .e-datetime-wrapper input {
    height: 40px !important;
    max-height: 40px !important;
    padding: 0px !important;
}

.CalendarwithTime .e-datetime-wrapper:hover {
    border-color: unset !important;
}

.e-datetime-wrapper .e-input-group-icon.e-date-icon,
.e-datetime-wrapper .e-input-group-icon.e-time-icon {
    font-size: 16px;
    margin: 0px;
    min-height: 24px;
    min-width: 24px;
    outline: none;
}

#divCanvas .e-input-group input[type="text"]:focus {
    border: none !important;
    box-shadow: none !important;
}

.e-input-group {
    max-height: 40px !important;
    border-radius: 8px !important;
}

.Process_Edit_Button .modal {
    width: auto !important;
}

.form-group.form-group.form-group .form-group {
    margin-bottom: 0px !important;
}

.choice span {
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    position: relative;
    border: unset !important;
}

.normal_grid table tbody tr td span[title="Comments"] button,
.normal_grid table tbody tr td span[title="Comments"] button:hover {
    color: var(--main-Primary-color);
    background-image: url("../images/AppIcons/chat.svg");
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    opacity: 0.7;
    background-color: rgba(59, 97, 235, 0) !important;
    width: 100% !important;
    padding: 0px !important;
    min-width: 100px !important;
    height: 30px !important;
    border-radius: 8px !important;
    background-size: 16px !important;
    text-align: center !important;
    margin: 0px auto !important;
    box-shadow: none !important;
}

.Student_CGPA_Modal,
.Student_CGPA_Modal:hover {
    position: absolute;
    top: 16px;
    border-radius: 10px;
    z-index: 1;
    width: 100%;
    height: 117px;
    background-color: transparent;
    border: none;
    font-size: 0px !important;
}

.studentgreypanel {
    padding: 0px 10px;
}

.CustomUploadReport .input-group-btn a .fa-times::before {
    background-color: white !important;
}

.input-xs {
    padding: 0px;
}

.radio .choice,
.radio-inline .choice {
    position: absolute;
    top: 1px;
    left: 0px;
    border: 2px solid #510c7f !important;
}

.choice span.checked::after {
    display: block;
    color: #4f0b7e !important;
}

.timeline_circle {
    height: 40px;
    width: 40px;
    background-color: rgb(45, 149, 240);
    border: 0px solid rgb(231, 239, 252);
    background-image: url("../images/AppIcons/flag.png");
    background-position: center center;
    background-size: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    border-radius: 100%;
}

.timeline_circle::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 35px;
    background-color: rgb(217, 222, 225);
    top: -41px;
    left: 30px;
    z-index: 0;
}

.timeline_circle::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 81px;
    background-color: rgb(217, 222, 225);
    top: 45px;
    left: 30px;
    z-index: 0;
}

.header_link {
    font-size: 16px;
    color: rgb(45, 149, 240);
    font-weight: 600;
}

.header_link:hover {
    text-decoration: underline;
}

.timeline_panel .col-md-1,
.timeline_panel .col-lg-1 {
    width: auto;
    float: left;
}

.timeline_outer {
    border: 1px solid rgba(217, 222, 225, 0.4);
    border-radius: 30px;
    margin-bottom: 20px;
    background-color: rgb(245, 246, 247);
}

.auto_scroll_description_timeline {
    height: 50px;
    overflow-y: scroll;
    -webkit-mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 17px, black 17px);
    -webkit-mask-size: 100% 20000px;
    -webkit-mask-position: left bottom;
    transition: mask-position 0.3s ease 0s, -webkit-mask-position 0.3s ease 0s;
    display: block;
    padding-right: 20px !important;
}

.auto_scroll_description_timeline:hover {
    -webkit-mask-position: left top;
}

.auto_scroll_description_timeline::-webkit-scrollbar {
    width: 10px;
}

.auto_scroll_description_timeline::-webkit-scrollbar-track {
    background-color: rgb(228, 228, 228);
    border-radius: 100px;
}

.auto_scroll_description_timeline::-webkit-scrollbar-thumb {
    background-color: rgb(212, 170, 112);
    border-radius: 100px;
}

.timeline_content {
    background-color: white;
    border-radius: 22px;
    padding: 12px 20px 12px 33px;
    border: 1px solid rgb(235, 238, 240);
}

.timeline_content::before {
    content: "";
    height: 28px;
    width: 3px;
    background-color: rgba(255, 188, 87, 0.79);
    position: absolute;
    left: 19px;
    top: 10px;
    border-radius: 10px;
}

.add_btn_block {
    background-image: url("../images/AppIcons/add_cal.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 2px dashed rgb(165, 180, 203);
    background-color: transparent;
    box-shadow: none;
    font-size: 0px;
    display: inline-block;
    border-radius: 8px;
    position: relative;
    top: 3px;
    padding: 20px;
    height: 35px !important;
    width: 100% !important;
}

.add_btn_block:hover {
    background-color: rgb(246, 247, 249);
}

.form-group .controls .form-control.input-xs {
    padding: 5px 10px;
}

.form-group .checker span.checked {
    background-color: #89288F !important;
}

.form-group .checker span {
    border: 2px solid #89288F !important;
    border-radius: 8px !important;
}

.e-multiselect {
    display: flex;
    align-items: center;
    height: unset !important;
    max-height: unset !important;
}

.e-multi-select-wrapper .e-searcher {
    margin: 0px 0px 1px !important;
    margin-right: 35px !important;
    height: 39px;
    display: block;
    position: relative;
    top: 3px;
}

.e-multi-select-wrapper .e-searcher input {
    display: flex;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 1px 4px !important;
    border: 1px solid rgba(0, 0, 0, 0.14) !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    background: rgb(255, 255, 255) !important;
    padding: 0px 5px !important;
    height: 39px !important;
    width: fit-content !important;
    margin: 0px !important;
}

.form-group .controls .e-multiselect {
    border: none !important;
}

.form-group .controls .e-multiselect:hover {
    box-shadow: unset !important;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td .form-group .input-group span {
    font-weight: 500;
    font-size: 13px !important;
    color: rgb(86, 86, 86) !important;
}

.form-group .input-xs span {
    color: rgb(53, 75, 86);
    font-size: 14px;
    font-weight: 500 !important;
    text-shadow: unset !important;
}

.Document_Grid table thead tr th:nth-child(2)::after {
    position: absolute;
    content: "*";
    top: 10px;
    right: 0px;
    color: red;
    font-weight: 700 !important;
    font-size: 14px !important;
}

.Document_Grid table thead tr th:nth-child(2) {
    width: fit-content;
    display: flex;
}

.RepeaterNodata {
    background-image: url("../images/AppIcons/nodata_found.png");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center 15px;
    height: 200px;
    padding-top: 144px;
    text-align: center;
    font-weight: 500;
    color: orange;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
}

.btn.icon::after {
    background-image: none !important;
}

.btn.icon {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px;
    transition: all 0.3s ease 0s;
    overflow: hidden;
    width: 100%;
    height: 29px !important;
    line-height: 17px !important;
    border-radius: 25px !important;
    padding: 4px 16px !important;
    border: none !important;
    position: relative !important;
    margin: 5px 0px !important;
    display: block !important;
}

.btn-success {
    background: rgb(76, 175, 80) !important;
}

.btn-success.icon::after {
    position: absolute;
    font-size: 14px;
    transform: translate(-50%, -50%);
    content: "Save" !important;
    color: white !important;
    font-weight: 500 !important;
    top: 50% !important;
    left: 50% !important;
    height: 19px !important;
    width: 100% !important;
}

.btn-warning.icon {
    background: rgb(255, 87, 34) !important;
}

.btn-warning.icon::after {
    position: absolute;
    font-size: 14px;
    transform: translate(-50%, -50%);
    content: "Cancel" !important;
    color: white !important;
    font-weight: 500 !important;
    top: 50% !important;
    left: 50% !important;
    height: 19px !important;
    width: 100% !important;
}

.reopen-btn {
    margin-top: 8px;
}

.btn.btn-info {
    background: rgb(32, 106, 159);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px;
    transition: all 0.3s ease 0s;
    height: 30px !important;
    line-height: 17px !important;
    border-radius: 25px;
    padding: 4px 16px !important;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}

@-webkit-keyframes bounceRight {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateX(0px);
    }

    40% {
        transform: translateX(-30px);
    }

    60% {
        transform: translateX(-15px);
    }
}

@keyframes bounceRight {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateX(0px);
    }

    40% {
        transform: translateX(-15px);
    }

    60% {
        transform: translateX(-7px);
    }
}

.Configuration_Pill_Panel:hover .panel-body h6::after {
    animation: 2s ease 0s infinite normal none running bounceRight;
    top: 5px;
}

.form-group .input-group-btn a,
.form-group .input-group-btn a:last-child {
    opacity: 1;
    border: 1px solid rgba(169, 169, 169, 0.46) !important;
    background-color: rgb(255, 255, 255) !important;
    border-radius: 8px !important;
    color: rgb(88, 48, 53) !important;
}

.form-group .input-group-btn a:first-child {
    margin-left: 4px !important;
}

.form-group .input-group-btn a i.fa::before {
    transform: translate(-50%, -50%);
    line-height: 12px;
    background-size: 16px !important;
    top: 50% !important;
    left: 50% !important;
    right: unset !important;
    bottom: unset !important;
    width: 16px !important;
    height: 16px !important;
    font-size: 17px !important;
    background-position: 0px center !important;
}

#divCanvas .table-widget .table-widget-content table tfoot tr th .input-group {
    display: inline-table;
    max-height: 40px !important;
    border-collapse: unset !important;
    box-sizing: unset !important;
}

#divCanvas .table-widget .table-widget-content table tfoot tr th .input-group .input-group-btn button {
    width: 40px;
    border-radius: 8px 0px 0px 8px;
    background: white !important;
}

#divCanvas .table-widget .table-widget-content table tfoot tr th .input-group input {
    border-radius: 0px 8px 8px 0px;
    padding-left: 0px;
}

#divCanvas .table-widget .table-widget-content table tfoot tr th .input-group .input-group-btn button span::before {
    color: var(--main-Primary-color);
    font-weight: 600;
    opacity: 0.8;
    font-size: 14px;
}

.heading-elements>ul>li>a:hover {
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px 0px;
}

.Personal_Name_Col {
    background-image: url("../images/AU_ICons/Info_name.svg");
    width: 100%;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 30px;
}

.Personal_Name {
    background: rgb(255, 255, 255);
    border-left: 5px solid rgb(255, 165, 0);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px;
    border-radius: 8px;
    min-height: 40px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    margin-left: 20px;
    font-size: 16px;
    font-weight: 600 !important;
}

.Personal_Name_Placeholder {
    position: absolute;
    display: none;
}

.Personal_Name_Col:hover .Personal_Name_Placeholder {
    display: block;
    bottom: -26px;
    z-index: 1;
    left: 0px;
}

.Personal_Name_Placeholder h6 {
    background: var(--main-Primary-color);
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 7px 10px;
    gap: 48px;
    height: 30px;
    color: white;
    font-size: 12px;
    line-height: 16px;
    opacity: 1;
    font-weight: 600 !important;
}

.academic_btn:hover {
    background-color: rgba(33, 60, 157, 0.11) !important;
}

.st_widget_01 {
    border-radius: 30px;
    background-color: rgb(250, 242, 246);
    background-image: url("../images/curvebg_04.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto;
    margin-bottom: 20px;
    border: 0px !important;
}

.st_widget_01 .panel-body {
    padding: 10px !important;
}

.st_widget_01 span {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: -15px;
    color: rgb(93, 93, 93) !important;
}

.st_widget_02 {
    border-radius: 30px;
    background-color: rgb(249, 236, 228);
    background-image: url("../images/curvebg_04.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto;
    margin-bottom: 20px;
    border: 0px !important;
}

.st_widget_02 .panel-body {
    padding: 10px !important;
}

.st_widget_02 span {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: -15px;
    color: rgb(93, 93, 93) !important;
}

.st_widget_03 {
    border-radius: 30px;
    background-color: rgb(231, 246, 248);
    background-image: url("../images/curvebg_04.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto;
    margin-bottom: 20px;
    border: 0px !important;
}

.st_widget_03 .panel-body {
    padding: 10px !important;
}

.st_widget_03 span {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: -15px;
    color: rgb(93, 93, 93) !important;
}

.st_widget_04 {
    border-radius: 30px;
    background-color: rgb(221, 241, 239);
    background-image: url("../images/curvebg_04.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto;
    margin-bottom: 20px;
    border: 0px !important;
}

.st_widget_04 .panel-body {
    padding: 10px !important;
}

.st_widget_04 span {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: -15px;
    color: rgb(93, 93, 93) !important;
}

.st_widget_05 {
    border-radius: 30px;
    background-color: rgb(245, 245, 253);
    background-image: url("../images/curvebg_04.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto;
    margin-bottom: 20px;
    border: 0px !important;
}

.st_widget_05 .panel-body {
    padding: 10px !important;
}

.st_widget_05 span {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: -15px;
    color: rgb(93, 93, 93) !important;
}

.st_widget_06 {
    border-radius: 30px;
    background-color: rgb(15, 133, 121);
    background-image: url("../images/curvebg_04.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto;
    margin-bottom: 20px;
    border: 0px !important;
}

.st_widget_06 .panel-body {
    padding: 10px !important;
}

.st_widget_06 span {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: -15px;
    color: rgb(252, 221, 128) !important;
}

.st_widget_06 .form-group label {
    color: rgb(255, 255, 255) !important;
}

.circle_div {
    height: 70px;
    width: 70px;
    background-color: white;
    text-align: center;
    vertical-align: middle;
}

.demand_amt {
    background-image: url("../images/Process_images/demand_amt.svg");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 70px;
    width: 70px;
    border-radius: 100%;
    background-color: white;
}

.excess_amt {
    background-image: url("../images/Process_images/excess_amt.svg");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 70px;
    width: 70px;
    border-radius: 100%;
    background-color: white;
}

.balance_amt {
    background-image: url("../images/Process_images/balance_amt.svg");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 70px;
    width: 70px;
    border-radius: 100%;
    background-color: white;
}

.exemption_amt {
    background-image: url("../images/Process_images/exemption_amt.svg");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 70px;
    width: 70px;
    border-radius: 100%;
    background-color: white;
}

.paid_amt {
    background-image: url("../images/Process_images/paid_amt.svg");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 70px;
    width: 70px;
    border-radius: 100%;
    background-color: white;
}

.total_amt {
    background-image: url("../images/Process_images/total_amt.svg");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 70px;
    width: 70px;
    border-radius: 100%;
    background-color: white;
}

.content-group-sm {
    margin-left: 20px;
    margin-right: 10px;
}

.active_lbl {
    font-size: 16px;
    font-weight: bold;
}

.button_large {
    border-radius: 15px;
    background-color: rgba(43, 33, 80, 0.46);
    background-image: url("../images/curvebg_04.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 14%;
    margin-bottom: 20px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    width: 100%;
    display: inline-block;
    height: 90px;
    text-align: center;
    vertical-align: middle;
    padding-top: 29px;
    font-size: 18px;
    color: rgb(255, 255, 255);
    font-weight: normal;
    border: 2px solid rgb(255, 255, 255) !important;
}

.progress-bar-info {
    background-color: rgb(255, 132, 65) !important;
    border-radius: 33px !important;
}

.progress-xs {
    height: 10px;
    border-radius: 33px !important;
}

.IITH_Modal_Dialog .modal-body {
    margin: 0px auto;
}

.FacultyGrid table tbody tr td:nth-child(5) span::before {
    font-size: 14px !important;
    top: 7px !important;
}

.FacultyGrid table tbody tr td:nth-child(4) span::before {
    font-size: 14px !important;
    top: 8px !important;
}

.FacultyGrid .table-widget .table-widget-content tbody tr td:nth-child(5) {
    position: absolute;
    top: 193px;
    left: 144px;
}

.FacultyGrid .table-widget .table-widget-content tbody tr td:nth-child(4) span:nth-child(2) {
    font-size: 14px !important;
    padding-left: 80px !important;
}

.FacultyGrid .table-widget .table-widget-content tbody tr td:nth-child(5) span:nth-child(2) {
    font-size: 14px !important;
    padding-left: 95px !important;
}

.FacultyGrid .table-widget .table-widget-content tbody tr td:nth-child(4) span:nth-child(2)::after {
    right: 46px !important;
}

.FacultyGrid .table-widget .table-widget-content tbody tr td:nth-child(5) span:nth-child(2)::after {
    right: 40px !important;
}

.FacultyGrid .table-widget .table-widget-content tbody tr td:nth-child(6) {
    margin-top: 22px;
}

.FacultyGrid table tbody tr td:nth-child(6) span::before {
    content: "Segment";
}

.FacultyGrid table tbody tr {
    width: 33.3% !important;
}

.grid_col_1 .table .thead tr th:nth-child(1) {
    min-width: 350px !important;
}

.grid_col_4 .table .thead tr th:nth-child(4) {
    min-width: 350px !important;
}

.sethu_grid .table-widget .table-widget-content table tbody tr td:first-child {
    width: 25%;
}

.sethu_grid .table-widget .table-widget-content table tbody tr td:nth-child(4) {
    width: 30%;
}

.sethu_grid .table-widget .table-widget-content table tbody tr td:nth-child(3) {
    max-width: 79px !important;
}

.sethu_grid .table-widget .table-widget-content table tbody tr td:nth-child(2) {
    width: 15%;
}

.sethu_grid .table-widget .table-widget-content table tbody tr td:nth-child(6) {
    max-width: 80px !important;
}

.sethu_grid .table-widget .table-widget-content table tbody tr td:nth-child(5) {
    max-width: 83px !important;
}

.normal_grid table thead tr th {
    min-width: 190px;
}

.normal_grid table thead tr {
    background: #F8F8F8;
}

.Warning_Content {
    flex-direction: column;
}

.Warning_Content h1,
.Warning_Content h2,
.Warning_Content h3,
.Warning_Content h4,
.Warning_Content h5,
.Warning_Content h6 {
    color: rgb(255, 153, 0);
    max-width: 250px;
    text-align: center;
    font-weight: 700 !important;
    font-size: 20px !important;
    margin: 10px auto !important;
    padding: 0px !important;
}

.Warning_Content h1::after,
.Warning_Content h2::after,
.Warning_Content h3::after,
.Warning_Content h4::after,
.Warning_Content h5::after,
.Warning_Content h6::after {
    content: "!!!";
}

.Warning_Content .form-group label {
    text-align: center;
    max-width: 250px;
    padding-bottom: 0px;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: rgb(43, 43, 43) !important;
    line-height: 22px !important;
}

.W_Close .modal-header {
    display: block !important;
    border: none !important;
}

.W_Close.CustomConfirmDialog .modal-dialog .modal-content .modal-header::before {
    display: none;
}

.W_Close .modal-header h4 {
    display: none;
}

.reopen-pop .W_Close .modal-header button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    background-color: rgb(247, 79, 79) !important;
    width: 35px !important;
    aspect-ratio: 1 / 1 !important;
    height: 35px !important;
    top: 25px !important;
    right: 0px;
    border-radius: 100px !important;
    background-image: url(../images/AU_ICons/Close_White.png);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: center;
}

.W_Close .modal-body {
    overflow: hidden;
}

.W_Close .modal-dialog .modal-content .modal-body .content {
    padding: 0px !important;
}

.W_Close .modal-body .content .normal_grid {
    margin: 0px !important;
}

.form-group .controls span.TimeTable_ID,
.form-group .controls span.Course_ID {
    padding: 3px 15px;
    border: 1px solid rgb(232, 232, 233);
    display: flex;
    align-items: center;
    font-size: 13px !important;
    font-weight: 700 !important;
    background-color: rgba(231, 239, 252, 0.5) !important;
    margin-top: 5px !important;
    line-height: unset !important;
    border-radius: 6px !important;
}

#divCanvas .Course_Code {
    background-image: url("../images/AU_ICons/Course.svg"), linear-gradient(45deg, rgb(255, 165, 0), rgba(253, 117, 95, 0.93));
    padding: 4px 15px 4px 40px;
    border: 1px solid rgb(232, 232, 233);
    display: inline-flex;
    align-items: center;
    background-size: 19px, 100%;
    background-position: 10px center, center center;
    background-repeat: no-repeat;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-top: 5px !important;
    line-height: unset !important;
    border-radius: 6px !important;
    color: rgb(255, 255, 255) !important;
    width: fit-content !important;
}

.normal_grid thead tr th[aria-label="Remarks: activate to sort column ascending"] {
    min-width: 450px !important;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td {
    width: auto;
    max-width: unset !important;
}

.Search_header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 0px !important;
}

.Search_header .Search_header_text {
    margin-right: 15px;
    align-items: center;
    padding-bottom: 11px;
}

.Search_header .Search_header_text .timetable_for {
    margin-right: 5px;
    font-weight: 500 !important;
}

.Search_header .Search_header_text .form-group {
    margin: 0px !important;
}

.Search_header .Search_header_text .form-group .controls span {
    color: rgb(59, 97, 235);
    font-weight: 700;
    margin-left: 5px;
    padding-left: 0px;
    font-size: 18px !important;
}

.Search_header .Search_header_text .form-group .controls span::before {
    content: " ";
    position: absolute;
    left: 1px;
    top: -1px;
}

table tbody tr td span[title="Profile"] button {
    color: transparent;
    font-size: 0px;
    opacity: 1;
    background-color: var(--main-Primary-color) !important;
    min-width: 40px !important;
    max-width: 40px !important;
    background-image: url("../images/AU_ICons/Grid_Profile.svg") !important;
    background-size: 14px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.CGPA_Grid table tr td:nth-child(2) span {
    font-weight: bold !important;
}

.CGPA_Grid table tr td:nth-child(6) .form-group span {
    background-image: url("../images/AU_ICons/GridCGPA.svg"), linear-gradient(45deg, rgb(255, 165, 0), rgba(253, 117, 95, 0.93));
    padding: 4px 15px 4px 40px;
    border: 1px solid rgb(232, 232, 233);
    display: inline-flex;
    align-items: center;
    background-size: 19px, 100%;
    background-position: 10px center, center center;
    background-repeat: no-repeat;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-top: 5px !important;
    line-height: unset !important;
    border-radius: 6px !important;
    color: rgb(255, 255, 255) !important;
}

.student_img {
    border-radius: 100%;
    border: 3px solid white;
    background-image: url("../images/Process_images/student2.png");
    background-size: 117px;
    margin: auto;
    height: 120px !important;
    width: 120px !important;
}

.faculty_img {
    border-radius: 100%;
    border: 3px solid white;
    background-image: url("../images/Process_images/faculty.png");
    background-size: 117px;
    margin: auto;
    height: 120px !important;
    width: 120px !important;
}

.qrimg {
    background-image: url("../images/Process_images/qr.png");
    background-size: 195px;
    margin: auto;
    height: 195px !important;
    width: 195px !important;
}

.display_none {
    display: none !important;
}

.img_dummy {
    border-radius: 100%;
    border: 0px solid white;
    background-image: url(../images/AppIcons/user_stoke.svg);
    background-size: 50px;
    margin-left: 20px;
    margin-right: 20px;
    background-position: center center;
    height: 50px !important;
    width: 50px !important;
    background-repeat: no-repeat;
    float: left;
}

.img_dummy1 {
    border-radius: 100%;
    border: 0px solid white;
    background-image: url(../images/Process_images/user_03.svg);
    background-size: 60px;
    height: 60px !important;
    width: 60px !important;
    background-repeat: no-repeat;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td .form-group .input-group span {
    display: inline-block;
}

.Process_Popup_Panel.Process_Popup_Panel .form-group .controls span {
    font-weight: 400;
    line-height: 28px;
    max-width: 200px;
    margin: 0px auto 10px !important;
}

.Process_Popup_Panel .panel-body .reject_Bg_Img {
    background-image: url("../images/AU_ICons/restrict-warning-popup.svg");
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px;
    display: block;
}

.remove_collapse .icons-list {
    display: none;
}

.Process_Readonly_Values .label-warning {
    background-color: rgb(253, 216, 204) !important;
    border: 0px !important;
}

.Process_Panel_withleftborder .label-warning {
    background-color: rgb(253, 216, 204) !important;
    border: 0px !important;
}

.modal .modal-body .content .Process_Panel .panel-body .form-group .controls .e-chipcontent {
    padding: 0px 4px 0px 0px !important;
}

.modal .modal-body .content .Process_Panel .panel-body .form-group .controls .e-chips-close {
    padding: 0px 4px 0px 0px !important;
    bottom: 3px;
}

.modal .form-group .controls .e-multiselect .e-multi-select-wrapper {
    align-items: center;
}

.custom_tab_02 {
    position: relative;
}

.custom_tab_02 ul.nav {
    border: 0px !important;
    background: transparent;
    margin: 0 !important;
}

.custom_tab_02 ul.nav li {
    margin: 0 20px 10px 0 !important;
}

.custom_tab_02 ul.nav li>a {
    background: rgb(221, 226, 241);
    border-radius: 10px !important;
    color: rgba(0, 0, 0, 0.5) !important;
    border: 0px !important;
}

.custom_tab_02 ul.nav li>a span {
    font-size: 16px;
}

.custom_tab_02 ul.nav li>a:hover {
    background-color: rgb(255, 255, 255) !important;
    border-radius: 10px !important;
    border: 0px !important;
}

.custom_tab_02 ul.nav li.active>a {
    box-shadow: rgb(227, 100, 46) 0px 4px 10px;
    background-color: rgb(227, 100, 46) !important;
    border-radius: 10px !important;
    color: rgb(255, 255, 255) !important;
    border: 0px !important;
}

.custom_tab_02 ul.nav li.active>a:hover {
    background-color: rgb(199, 76, 24) !important;
    border-radius: 10px !important;
    color: rgb(255, 255, 255) !important;
    border: 0px !important;
}

.apar_application ul.nav li:first-child>a {
    border: 0px;
    background-image: url("../images/Process_images/appraisal.svg");
    background-position: 16px 12px;
    background-repeat: no-repeat;
    padding-left: 54px;
    padding-right: 20px;
    border-radius: 10px !important;
    color: rgba(0, 0, 0, 0.5) !important;
}

.apar_application ul.nav li:first-child.active>a {
    background: url("../images/Process_images/appraisal_white.svg") 16px 10px no-repeat rgb(227, 100, 46);
    box-shadow: rgb(227, 100, 46) 0px 4px 10px;
    border: 0px;
    padding-left: 54px;
    padding-right: 20px;
    border-radius: 10px !important;
    color: white !important;
}

.apar_application ul.nav li:last-child>a {
    border: 0px;
    background-image: url("../images/Process_images/self_appraisal.svg");
    background-position: 16px 10px;
    background-repeat: no-repeat;
    padding-left: 54px;
    padding-right: 20px;
    border-radius: 10px !important;
    color: rgba(0, 0, 0, 0.5) !important;
}

.apar_application ul.nav li:last-child.active>a {
    background: url("../images/Process_images/self_appraisal_white.svg") 16px 12px no-repeat rgb(227, 100, 46);
    box-shadow: rgb(227, 100, 46) 0px 4px 10px;
    border: 0px;
    padding-left: 54px;
    padding-right: 20px;
    border-radius: 10px !important;
    color: white !important;
}

.apar_report ul.nav li:first-child>a {
    border: 0px;
    background-image: url("../images/Process_images/report_icon.svg");
    background-position: 16px 12px;
    background-repeat: no-repeat;
    padding-left: 54px;
    padding-right: 20px;
    border-radius: 10px !important;
    color: rgba(0, 0, 0, 0.5) !important;
}

.apar_report ul.nav li:first-child.active>a {
    background: url("../images/Process_images/report_icon_white.svg") 16px 10px no-repeat rgb(227, 100, 46);
    box-shadow: rgb(227, 100, 46) 0px 4px 10px;
    border: 0px;
    padding-left: 54px;
    padding-right: 20px;
    border-radius: 10px !important;
    color: white !important;
}

.apar_report ul.nav li:nth-child(2)>a {
    border: 0px;
    background-image: url("../images/Process_images/appraisal.svg");
    background-position: 16px 12px;
    background-repeat: no-repeat;
    padding-left: 54px;
    padding-right: 20px;
    border-radius: 10px !important;
    color: rgba(0, 0, 0, 0.5) !important;
}

.apar_report ul.nav li:nth-child(2).active>a {
    background: url("../images/Process_images/appraisal_white.svg") 16px 10px no-repeat rgb(227, 100, 46);
    box-shadow: rgb(227, 100, 46) 0px 4px 10px;
    border: 0px;
    padding-left: 54px;
    padding-right: 20px;
    border-radius: 10px !important;
    color: white !important;
}

.apar_report ul.nav li:last-child>a {
    border: 0px;
    background-image: url("../images/Process_images/self_appraisal.svg");
    background-position: 16px 10px;
    background-repeat: no-repeat;
    padding-left: 54px;
    padding-right: 20px;
    border-radius: 10px !important;
    color: rgba(0, 0, 0, 0.5) !important;
}

.apar_report ul.nav li:last-child.active>a {
    background: url("../images/Process_images/self_appraisal_white.svg") 16px 12px no-repeat rgb(227, 100, 46);
    box-shadow: rgb(227, 100, 46) 0px 4px 10px;
    border: 0px;
    padding-left: 54px;
    padding-right: 20px;
    border-radius: 10px !important;
    color: white !important;
}

.Process_Panel_blue {
    background: rgb(242, 246, 249);
    border-radius: 15px;
    border: 0px;
}

.Process_Panel_white {
    box-shadow: rgba(155, 172, 231, 0.34) 0px 3px 10px;
    margin: 0px 0px 20px;
    border-radius: 15px;
    background-color: white;
}

.Process_Panel_white .panel-body {
    border-bottom: 1px solid rgb(212, 224, 233);
}

.ele_lbl_outer {
    background: rgb(242, 246, 249);
    border-radius: 15px;
    padding: 10px 15px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.lbl_bullet {
    background: rgb(249, 184, 184);
    height: 32px;
    width: 32px;
    color: rgb(0, 0, 0);
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    border-radius: 100%;
    display: inline-block;
    line-height: 2.3;
    font-weight: bold;
}

.lbl_conent {
    float: left;
    font-size: 14px;
    line-height: 2.3;
    font-weight: bold;
}

.ele_lbl_outer_red {
    background: rgb(243 246 251);
    border-radius: 15px;
    padding: 10px 15px;
    margin-bottom: 0px;
    display: inline-block;
    width: 100%;
}

.ele_lbl_outer_red .media-body {
    width: auto !important;
}

.ele_lbl_outer_red1 {
    background: rgb(243 246 251);
    border-radius: 15px;
    padding: 10px 15px;
    margin-bottom: 0px;
    display: inline-block;
    width: 100%;
}

.ele_lbl_outer_red1 .media-body {
    width: auto !important;
}

.mt-30 {
    margin-top: 30px;
}

.Process_Panel_blue_01 {
    background: rgb(242, 246, 249);
    border-radius: 15px;
    margin-bottom: 20px;
    border: 0px !important;
}

.Process_Panel_blue_01 .panel-body {
    border-bottom: 0px !important;
    padding: 10px !important;
}

.Process_Panel_grey {
    background: rgb(247, 248, 250);
    border-radius: 15px;
    margin-bottom: 20px;
    border: 0px !important;
}

.Process_Panel_grey .panel-body {
    border-bottom: 0px !important;
    padding: 10px !important;
    display: flex;
    align-items: center;
}

.popup_icon {
    background-image: url("../images/Process_images/alert.svg");
    background-repeat: no-repeat;
    background-size: 24px;
    padding-left: 74px;
    background-position: 27px center;
}

.declare_icon {
    background-image: url("../images/Process_images/declare.svg");
    background-position: center center;
    background-repeat: no-repeat;
    height: 65px;
    width: 65px;
}

.white_box {
    background-color: white;
    box-shadow: rgb(227, 237, 244) 0px 4px 4px;
    border-radius: 15px;
    height: 65px;
    width: 65px;
}

.media h5 {
    color: rgb(49, 64, 103);
    font-size: 20px;
    font-weight: 600;
    margin-top: 15px;
}

.Process_Panel_header {
    background: rgb(227, 237, 244);
    border-radius: 15px;
    border: 0px;
    margin-bottom: 10px;
}

.Process_Panel_header .panel-body {
    padding: 16px 10px 20px !important;
}

.Process_Panel_header h6,
.Process_Panel_header h5 {
    font-weight: 600 !important;
}

.Process_Panel_content {
    background: transparent;
    border-radius: 0px;
    border-bottom: 1px solid rgb(227, 237, 244);
    margin-bottom: 10px;
}

.card_purple_300 {
    background: url("../images/curvebg_04.png") right top / auto no-repeat rgb(238, 233, 255);
    border: 3px solid rgb(255, 255, 255);
    box-shadow: rgba(155, 172, 231, 0.34) 0px 3px 10px;
    border-radius: 23px;
}

.card_purple_300::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 109px;
    left: 12px;
    transform: translate(-50%, -50%);
    top: 50%;
    background: rgb(98, 102, 234);
    opacity: 0.25;
    border-radius: 100px;
}

.card_blue_300 {
    background: url("../images/curvebg_04.png") right top / auto no-repeat rgb(231, 246, 248);
    border: 3px solid rgb(255, 255, 255);
    box-shadow: rgba(155, 172, 231, 0.34) 0px 3px 10px;
    border-radius: 23px;

}

.card_blue_500 {
    background: url("../images/curvebg_04.png") right top / auto no-repeat rgb(231, 246, 248);
    box-shadow: rgba(155, 172, 231, 0.34) 0px 3px 10px;
    margin-bottom: 20px;
}

.card_blue_300::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 109px;
    left: 12px;
    transform: translate(-50%, -50%);
    top: 50%;
    background: rgb(9, 83, 92);
    opacity: 0.25;
    border-radius: 100px;
}

.circle_purple_400 {
    width: 60px;
    height: 60px;
    background: rgb(177, 142, 249);
    border-radius: 100%;
}

.circle_blue_400 {
    width: 60px;
    height: 60px;
    background: rgb(131, 173, 255);
    border-radius: 100%;
}

.circle_orange_400 {
    width: 60px;
    height: 60px;
    background: rgb(251, 246, 246);
    border-radius: 100%;
}

.circle_blue_40 {
    width: 40px;
    height: 40px;
    background: rgb(131, 173, 255);
    border-radius: 100%;
}

.user_icon_01 {
    background-image: url("../images/Process_images/user_01.svg");
    background-position: center center;
    background-repeat: no-repeat;
    height: 60px;
    width: 60px;
}

.user_icon_02 {
    background-image: url("../images/Process_images/user_icon_02.svg");
    background-position: center center;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    background-size: 20px;
}

.rollno {
    color: rgb(154, 154, 154);
    margin-right: 20px;
}

.contact_icon_01 {
    background-image: url("../images/Process_images/contactbook.svg");
    background-position: center center;
    background-repeat: no-repeat;
    height: 60px;
    width: 60px;
}

.file_check_icon {
    background-image: url("../images/Process_images/file_tick.svg");
    background-position: center center;
    background-repeat: no-repeat;
    height: 60px;
    width: 60px;
}

.file_cancel_icon {
    background-image: url("../images/Process_images/file_cancel.svg");
    background-position: center center;
    background-repeat: no-repeat;
    height: 60px;
    width: 60px;
}

.message_icon {
    background-image: url("../images/Process_images/message.svg");
    background-position: center center;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
}

.card_title_blue {
    font-weight: 800 !important;
    font-size: 18px !important;
    color: rgb(37, 79, 229) !important;
}

.view_btn_01 {
    background: rgb(167, 146, 237);
    border-radius: 10px;
    padding: 10px 20px;
    height: 30px;
    text-align: center;
    color: white;
}

.view_btn_02 {
    background: rgb(103, 137, 141);
    border-radius: 10px;
    padding: 10px 20px;
    height: 30px;
    text-align: center;
    color: white;
}

.consolidated_view label {
    margin-bottom: 25px !important;
}

.consolidated_view .form-group {
    margin-bottom: 25px !important;
}

.card_title_normal {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: rgb(81 132 139) !important;
}

.card_purple_300 label {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    color: rgba(13, 34, 56, 0.6) !important;
}

.card_purple_300 .form-group span {
    font-size: 15px;
    line-height: 17px;
    font-weight: 700;
    color: rgb(126, 114, 166);
}

.card_blue_300 .panel-body,
.card_purple_300 .panel-body {
    min-height: 172px;
}

.card_blue_300 label {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    color: rgba(13, 34, 56, 0.6) !important;
}

.card_blue_300 .form-group span {
    font-size: 15px;
    line-height: 17px;
    font-weight: 700;
    color: rgb(81 132 139);
}

.card_blue_300 .form-control,
.card_purple_300 .form-control {
    background-color: transparent !important;
    border: 0px !important;
    padding: 0px !important;
    height: auto !important;
}

.card_purple_300 .col-lg-2,
.card_purple_300 .col-md-2,
.card_purple_300 .col-lg-6,
.card_purple_300 .col-md-2,
.card_purple_300 .col-md-4,
.card_purple_300 .col-lg-4 {
    width: auto;
}

.card_blue_300 .col-lg-2,
.card_blue_300 .col-md-2,
.card_blue_300 .col-lg-6,
.card_blue_300 .col-md-2,
.card_blue_300 .col-md-4,
.card_blue_300 .col-lg-4 {
    width: auto;
}

.text-green span {
    color: rgb(139, 195, 74) !important;
}

.text-warning span {
    color: rgb(255, 87, 34) !important;
}

.gl_button {
    background: rgb(249, 250, 255);
    border: 1px solid rgb(97, 130, 248);
    border-radius: 8px;
    width: 133px;
    height: 33px;
}

.gl_content {
    display: none;
    height: 400px;
    width: 400px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    box-shadow: rgba(155, 172, 231, 0.34) 0px 3px 10px;
    border-radius: 15px;
    z-index: 99999999;
    position: absolute;
    top: 30px;
    right: 0px;
}

.gl_button:hover+.gl_content {
    display: block;
}

#divCanvas .report_grid .table-widget .table-widget-content table tbody tr td:first-child {
    width: 40%;
}

#divCanvas .report_grid .table-widget .table-widget-content table tbody tr td:last-child {
    width: 10%;
}

#divCanvas .report_grid .table-widget .table-widget-content table tbody tr td:last-child span {
    background: rgb(243, 229, 223);
    border-radius: 10px;
    color: rgb(239, 119, 68);
    display: inline-block;
    padding: 3px 20px;
    font-weight: bold;
    font-size: 16px;
}

#divCanvas .academic_grid .table-widget .table-widget-content table tbody tr td:first-child span {
    font-weight: bold;
    color: rgb(46, 95, 227);
    font-size: 16px;
}

#divCanvas .academic_grid .table-widget .table-widget-content table tbody tr td:first-child {
    width: 40%;
}

#divCanvas .academic_grid .table-widget .table-widget-content table tbody tr td:last-child {
    width: 10%;
}

#divCanvas .academic_grid .table-widget .table-widget-content table tbody tr td:last-child span {
    background: rgb(229, 246, 255);
    border-radius: 10px;
    color: rgb(46, 95, 227);
    display: inline-block;
    padding: 3px 20px;
    font-size: 16px;
}

.EditableGrid .panel-heading h1,
.EditableGrid .panel-heading h1,
.EditableGrid .panel-heading h2,
.EditableGrid .panel-heading h3,
.EditableGrid .panel-heading h4,
.EditableGrid .panel-heading h5,
.EditableGrid .panel-heading h6 {
    color: rgb(35, 47, 52);
    font-size: 20px;
    font-weight: 500 !important;
    padding-left: 20px !important;
}

.EditableGrid .panel-heading .heading-elements {
    right: 10px;
    margin-top: -16px;
}

.EditableGrid .panel-heading {
    padding-left: 0px !important;
}

.EditableGrid .dataTables_wrapper {
    padding: 0px 5px;
}

#divCanvas .EditableGrid .table-widget .table-widget-content table tbody tr {
    border-radius: 8px;
}

#divCanvas .EditableGrid .table-widget .table-widget-content table thead tr th {
    padding: 0px 10px;
}

.EditableGrid .panel-heading .heading-elements ul li a {
    min-width: 29px;
    height: 29px;
    background: rgb(220, 241, 225);
    border-radius: 8px;
    border: none;
}

.EditableGrid {
    box-shadow: rgba(118, 138, 157, 0.2) 0px 0px 4px 0px;
    background-color: rgba(255, 255, 255, 0.77);
    border: 1px solid rgb(221, 221, 221);
    margin: 10px !important;
    border-radius: 15px !important;
}

.row .BgGrid {
    padding: 0px !important;
}

.EditableGrid .panel-heading .heading-elements {
    right: 10px;
    margin-top: -16px;
}

.EditableGrid .panel-heading .heading-elements ul li a {
    min-width: 29px;
    height: 29px;
    background: rgb(242, 246, 249);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.EditableGrid .panel-heading .heading-elements ul li a.collapse3 {
    top: 0px !important;
}

.EditableGrid .panel-heading .heading-elements ul li.dropdown a span {
    display: none !important;
}

.EditableGrid .panel-heading .heading-elements ul li .dropdown-menu-right {
    width: 330px;
    border-radius: 8px;
    margin-top: 10px;
    border: none !important;
    background-color: rgb(255, 255, 255) !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px !important;
}

.EditableGrid .panel-heading .heading-elements ul li .dropdown-menu-right li a:hover {
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.EditableGrid .panel-heading .heading-elements ul li a .icon-plus2 {
    background-image: url("../images/Internals/Add_Theme_Bold.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px;
    width: 12px;
    height: 12px;
}

.EditableGrid .panel-heading .heading-elements ul li a .icon-trash {
    background-image: url("../images/Internals/Trash_Theme_Bold.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px;
    width: 14px;
    height: 14px;
}

.EditableGrid .panel-heading .heading-elements ul li a .icon-pencil7 {
    background-image: url("../images/Internals/Edit_Theme_Bold.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px;
    width: 14px;
    height: 14px;
}

.EditableGrid .panel-heading .heading-elements ul li a .icon-filter3 {
    background-image: url("../images/Internals/Filter_Theme_Bold.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px;
    width: 14px;
    height: 14px;
}

.EditableGrid .panel-heading .heading-elements ul li a .icon-menu7 {
    background-image: url("../images/Internals/Menu_Theme_Bold.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px;
    width: 14px;
    height: 14px;
}

.EditableGrid .panel-heading .heading-elements ul li a.collapse3::after {
    background-image: url("../images/Internals/Down_theme_Bold.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px;
    width: 14px;
    height: 14px;
}

.EditableGrid .panel-heading .heading-elements ul li a .icon-plus2::before,
.EditableGrid .panel-heading .heading-elements ul li a .icon-add-to-list::before,
.EditableGrid .panel-heading .heading-elements ul li a .icon-trash::before,
.EditableGrid .panel-heading .heading-elements ul li a .icon-pencil7::before,
.EditableGrid .panel-heading .heading-elements ul li a .icon-filter3::before,
.EditableGrid .panel-heading .heading-elements ul li a .icon-menu7::before {
    display: none;
}

.EditableGrid .panel-heading .heading-elements ul li a.collapse3::after {
    content: "" !important;
}

.EditableGrid .panel-heading .heading-elements ul li .dropdown-menu-right li {
    width: 48%;
    float: left;
}

.EditableGrid .panel-heading .heading-elements ul li .dropdown-menu-right li.divider {
    display: none !important;
}

.EditableGrid .panel-heading .heading-elements ul li .dropdown-menu-right li a {
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 25px 10px !important;
    margin: 5px 0px 5px 10px !important;
}

.EditableGrid .panel-heading .heading-elements ul li .dropdown-menu-right li a:hover {
    border: 1px solid var(--main-Default-Text) !important;
}

.EditableGrid .panel-heading .heading-elements ul li .dropdown-menu-right li a:hover i::before {
    color: var(--main-Default-Text) !important;
    font-weight: 600 !important;
}

.EditableGrid .panel-heading .heading-elements ul li .dropdown-menu-right li a i {
    font-weight: 500;
    width: 29px;
    height: 29px;
    background: rgb(255, 255, 255);
    border: 0.5px solid rgb(217, 217, 217);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 2px;
    display: flex;
    align-items: center;
    text-align: center;
    place-content: center;
    flex-flow: row wrap;
    border-radius: 100px;
    margin: 5px 10px 5px 5px !important;
    padding: 16px !important;
}

.EditableGrid table {
    background: transparent;
    box-shadow: none;
    border-collapse: separate;
    border-spacing: 0px 10px;
    margin: 0px;
    padding: 7px !important;
    border-radius: 10px 10px 0px 0px !important;
    border: none !important;
    width: 99% !important;
}

.EditableGrid table thead {
    background: transparent;
    border: none;
    box-shadow: none;
    border-radius: 10px 10px 0px 0px;
    height: 5px;
}

.EditableGrid table thead tr th {
    padding: 7px 0px 7px 20px;
    opacity: 0.75;
    font-weight: 400;
    border-left: unset !important;
    color: rgb(75, 72, 72) !important;
}

.EditableGrid table thead tr th::after {
    background-image: url("../images/Internals/Down_Arrow_Filled_Theme.svg");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 12px;
    width: 12px;
    height: 12px;
    content: "" !important;
}

.EditableGrid table.dataTable tbody tr {
    border: none;
    background: rgb(255, 255, 255);
    box-shadow: none;
}

.EditableGrid table tbody tr td {
    padding: 5px 10px;
}

.EditableGrid table thead tr th[aria-label="Edit: activate to sort column ascending"],
.EditableGrid table thead tr th[aria-label="Remove: activate to sort column ascending"],
.EditableGrid table thead tr th[aria-label="View: activate to sort column ascending"] {
    padding: 0px;
    text-align: center;
    width: 120px;
}

.EditableGrid table tbody tr td .input-group span.e-disabled {
    position: relative;
    top: 3px;
    border-bottom-color: transparent !important;
    border-bottom-style: unset !important;
    margin: 0px !important;
}

.EditableGrid table tbody tr td .input-group span.e-disabled .e-input-group-icon {
    margin: 0px !important;
}

.EditableGrid table tbody tr td .input-group span.e-disabled input,
.EditableGrid table tbody tr td .form-group input[type="date"][disabled] {
    position: relative;
    top: 7px;
    background-color: transparent;
    padding: 0px !important;
    border: none !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: rgb(75, 72, 72) !important;
}

.EditableGrid table tbody tr td .form-group input[type="text"][disabled] {
    padding-left: 0px;
    line-height: 150%;
    margin-top: 0px;
    border: none;
    background-color: transparent !important;
    opacity: 1 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: rgb(75, 72, 72) !important;
}

#divCanvas .EditableGrid .table-widget .table-widget-content table tbody tr td {
    border: 0px !important;
}

.EditableGrid table tbody tr td .form-group span.e-disabled {
    background-image: none !important;
}

.EditableGrid table tbody tr.selected {
    background-color: rgb(242, 247, 255);
    box-shadow: rgba(155, 172, 231, 0.34) 0px 3px 10px;
}

#divCanvas .EditableGrid .table-widget .table-widget-content table thead tr th {
    font-weight: 500;
    color: rgb(66, 116, 229) !important;
    background: transparent !important;
}

#divCanvas .EditableGrid .table-widget .table-widget-content table tbody tr td .form-group .form-control,
#divCanvas .EditableGrid .table-widget .table-widget-content table tbody tr td .controls .form-control {
    border: 1px solid rgb(212, 224, 233) !important;
    color: rgb(51, 51, 51) !important;
}

#divCanvas .EditableGrid .table-widget .table-widget-content table tbody tr td:first-child {
    border-radius: 8px 0px 0px 8px;
}

#divCanvas .EditableGrid .table-widget .table-widget-content table tbody tr td:last-child {
    border-radius: 0px 8px 8px 0px;
}

#divCanvas .EditableGrid .datatable-footer {
    background: rgba(38, 50, 56, 0.04);
    border: none;
    border-radius: 8px !important;
}

#divCanvas .EditableGrid .pagination label {
    font-weight: 500;
    font-size: 14px;
    line-height: 12px;
    color: rgb(0, 0, 0);
}

#divCanvas .EditableGrid .pagination select {
    background-color: rgb(74, 101, 114);
    border-radius: 4px;
    color: white;
}

#divCanvas .EditableGrid .pagination .label {
    background: rgba(252, 194, 15, 0.52) !important;
    border-radius: 4px !important;
    color: rgb(38, 50, 56) !important;
    padding: 2px 12px !important;
    font-size: 10px !important;
}

#divCanvas .EditableGrid .datatable-footer .bootpag li a {
    border-radius: 4px;
    border: 1px solid rgb(74, 101, 114);
    background-color: rgb(255, 255, 255) !important;
    box-shadow: rgba(202, 202, 202, 0.6) -1px 0px 6px -1px !important;
}

#divCanvas .EditableGrid .fa-angle-double-left::before {
    content: "?";
    color: rgb(0, 0, 0);
}

#divCanvas .EditableGrid .fa-angle-left::before {
    content: "?";
    color: black;
}

#divCanvas .EditableGrid .fa-angle-right::before {
    content: "?";
    color: black;
}

#divCanvas .EditableGrid .fa-angle-double-right::before {
    content: "?";
    color: black;
}

#divCanvas .EditableGrid .pagination .form-group input[type="text"][disabled],
#divCanvas .EditableGrid .pagination .form-control[disabled] {
    background: rgb(74, 101, 114);
    padding: 13px;
    border-radius: 4px;
    border: none;
    color: white !important;
}

#divCanvas .EditableGrid .table-widget .table-widget-content table tbody tr td.dataTables_empty {
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center 15px;
    padding: 15px 0px;
    text-align: center;
    font-weight: 500;
    color: orange;
    display: table-cell;
    width: 100% !important;
}

#divCanvas .EditableGrid .table-widget .table-widget-content table tbody tr td .form-group .input-group {
    background-color: transparent !important;
}

#divCanvas .EditableGrid .table-widget .table-widget-content table tbody tr td .e-input-group {
    display: flex;
    align-items: center;
    background-color: white !important;
    border: 1px solid rgba(96, 120, 229, 0.25) !important;
    position: relative;
    top: 3px;
}

#divCanvas .EditableGrid .table-widget .table-widget-content table tbody tr td .e-input-group input {
    border: 0px !important;
    height: 38px !important;
}

#divCanvas .EditableGrid .table-widget .table-widget-content table tbody tr {
    border-radius: 8px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(69, 93, 199, 0.17) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    border: 1px solid rgb(231, 239, 252) !important;
}

#divCanvas .EditableGrid table.dataTable tbody tr.selected {
    background-color: rgb(242, 247, 255);
    box-shadow: rgba(155, 172, 231, 0.34) 0px 3px 10px;
}

.career-scroll .table-widget-content .dataTables_wrapper table tbody tr td input {
    border: none !important;
}

.box_blue_400 {
    width: 60px;
    height: 60px;
    background: rgb(235, 240, 253);
    border-radius: 10px;
    margin-right: 15px;
    margin: 5px 10px 5px 0px;
    box-shadow: rgb(99 99 99 / 20%) 0px 0px 5px 0px;
}

.calendar_icon_01 {
    background-image: url("../images/Process_images/calendar_01.svg");
    background-position: center center;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    background-size: 16px;
}

.box_orange_400 {
    width: 40px;
    height: 40px;
    background: rgb(252, 239, 234);
    border-radius: 10px;
    margin-right: 15px;
    margin: 5px 10px 5px 0px;
    box-shadow: rgb(99 99 99 / 20%) 0px 0px 5px 0px;
}

.calendar_icon_02 {
    background-image: url("../images/Process_images/calendar_02.svg");
    background-position: center center;
    background-repeat: no-repeat;
    aspect-ratio: 1;
    background-size: 16px;
}

.dummy_panel_01 {
    display: flex;
    border: 0px !important;
    box-shadow: none !important;
    align-items: center;
    align-content: center;
    margin: 10px 0px;
    flex-wrap: wrap;
    flex-direction: row;
}

.dummy_panel_01 label {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    color: rgba(13, 34, 56, 0.6) !important;
}

.dummy_panel_01 .form-group span {
    font-size: 16px;
    line-height: 17px;
    font-weight: 700;
    color: rgb(0, 0, 0);
}

.guideline_btn {
    background: url("../images/Process_images/guideline.svg") 14px 9px no-repeat rgb(249, 250, 255);
    border: 1px solid rgb(97, 130, 248);
    border-radius: 8px;
    color: rgb(97, 130, 248);
    padding-left: 40px;
    font-size: 15px;
    line-height: 2.3;
    text-align: center;
    min-height: 38px !important;
    width: auto !important;
    margin: 0 auto;
    float: right;
}

.guideline_btn:hover {
    background-color: white;
}

.guideline_btn_outer {
    position: absolute;
    width: 200px;
    display: block;
    right: 0px;
    z-index: 1;
    top: 5px;
}

.performance_grid table {
    border-collapse: separate;
    border-spacing: 0px 10px;
}

#divCanvas .performance_grid .table-widget .table-widget-content table {
    padding: 0px !important;
}

#divCanvas .performance_grid .table-widget .table-widget-content table tbody tr td {
    border: 0px;
    padding: 5px 5px 5px 15px;
}


#divCanvas .performance_grid .table-widget .table-widget-content table tbody tr:first-child td:first-child {
    width: 1px !important;
}

#divCanvas .performance_grid .table-widget .table-widget-content table tbody tr {
    border-radius: 8px;
    background: rgb(247, 248, 250);
    border: 1px solid rgb(231, 239, 252) !important;
}

#divCanvas .performance_grid .table-widget .table-widget-content table tbody tr td:first-child {
    border-radius: 8px 0px 0px 8px;
}

#divCanvas .performance_grid .table-widget .table-widget-content table tbody tr td:last-child {
    border-radius: 0px 8px 8px 0px;
}

#divCanvas .performance_grid_report .table-widget .table-widget-content table tbody tr td:last-child {
    width: 200px;
}

#divCanvas .performance_grid_report .table-widget .table-widget-content table tbody tr td:last-child input {
    text-align: center;
    font-weight: bold;
    font-size: 20px !important;
}

#divCanvas .performance_grid_report .table-widget .table-widget-content table tbody tr td:first-child {
    width: 75px;
}

#divCanvas .performance_grid_report_01 .table-widget .table-widget-content table tbody tr td:last-child {
    width: 200px;
}

#divCanvas .performance_grid_report_01 .table-widget .table-widget-content table tbody tr td:last-child input {
    text-align: center;
    font-weight: bold;
    font-size: 20px !important;
}

#divCanvas .performance_grid_report_01 .table-widget .table-widget-content table tbody tr td:first-child {
    width: 75px;
}

#divCanvas .performance_grid_report_01 .table-widget .table-widget-content table tbody tr td:nth-child(3) .form-group {
    margin: auto;
    width: auto;
}

#divCanvas .performance_grid_report_01 .table-widget .table-widget-content table tbody tr td:nth-child(3) span {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    background: rgb(229, 246, 255);
    border-radius: 10px;
    color: rgb(46, 95, 227);
    display: inline-block;
    padding: 3px 20px;
    border: 1px solid rgb(97, 184, 242);
}

#divCanvas .performance_grid_report_01 .table-widget .table-widget-content table thead tr:last-child th:nth-child(2) {
    text-align: center;
}

#divCanvas .performance_grid_review .table-widget .table-widget-content table tbody tr td:last-child {
    width: 200px;
}

#divCanvas .performance_grid_review .table-widget .table-widget-content table tbody tr td:nth-child(4) {
    width: 200px;
}

#divCanvas .performance_grid_review .table-widget .table-widget-content table tbody tr td:nth-child(4) input {
    text-align: center;
    font-weight: bold;
    font-size: 20px !important;
}

#divCanvas .performance_grid_review .table-widget .table-widget-content table tbody tr td:last-child input {
    text-align: center;
    font-weight: bold;
    font-size: 20px !important;
}

#divCanvas .performance_grid_review .table-widget .table-widget-content table tbody tr td:first-child {
    width: 75px;
}

#divCanvas .performance_grid .table-widget .table-widget-content table thead tr {
    background-color: rgb(242, 246, 249);
    border: 0px !important;
}

#divCanvas .performance_grid .table-widget .table-widget-content table thead tr th {
    background-color: rgb(242, 246, 249);
    font-size: 14px;
    text-align: center;
    border: 0px !important;
}

#divCanvas .performance_grid .table-widget .table-widget-content table thead tr th:first-child {
    border-radius: 10px 0px 0px 10px;
    text-align: center;
}

#divCanvas .performance_grid .table-widget .table-widget-content table thead tr th:last-child {
    border-radius: 0px 10px 10px 0px;
}

.remove_table_head .table-widget .table-widget-content table thead {
    display: none;
    visibility: hidden;
    height: 1px !important;
    min-height: 1px !important;
    max-height: 1px !important;
}

.mean_content {
    text-align: right;
    margin-top: 0px;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.mean_value {
    width: 181px;
    background: rgb(249, 242, 242);
    padding: 5px 15px;
    margin-bottom: 0px;
    display: inline-block;
    font-size: 20px !important;
    font-weight: bold !important;
    text-align: center;
    border-radius: 15px !important;
    color: #333333 !important;
}

.input_big input {
    text-align: center;
    font-weight: bold;
    font-size: 20px !important;
}

.console_header {
    background-image: url("../images/iit-logo-01.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 300px 80px;
    display: inline-block;
    height: 80px;
    width: 100%;
}

.pdf_print .Process_Heading_Panel,
.pdf_print .card_purple_300,
.pdf_print .card_blue_300,
.pdf_print .Process_Panel,
.pdf_print .normal_grid,
.pdf_print .Process_Panel_white {
    box-shadow: none !important;
}

.breadcrumb_part .col-md-1:first-child .bc_current::before,
.breadcrumb_part .col-lg-1:first-child .bc_current::before,
.breadcrumb_part .col-sm-1:first-child .bc_current::before,
.breadcrumb_part .col-md-1:first-child .bc_btn::before,
.breadcrumb_part .col-lg-1:first-child .bc_btn::before,
.breadcrumb_part .col-sm-1:first-child .bc_btn::before {
    display: none;
}

.breadcrumb_part .col-md-1:first-child .bc_current,
.breadcrumb_part .col-lg-1:first-child .bc_current,
.breadcrumb_part .col-sm-1:first-child .bc_current,
.breadcrumb_part .col-md-1:first-child .bc_btn,
.breadcrumb_part .col-lg-1:first-child:first-child .bc_btn,
.breadcrumb_part .col-sm-1:first-child .bc_btn {
    padding-left: 0px;
}

.modal .panel-body input {
    padding: 5px 10px;
    min-height: 30px;
    font-size: 14px;
}

.Process_Panel_white .btn-warning {
    background-color: rgb(255, 146, 111) !important;
    border-radius: 7px !important;
}

.Process_Panel_white .btn-success {
    background-color: rgb(138, 203, 141) !important;
    border-radius: 7px !important;
}

.e-input-group-icon.e-date-icon::before,
.e-control-wrapper .e-input-group-icon.e-date-icon::before {
    display: block !important;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td .form-group .input-group .e-input-group span {
    border-left: 1px solid rgba(0, 0, 0, 0.063);
    height: 20px;
    display: flex;
    justify-content: center;
    padding: 0px 10px !important;
}

.normal_grid .e-date-icon {
    position: relative;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td .form-group .input-group .e-input-group {
    display: flex;
    align-items: center;
    position: relative;
    top: 0px;
    background-color: white !important;
    border: 1px solid rgba(96, 120, 229, 0.25) !important;
    width: 98% !important;
}

.normal_grid table tbody tr td .controls .form-group span.e-input-group {
    background-color: white !important;
    border: 1px solid rgba(96, 120, 229, 0.25) !important;
}

.normal_grid table tbody tr td .controls .form-group span.e-input-group span {
    right: 27px;
}

.e-rte-content {
    height: auto;
}

.Convo_Send .Decline_Button,
.Convo_Send .Decline_Button:hover {
    border: 1.5px solid rgb(255, 97, 97);
    background-color: rgb(255, 255, 255) !important;
    background-image: url("../images/AU_ICons/Prohibition_layerstyle.svg") !important;
}

.Admin {
    text-align: right;
    font-weight: 500 !important;
    font-size: 13px !important;
    color: #000000d6 !important;
    padding-left: 20px;
    background-image: url(../images/AU_ICons/Black.svg);
    background-position: 7px 7px;
    background-repeat: no-repeat;
    background-size: 11px;
    border-radius: 3px !important;
    padding: 6px 21px;
    background-color: #80808038;
    border: 0;
}

.applicant_details .col-lg-2 {
    width: auto;
    padding: 0;
    margin: 0 !important;
}


.applicant_details .doc_view_btn {
    position: relative;
    top: -10px;
}

#divCanvas .applicant_details .form-group {
    margin-bottom: 0 !important;
}

.caf-warning-icon {
    background-image: url(../images/AU_ICons/warning-icon-red.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    display: block;
    width: 25px;
    aspect-ratio: 1;
}

.caf-warning {
    background-color: #ffffff;
    font-size: 16px;
    font-weight: 500 !important;
    color: rgb(49, 64, 103);
    border-left: 5px solid #ff7474 !important;
    border-radius: 12px !important;
}

.caf-warning .panel-body {
    display: flex;
    align-items: center;
}

.caf-warning .form-group {
    margin: 0 !important
}

.R_4C_5C table thead tr:nth-child(2) th:nth-child(2),
.R_4C_5C table thead tr:nth-child(2) th:nth-child(3) {
    display: none !important;
}

.R_4C_5C table thead tr:nth-child(2) th:nth-child(1),
.R_4C_5C table thead tr:nth-child(1) th:nth-child(3) {
    border-radius: 0px 10px 10px 0px !important;
}

.R_4C_5C table thead tr th {
    font-weight: 600;
    font-size: 15px !important;
}

.R_4C_5C table thead tr:nth-child(2) th:nth-child(1) {
    font-weight: 500;
    font-size: 13px !important;
}

.Process_Panel_grey span.pull-right {
    text-align: center;
    display: flex;
    height: 26px;
    justify-content: center;
    align-items: flex-end;
    top: 10px;
    position: relative;
    font-weight: 700;
    padding-left: 50px;
}

.modal-backdrop.fade.in {
    display: none;
}

#divCanvas .normal_grid .table-widget .table-widget-content table tbody tr td .form-group .input-group.input-group-xs {
    display: flex;
    align-items: center;
}

#divCanvas .normal_grid .table-widget .table-widget-content table thead tr th[aria-label="View: activate to sort column ascending"] {
    text-align: center;
    padding-right: 0px;
}

.e-input-group-icon.e-date-icon::before,
.e-control-wrapper .e-input-group-icon.e-date-icon::before {
    display: block !important;
}

.table-widget .table-widget-content table tbody tr td .form-group .input-group .e-input-group span {
    border-left: 1px solid #00000010;
    padding: 0px 10px !important;
    height: 20px;
    justify-content: center;
}

.e-date-icon {
    position: relative;
}

table tbody tr td .form-group .input-group .e-input-group {
    display: flex;
    align-items: center;
    background-color: white !important;
    border: 1px solid rgba(96, 120, 229, 0.25) !important;
    position: relative;
    top: 3px;
}

.R_Flex {
    display: flex;
    flex-direction: row-reverse;
    padding: 10px !important;
}

.message_details {

    margin: 13px 10px;
}

.message_details .col-lg-4 {
    width: auto;
    float: right;
}

.performance_grid .table-widget .table-widget-content table tbody tr td:nth-child(4),
.performance_grid .table-widget .table-widget-content table tbody tr td:nth-child(5) {
    width: 100px !important;
    text-align: center;
}

.performance_grid .table-widget .table-widget-content table tbody tr td .form-group input {
    text-align: center !important;
    padding-left: 0px !important;
}

.performance_grid .table-widget .table-widget-content table tbody tr td:nth-child(3) {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.performance_grid .table-widget .table-widget-content table tbody tr td:nth-child(3) .form-group {
    text-align: center !important;
}

#divCanvas .S_4Value .table-widget .table-widget-content table thead tr:nth-child(2) th:last-child {
    display: block;
}

#divCanvas .performance_grid .table-widget .table-widget-content table tbody tr td:nth-child(3) {
    min-width: 291px;
}

.Darwad_Header {
    background-color: #ffffff;
    background-image: url(../images/AU_ICons/Indian_Institute_of_Technology_Dharwad_Logo.png);
    background-repeat: no-repeat;
    background-position: center 26px;
    min-height: 140px;
    background-size: 125px;
}

.Mean_Text .panel-body .form-group .controls span {
    font-weight: 700;
    color: #333333;
}

.Darwad_Panel {
    min-height: calc(100vh - 175px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: white;
    background-image: url(../images/AU_ICons/Left_top.svg), url(../images/AU_ICons/Right_Bottom.svg);
    background-position: calc(0px - 30px) calc(0px - 30px), calc(100% - -20px) calc(100% - -20px);
    background-repeat: no-repeat;
    background-size: 230px;
}

.Darwad_Panel .panel-heading h6 {
    font-size: 22px;
    font-weight: 600 !important;
    border-bottom: 2px solid #b70f30;
    color: #000000d1;
}

.LTR_Ctnt {
    display: flex;
    flex-direction: column;
    text-align: right;
}

.Input_Dropdown {
    position: relative;
}

.Input_Dropdown_Ele {
    position: absolute;
    z-index: 1;
    top: 12px;
}

.Input_Dropdown_Ele label,
.Input_Dropdown_Ele span {
    display: none !important;
}

.Input_Dropdown_Ele .e-input-group,
.Input_Dropdown_Ele .e-input-group-icon {
    display: flex !Important;
}

#divCanvas .Input_Dropdown_Ele .e-input-group {
    background: #ffffff00 !Important;
    width: 90px !important;
    border: none !important;
    border-right: 1px solid #00000024 !important;
    border-radius: 8px 0 0 8px !important;
    left: 20px;
    top: 4px;
    height: 38px !important;
}

.Input_Dropdown_Input {
    padding: 0px;
}

.Input_Dropdown_Input .col-lg-12,
.Input_Dropdown_Input .col-md-12,
.Input_Dropdown_Input .col-sm-12 {
    padding: 0px;
}

.Check_black {
    display: block;
    width: 20px;
    aspect-ratio: 1 / 1;
    background-image: url(../images/AU_ICons/check-mark.png);
    background-position: left center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.tickinputele {
    display: flex;
    align-items: center;
    padding: 0px 10px !important;
}

.text {
    width: 100%;
    margin-right: 10px;
}

.tickicon {
    display: flex;
    margin-top: 10px;
    align-items: center;
}

#dvIspaceMenu ul .dropdown.heading-btn {
    display: none;
}

.CustomFixed.page-header .page-header-content .heading-elements ul {
    padding: 0;
    margin: 0;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    flex-shrink: 0;
    grid-gap: 15px;
    top: 0px !important;
    position: relative;
}

.input-group-xs .input-xs {
    min-height: 40px;
}

.form-group .input-group-btn a i {
    top: 0px !important;
    position: relative;
}

.form-group .input-xs .e-input-group input {
    padding: 0px !important;
}

.icon-cross::before {
    content: "\f00d";
    content: "\f00d";
}

.CustomModel {
    border-radius: 0;
    background-color: #fff;
    padding: 10px 15px;
    border-radius: 15px;
    overflow-y: auto;
    max-height: calc(100vh - 50px) !important;
    margin: 0px 20px;
}

.form-group .radio-inline {
    padding-left: 25px !important;
    margin-right: 30px !important;
    padding-top: 3px !important;
}

.invoked .heading-btn a.btn {
    border-radius: 100px !important;
    padding: 4px 16px !important;
    height: unset !important;
    font-size: 12px !important;
}

.CustomModelDesignStudio .modal-dialog {
    height: calc(100vh - 70px);
    z-index: 99999999;
}

.CustomModelDesignStudio .modal-dialog .modal-content .modal-body {
    height: calc(100vh - 260px);
}

.blue_panel .panel-body {
    display: flex;
    align-items: center;
    padding: 0px 10px !important;
}

#mdlgridUpload .modal-content .modal-header {
    padding-top: 20px !important;
}

#mdlgridUpload .modal-content .modal-header button {
    top: 20px
}

.ui-pnotify {
    top: 20px;
    right: 20px;
    position: fixed;
    height: auto;
    z-index: 999999999999999999;
    border-radius: 3px;
}

#mdlgridUpload .modal-dialog {
    margin: 0px !important;
}

#mdlgridUpload .modal-content {
    height: calc(100vh - 140px) !important;
}

.Show_4_TH .table-widget .table-widget-content table thead tr th:last-child {
    display: block !Important;
}

.remove-thead table thead {
    display: none !important;
}


.Confirm_Dialog_Modal_Element .form-group .controls span {
    background: transparent !important;
    border: 0px solid !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Confirm_Dialog_Modal .content {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.e-input-group input.input-xs {
    border: none !important;
}

.panelselector {
    border: 2px dashed #99afff !important;
}

.panel-dummy .panel-body {
    padding: 0px;
}

.panel-dummy .panel-footer {
    background-color: transparent !important;
    padding: 0px;
    display: flex;
    justify-content: flex-end;
    border: none !important;
}

.panel-dummy .panel-footer a {
    margin: 0px !important;
}

.space-between {
    align-content: space-between;
    flex-direction: row;
}

.CustomHeader.modal-header .close i {
    display: none;
}

.Right_User_Col .form-group {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0px !important;
}

.Right_User {
    color: #354b56;
    font-weight: 600;
    padding-left: 30px;
    background-image: url(../images/AU_ICons/profile.png);
    background-position: left;
    display: block;
    background-size: 20px;
    background-repeat: no-repeat;
}

#mdlgridUpload .modal-dialog .modal-content {
    min-width: 80% !important;
}

.Process_Panel_header .col-lg-2 {
    text-align: center;
}

.Process_Panel_content .form-group span {
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: center;
    width: 100% !important;
    display: block;
}

.print-grid .panel-heading {
    display: none;
}

.print-grid table thead {
    display: none;
}

.print-grid table tbody tr {
    height: 50px !important;
}

.print-grid table tbody tr td:first-child {
    padding-left: 20px !important;
}

.print-grid table tr td:nth-child(3),
.print-grid table tr td:nth-child(4),
.print-grid table tr td:nth-child(5) {
    min-width: 120px !important;
}

.text-align-left .mean_content {
    text-align: left;
    margin: 0px !important;
}

.CustomFixed .page-header-content {
    background: #f0f3fd00 !important;
    border: none !important;
}

.R_T_Body .dataTables_wrapper {
    padding: 10px !important;
}

.normal_grid tbody tr td input[disabled="disabled"],
.normal_grid tbody tr td input[disabled="disabled"]:hover {
    border: none !important;
    box-shadow: none;
}

.normal_grid table tr td span {
    font-weight: 600;
    padding-left: 10px;
}

.normal_grid table tbody tr td span[title="Edit"] {
    display: flex;
}

.e-multiselect {
    padding: 0px !important
}

.pr-30 {
    padding-right: 30px !important;
}

.e-multi-select-wrapper .e-searcher input {
    height: 39px !important;
    border-radius: 10px !important;
}

.cmnt-flex {
    display: flex !important;
    justify-content: space-between !important;
}

.right-module .modal {
    padding: 0px !important;
}

.right-module .modal .modal-dialog {
    position: relative;
    overflow: hidden !important;
}

.right-module .modal .modal-dialog .modal-content {
    position: absolute;
    right: 0px;
    height: calc(100vh - 0px);
    overflow: hidden;
    top: 0px;
    border-radius: 0px;
    max-height: calc(100vh - 0px) !important;
    width: 80%;
}

.right-module .modal .modal-body {
    height: calc(100vh - 110px) !important;
}

.right-module .modal .modal-dialog .modal-content .modal-header {
    display: block;
    position: relative;
    z-index: 99999;
}

.right-module .modal .modal-dialog .modal-content .modal-header .closeModal {
    position: absolute !important;
    top: 15px !important;
    background-color: #ff8383;
    z-index: 99999999999999999999999999999999999999999999999999999999999999;
}

.right-module .modal .modal-dialog .modal-content .modal-header::before {
    display: none;
}

.right-module .modal .modal-dialog .CustomModel .CustomHeader.modal-header h4 {
    font-size: 24px;
    padding-left: 46px !important;
    display: none;
}

.right-module .modal .modal-dialog .content {
    min-height: calc(100vh - 100px) !important;
}

#plh_cc33a44a-cbff-13d1-9bf1-2575f8ae78b7 {
    min-height: calc(100vh - 100px);
    border-radius: 16px !important;
}

.Convo_Send .col-xs-1,
.Convo_Send .col-sm-1 {
    padding: 0px;
    padding-top: 5px !important;
}

.model-pt {
    padding: 20px 20px !important;
    overflow: hidden;
}

.grid-fit table thead tr th:first-child {
    min-width: fit-content;
}

.grid-fit table thead tr th:nth-child(2) {
    min-width: fit-content;
}

.grid-fit table thead tr th:nth-child(3) {
    min-width: fit-content;
}

.grid-fit table thead tr th:nth-child(5) {
    min-width: fit-content;
}

.grid-fit table thead tr th:nth-child(6) {
    min-width: fit-content;
}

.customcheckbox {
    display: flex;
    padding-left: 15px
}

#divCanvas .normal_grid .table-widget .table-widget-content table thead tr th[aria-label="Email: activate to sort column ascending"] {
    min-width: 290px;
}

#divCanvas .normal_grid .table-widget .table-widget-content table thead tr th[aria-label="Select: activate to sort column ascending"] {
    min-width: unset;
}

.print-grid tbody tr td:first-child {
    width: 5% !important;
}

.print-grid tbody tr td:nth-child(2) {
    width: 23% !important;
}

.print-grid tbody tr td:nth-child(3) {
    width: 10% !important;
}

.print-grid tbody tr td:nth-child(4) {
    width: 10% !important;
}

.print-grid tbody tr td:nth-child(5) {
    width: 23% !important;
}

.print-grid tbody tr td:nth-child(6) {
    width: 10% !important;
}

.print-grid tbody tr td:nth-child(7) {
    width: 10% !important;
}

.print-grid tbody tr td:nth-child(8) {
    width: 10% !important;
}

.modify-grid table thead tr th:nth-child(2) {
    min-width: unset !important;
}

.modify-grid table thead tr th:nth-child(2) {
    min-width: 23% !important;
}

.modify-grid table thead tr th:nth-child(3) {
    min-width: 10% !important;
}

.modify-grid table thead tr th:nth-child(4) {
    min-width: 10% !important;
}

.modify-grid table thead tr th:nth-child(5) {
    min-width: 23% !important;
}

.modify-grid table thead tr th:nth-child(6) {
    min-width: 10% !important;
}

.modify-grid table thead tr:nth-child(7) {
    min-width: 10% !important;
}

.modify-grid table thead tr:nth-child(8) {
    min-width: 10% !important;
}

.modify-grid table thead tr th {
    font-size: 10px !important;
}

.Faculty_Contents_Panel_Button .col-lg-12,
.Faculty_Contents_Panel_Button .col-md-12 {
    padding: 0px
}

.fmd-grid table thead tr th:nth-child(3),
.fmd-grid table thead tr th:nth-child(4) {
    min-width: fit-content;
}

.print-grid tbody tr:first-child,
.modify-grid tbody tr:first-child {
    display: none
}

.aac-label {
    background-color: #ffd07d;
    padding: 5px 20px;
    border-radius: 4px;
    color: #3d3d3d;
    float: right;
}

.normal_grid .panel-heading .heading-elements ul li.dropdown .dropdown-menu li:nth-child(12),
.normal_grid .panel-heading .heading-elements ul li.dropdown .dropdown-menu li:nth-child(14) {
    display: none;
}

.Process_Panel .normal_grid .heading-elements {
    display: unset;
}

.page_title {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 10px;
    font-size: 22px !important;
    font-weight: 500 !important;
}

.Widget_Buttons_Panel .panel-body {
    padding: 0px;
}

.Widget_Buttons_Panel .panel-body .panel {
    display: block;
    align-items: center;
    justify-content: flex-end;
    border: 1px solid rgba(53, 53, 53, 0.19);
    margin-bottom: 20px;
    background: url("../images/AppIcons/arrow_forward.svg") calc(100% - 10px) center no-repeat rgb(255, 255, 255);
    box-shadow: rgba(155, 172, 231, 0.34) 0px 3px 10px;
    padding-right: 0px;
    min-height: 127px !important;
    border-radius: 25px !important;
}

.Widget_Buttons_Panel .panel-body .panel .form-group {
    display: flex;
    flex-direction: column;
    place-content: flex-start center;
    text-align: left;
    margin-left: 15px;
    padding: 0px !important;
}

.Widget_Buttons_Panel .panel-body .panel .panel-body {
    padding-right: 10px;
}

.Widget_Buttons_Panel .panel-body .panel .form-group label {
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
    color: rgb(53, 75, 86);
    font-size: 14px !important;
    padding-bottom: 20px !important;
}

.Widget_Buttons_Panel .panel-body .panel .form-group .controls span {
    font-style: normal;
    font-size: 30px;
    line-height: 17px;
    text-align: center;
    color: rgb(53, 75, 86);
    font-weight: 600 !important;
}

.Profile_Panel_Course_Button {
    position: absolute;
    left: 0px;
    min-width: 100%;
    display: block;
    min-height: 127px !important;
    margin: 0px !important;
}

.Profile_Panel_Course_Button .form-group a,
.Profile_Panel_Course_Button .form-group a:hover {
    min-height: 127px;
    width: 100%;
    background: transparent;
    font-size: 0px;
    border: none;
    box-shadow: none;
    border-radius: 23px !important;
    z-index: 1;
}

.Profile_Panel_Course_Icon {
    display: block;
    aspect-ratio: 1 / 1;
    border-radius: 15px;
}

.IIP .Profile_Panel_Course_Icon {
    background-image: url("../images/AppIcons/Initiatedinprogress.svg");
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center center;
    background-color: rgb(233, 240, 255);
}

.IC .Profile_Panel_Course_Icon {
    background-image: url("../images/AppIcons/InitiatedCompleted.svg");
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center center;
    background-color: rgb(248, 239, 253);
}

.PIP .Profile_Panel_Course_Icon {
    background-image: url("../images/AppIcons/Processedprogress.svg");
    background-repeat: no-repeat;
    background-size: 40%;
    background-color: rgb(255, 236, 242);
    background-position: center center;
}

.PC .Profile_Panel_Course_Icon {
    background-image: url("../images/AppIcons/Processedcompleted.svg");
    background-repeat: no-repeat;
    background-size: 40%;
    background-color: rgb(211, 255, 234);
    background-position: center center;
}

.Profile_Panel_Course_Button .form-group {
    margin: 0px !important;
}

.FacultyGrid {
    background: rgb(255, 255, 255);
    box-shadow: rgba(155, 172, 231, 0.34) 0px 3px 10px;
    border-radius: 15px;
}

.FacultyGrid1 .panel-heading h6 {
    font-style: normal;
    font-size: 18px;
    line-height: 55px;
    color: rgb(0, 0, 0);
    font-weight: 600 !important;
}

.FacultyGrid1 thead,
.FacultyGrid .heading-elements {
    display: none;
}

.FacultyGrid1 tbody td {
    border: none !important;
    padding: 10px 20px !important;
}

.FacultyGrid1 .table-widget .table-widget-content table {
    box-sizing: border-box;
    padding: 0px 20px 0px !important;
    background: rgb(255, 255, 255);
    border-radius: 20px;
}

.FacultyGrid tbody tr td {
    background: rgb(247, 248, 250) !important;
    height: unset !important;
    padding: 20px !important;
}

.FacultyGrid1 tbody tr td:first-child {
    border-radius: 15px 0px 0px 15px;
}

.FacultyGrid1 tbody tr td:last-child {
    border-radius: 0px 15px 15px 0px;
}

.FacultyGrid1 tbody tr td button,
.FacultyGrid1 tbody tr td button:hover {
    min-width: 135px;
    background-color: var(--main-Primary-color) !important;
    border-radius: 15px !important;
    border: none !important;
    width: 100% !important;
    min-height: 40px;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 0px;
    width: fit-content !important;
    margin: 0px auto !important;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    min-width: 40px !important;
    background-image: url(../images/AU_ICons/Task_Faculty_Grid.png) !important;
    background-position: center !important;
    background-size: 20px !important;
    background-repeat: no-repeat !important;
}

.FacultyGrid1 table.dataTable tbody tr.selected {
    box-shadow: rgba(117, 146, 245, 0.2) 4px 4px 50px;
    border-radius: 15px;
}

.FacultyGrid1 table.dataTable tbody tr:hover {
    box-shadow: rgba(117, 146, 245, 0.2) 4px 4px 50px;
}

.FacultyGrid1 .task_grid_row {
    display: flex;
    justify-content: space-between;
    gap: 0px;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
}

.FacultyGrid1 table.dataTable {
    border-spacing: 0px 20px;
    border-collapse: collapse;
}

.W_Btn .panel-body {
    min-height: 127px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 0px 0px 10px !important;
}

.W_Btn .panel-body .col-lg-12 .form-group .controls span,
.W_Btn .panel-body .col-md-12 .form-group .controls span,
.W_Btn .panel-body .col-sm-12 .form-group .controls span,
.W_Btn .panel-body .col-xs-12 .form-group .controls span {
    display: block;
    background-image: url("../images/SideArrow.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) 0px;
    background-size: 9px;
    margin-bottom: 0px !important;
    text-align: right !important;
    padding-right: 25px !important;
}

.FacultyGrid1 .panel-heading,
.FacultyGrid1 table thead,
.FacultyGrid1 .datatable-footer {
    display: none !important;
}

.FacultyGrid1 table.dataTable tbody tr,
.FacultyGrid1 table.dataTable tbody tr:hover {
    flex-direction: column;
    background: #ffffff;
    box-shadow: none;
    border-bottom: 1px solid #00000010;
}

.FacultyGrid1 .task_grid_row .line_1,
.FacultyGrid1 .task_grid_row .line_2 {
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
}

.FacultyGrid1 .task_grid_row .group label {
    padding: 0px !important;
    font-weight: 500;
    color: #33333390;
    font-size: 11px !important;
}

.FacultyGrid1 .task_grid_row .group h6 {
    margin: 0px !important;
    font-weight: 600;
    font-size: 13px;
    color: #333333;
    min-height: 28px !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.FacultyGrid1 .task_grid_row .group {
    margin-right: 0px;
    display: revert;
    margin: 5px 0px 5px 0px;
}

.FacultyGrid1 .dataTables_wrapper {
    position: relative;
    clear: both;
    border-radius: 20px;
}

.FacultyGrid1 .task_grid_row .line_1 {
    min-width: 20%;
}

.FacultyGrid1 .task_grid_row .line_2 {
    min-width: 80%;
}

.FacultyGrid1 .task_grid_row .line_1 .group:nth-child(3) h6 {
    background-color: var(--main-Primary-color);
    color: #fff;
    padding: 4px 10px;
    border-radius: 7px;
    min-height: 28px;
    text-align: center;
}

.FacultyGrid1 .task_grid_row .line_2 .group:nth-child(2) h6 {
    padding: 4px 0px 4px 15px;
    border-radius: 7px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

.FacultyGrid1 .task_grid_row .line_2 .group:nth-child(2) h6::before {
    content: '';
    position: absolute;
    width: 10px;
    aspect-ratio: 1;
    background-color: #ff8651;
    left: 0px;
    border-radius: 20px;
}

.FacultyGrid1 .task_grid_row .line_1 .group:nth-child(1) h6 {
    color: var(--main-Primary-color);
    padding: 4px 0px;
    border-radius: 7px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

.FacultyGrid1 .task_grid_row .line_2 .group:nth-child(1) h6 {
    color: #ff861f;
    padding: 4px 0px;
    border-radius: 7px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

.Process_Panel .normal_grid .heading-elements {
    display: block !important;
}

.FacultyGrid1 .task_grid_row .line_2 .group:nth-child(3) h6,
.FacultyGrid1 .task_grid_row .line_2 .group:nth-child(5) h6 {
    padding: 4px 0px 4px 15px;
    border-radius: 7px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

.FacultyGrid1 .task_grid_row .line_2 .group:nth-child(4) h6,
.FacultyGrid1 .task_grid_row .line_2 .group:nth-child(6) h6 {
    padding: 4px 0px 4px 15px;
    border-radius: 7px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

.FacultyGrid1 .task_grid_row .line_2 .group:nth-child(3) h6::before,
.FacultyGrid1 .task_grid_row .line_2 .group:nth-child(5) h6::before {
    content: '';
    position: absolute;
    width: 10px;
    aspect-ratio: 1;
    background-color: #58ad1e;
    left: 0px;
    border-radius: 20px;
}

.FacultyGrid1 .task_grid_row .line_2 .group:nth-child(4) h6::before,
.FacultyGrid1 .task_grid_row .line_2 .group:nth-child(6) h6::before {
    content: '';
    position: absolute;
    width: 10px;
    aspect-ratio: 1;
    background-color: #ff8651;
    left: 0px;
    border-radius: 20px;
}

.FacultyGrid1 table.dataTable tbody tr:last-child {
    border-bottom: none !important;
}

.Orange-box {
    background-color: #ffdcca;
    border-radius: 10px !important;
    padding: 20px 20px 20px 70px;
    font-weight: 600 !important;
    border: 1px solid #ffccad;
    margin: 0px 10px 20px;
    background-image: url(../images/AU_ICons/alert-alter.svg);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 30px;
}

a[disabled="disabled"],
button[disabled="disabled"] {
    opacity: 0.5;
    cursor: not-allowed;
}

.email-btn {
    background-image: url(../images/Process_images/email_blue.svg);
    border: 1px solid #e7effc !important;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 20px center;
    border-radius: 8px;
    background-color: #ffffff;
    padding: 10px 10px 10px 38px;
    color: #484B52;
    font-weight: 600;
    width: 120px;
    text-align: center;
    font-size: 14px !important;
    cursor: pointer !important;
}

.comment-btn {
    background-image: url(../images/Process_images/comment_blue.svg);
    border: 1px solid #e7effc !important;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 20px center;
    border-radius: 8px;
    background-color: #ffffff;
    padding: 10px 10px 10px 38px;
    color: #484B52;
    font-weight: 700;
    width: 120px;
    text-align: center;
}

.action-btn {
    background-image: url(../images/Process_images/actions.svg);
    border: 1px solid #e7effc !important;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 20px center;
    border-radius: 8px;
    background-color: #ffffff;
    padding: 10px 10px 10px 38px;
    color: #484B52;
    font-weight: 600;
    width: 120px;
    text-align: center;
    font-size: 14px !important;
    cursor: pointer !important;
}

.action-btn:hover,
.comment-btn:hover,
.email-btn:hover {
    background-color: #F2F6F9;
}

.primary_head {
    color: rgb(49, 64, 103);
    font-size: 16px !important;
    line-height: 2.5;
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 0px 5px;
    font-weight: 600 !important;
    padding-left: 15px;
}

.job_applicant_grid .table tbody tr td:nth-child(2) button,
.flat_grid .table tbody tr td:nth-child(2) button {
    color: #386BE8;
    font-weight: 700 !important;
    background-size: 13px;
    background-position: 17px center;
    background-repeat: no-repeat;
    padding-left: 30px;
    background-color: transparent;
    height: auto !important;
    box-shadow: none !important;
    padding: 5px 20px !important;
    border-bottom: 1px dashed#386BE8 !important;
    border-radius: 0px !important;
}

.student_details_grid .table tbody tr td:nth-child(1) span {
    display: inline-block;
    font-weight: 500;
    padding: 1px 4px 0 4px;
    line-height: 1.5384616;
    border: 1px solid transparent;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: .1px;
    border-radius: 2px;
    background-color: #00bcd442;
}

.flat_grid .table tbody tr td:nth-child(1) button {
    color: #386BE8;
    font-weight: 700 !important;
    background-size: 13px;
    background-position: 17px center;
    background-repeat: no-repeat;
    padding-left: 30px;
    background-color: transparent;
    height: auto !important;
    box-shadow: none !important;
    padding: 5px 20px !important;
    border-bottom: 1px dashed#386BE8 !important;
    border-radius: 0px !important;
    width: auto !important;
}

.flat_grid table tbody tr td:nth-child(1) button:hover {
    background-color: #F1F4FD !important;
}

.job_applicant_grid table tbody tr td:nth-child(2) button:hover,
.flat_grid table tbody tr td:nth-child(2) button:hover {
    background-color: #F1F4FD !important;
}

.job_applicant_grid .table tbody tr td:nth-child(5) span {
    background-color: #ffa5004f;
    padding: 3px 12px;
    border-radius: 4px;
    display: inherit;
    line-height: 1.3;
}

.job_applicant_grid .table tbody tr td:nth-child(6) span {
    background-image: url(../images/Process_images/email.svg);
    background-size: 13px;
    background-position: 0;
    background-repeat: no-repeat;
    padding-left: 22px;
    box-shadow: none !important;
}

.job_applicant_grid .table tbody tr td:nth-child(7) span {
    background-image: url(../images/Process_images/calendar-clock.svg);
    background-size: 13px;
    background-position: 0;
    background-repeat: no-repeat;
    padding-left: 22px;
    box-shadow: none !important;
}

.brdr_btm {
    border-bottom: 1px solid rgb(212, 224, 233);
}

.panel_with_grid {
    padding: 0px !important;
}

.fg_mb_0 .form-group {
    margin-bottom: -10px !important;
}

ul.pagination input[type=text] {
    width: 35px !important;
    height: 36px !important;
    border-radius: 10px;
    text-align: center !important;
    font-size: 14px;
    font-weight: 700;
}

.datatable-footer {
    padding-top: 0px !important;
}

#divCanvas .flat_grid table.dataTable tbody tr.selected {
    background-color: rgb(229 239 255) !important;
    box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 1px;
}

.filter_part {
    background-color: #F9FAFE;
    border-bottom: 1px solid rgb(212, 224, 233);
}

.filter_btn {
    background-image: url("../images/AppIcons/filter_icon.svg");
    background-size: 20px;
    background-repeat: no-repeat;
    box-shadow: none;
    font-size: 0px;
    display: inline-block;
    padding: 0px;
    background-color: white;
    background-position: center center;
    border: 1px solid rgb(69, 93, 199);
    border-radius: 5px;
    height: 42px !important;
    border: 1px solid #e7effc !important;
    background-size: 18px;
    background-repeat: no-repeat;
    border-radius: 8px;
    background-color: #ffffff;
    padding: 10px 10px 10px 38px;
    color: #484B52;
    font-weight: 700;
}

.filter_btn:hover {
    background-color: #F2F6F9;
}

.history_div {
    height: 330px;
    overflow: auto;
}

.chat_window {
    border-top: 1px solid #d4e0e9;
}

.flat_grid table tbody tr td span[title="Edit"] button {
    box-shadow: unset !important;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent !important;
    background-color: transparent !important;
    padding: 0px !important;
    border: none !important;
    background-image: url("../images/Internals/Edit_Normal.svg") !important;
    width: fit-content !important;
    margin: 0 auto !important;
}

.flat_grid table tbody tr td span[title="Edit"] button:hover {
    box-shadow: unset !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    background-position: center center !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent !important;
    background-color: transparent !important;
    padding: 0px !important;
    border: none !important;
    background-image: url("../images/Internals/Edit_Normal.svg") !important;
    width: fit-content !important;
    box-shadow: none !important;
}

.flat_grid table tbody tr td span[title="Comment"] button,
.normal_grid table tbody tr td span[title="Comment"] button:hover {
    color: var(--main-Primary-color);
    background-image: url("../images/AppIcons/chat.svg");
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    opacity: 0.7;
    background-color: rgba(59, 97, 235, 0) !important;
    width: 100% !important;
    padding: 0px !important;
    min-width: 100px !important;
    height: 30px !important;
    border-radius: 8px !important;
    background-size: 16px !important;
    text-align: center !important;
    margin: 0px auto !important;
    box-shadow: none !important;
}

.application_no {
    background-image: url("../images/Process_images/file_01.svg");
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 14px;
    font-weight: 600;
    padding-left: 25px;
    width: auto;
    height: 30px !important;
    display: inline-block;
    line-height: 1.8;
    background-color: white;
    padding: 3px 12px 3px 34px;
    border-radius: 10px !important;
    border: 1px solid #dbe6f1;
}

.applicant_name {
    background-image: url("../images/Process_images/user_02.svg");
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 14px;
    font-weight: 600;
    padding-left: 25px;
    width: auto;
    height: 30px !important;
    display: inline-block;
    line-height: 1.8;
    background-color: white;
    padding: 3px 12px 3px 34px;
    border-radius: 10px !important;
    border: 1px solid #dbe6f1;
}

.department {
    background-image: url("../images/Process_images/department.svg");
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 14px;
    font-weight: 600;
    padding-left: 25px;
    width: auto;
    height: 30px !important;
    display: inline-block;
    line-height: 1.8;
    background-color: white;
    padding: 3px 12px 3px 34px;
    border-radius: 10px !important;
    border: 1px solid #dbe6f1;
}


.applicant_details .col-lg-4,
.applicant_details .col-md-4 {
    width: auto !important;
    float: left;
}

.send_btn {
    background-image: url("../images/Process_images/send.svg");
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 75px;
    background-color: #386BE8;
    border-radius: 15px;
}

/*  Email Template */
.mail-panel {
    padding: 0px;
}

.mail-panel-head {
    background-image: url(../images/Process_images/Maskgroup1.png);
    width: 100%;
    height: 70px;
    background-size: cover;
    background-position: center center;
    border-radius: 24px;
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 6%) 0px 2px 4px -1px;
    background-repeat: no-repeat;
    background-color: #970a03;
    background: #FFFFFF;
    box-shadow: 0px 3px 10px rgba(155, 172, 231, 0.34);
    border-radius: 15px;
}

.branding_logo {
    background-image: url(../images/Indian_Institute_of_Technology_Dharwad_Logo.svg.png);
    background-size: contain;
    background-position: center;
    height: 58px;
    background-repeat: no-repeat;
}

.mail-panel-content {
    margin-top: 0x;
}

.mail-heading {
    font-size: 14px;
    color: #3d3d3d;
    font-weight: 700;
    border-bottom: 3px solid #B70F30;
    width: fit-content;
}

.mail-sub-heading {
    margin-top: 30px;
    font-size: 14px;
    font-weight: 600;
    color: #3d3d3d;
    margin-bottom: 30px;
}

.mail-text-content p {

    margin-top: 15px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    color: rgba(53, 53, 53, 0.75);
    margin-bottom: 15px;
}

.mail-panel-img {
    background-image: url(../images/Process_images/iith-foot-img.png);
    width: 100%;
    height: 80px;
    background-position: center center;
    background-size: cover;
    border-radius: 24px;
    margin-top: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.mail-panel-foot {
    margin-top: 50px;
}

.mail-panel-foot-text {
    font-family: 'Nunito Sans';
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: #3d3d3d;
}

.mail-panel-img p {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding: 27px;
    font-size: 12px;
    padding-top: 33px;
    text-align: center;
}

.Responsive_profile .Rep-Row .col-lg-12 {
    width: 33.3%;
}

.Responsive_profile .Rep-Row .col-lg-12 .col-lg-12 {
    width: 100%;
}

.e-control textarea {
    width: 100%;
}

.download_btn {
    background-image: url(../images/Process_images/download_icon.svg);
    border: 1px solid #e7effc !important;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 20px center;
    border-radius: 8px;
    background-color: #ffffff;
    padding: 10px 10px 10px 38px;
    color: #484B52;
    font-weight: 700;
    text-align: center;
    width: 150px;
}

.print_btn {
    background-image: url(../images/Process_images/print_icon.svg);
    border: 1px solid #e7effc !important;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 20px center;
    border-radius: 8px;
    background-color: #ffffff;
    padding: 10px 10px 10px 38px;
    color: #484B52;
    font-weight: 700;
    text-align: center;
    width: 130px;
}

.previous_btn {
    background-image: url(../images/Process_images/back_btn.svg);
    border: 1px solid #e7effc !important;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 20px center;
    border-radius: 8px;
    background-color: #ffffff;
    padding: 10px 10px 10px 38px;
    color: #484B52;
    font-weight: 700;
    text-align: center;
    width: 130px;
}

.appview_doc .input-xs,
.appview_doc .form-control {
    border: 0px !important;
}

.appview_doc .input-group-btn {
    display: none;
}

.form_success_img {
    background-image: url(../images/Process_images/form_success.png) !important;
    background-repeat: no-repeat;
    background-position: top center;
    height: 150px;
    width: 100%;
}

.form_success {
    text-align: center;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.event_popup .modal-content {
    width: 85% !important;
}

.event_popup .modal-body {
    padding: 0px !important;
}

.heading_ele_btns .col-lg-2,
.heading_ele_btns .col-lg-1 {
    width: auto !important;
    padding: 0px !important;
    margin-right: 10px;
}

.heading_ele_btns .col-lg-12 {
    padding: 0px !important;
}

.Draft_Heading {
    font-size: 18px !important;
    font-weight: 600 !important;
    background: var(--main-GridHeader-color);
    padding: 4px 20px;
    border-radius: 8px !important;
    border: 1px solid #00000010;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.Draft_Body {
    padding: 10px 0 0 !important;
}

.Draft_Body .form-group {
    margin: 5px 0px 5px 10px !important;
}

.Video_button {
    width: 22px;
    aspect-ratio: 1;
    display: block;
    background-image: url(../images/AU_ICons/video_link.svg);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center;
    animation: hithere 3.5s ease infinite;
}

@keyframes hithere {
    30% {
        transform: scale(1.2);
    }

    40%,
    60% {
        transform: rotate(-20deg) scale(1.2);
    }

    50% {
        transform: rotate(20deg) scale(1.2);
    }

    70% {
        transform: rotate(0deg) scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.Responsive_profile .Rep-Row .col-lg-12,
.Responsive_profile .Rep-Row .col-md-12 {
    width: 33.3%;
}

.Responsive_profile .Rep-Row .col-lg-12 .col-lg-12,
.Responsive_profile .Rep-Row .col-md-12 .col-md-12 {
    width: 100%;
    padding: 0px 20px;
}

.Add_Button,
.Add_Button:hover {
    background-image: url(../images/AU_ICons/adddrop.png);
    border: 1px solid #e7effc !important;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 8px;
    background-color: #ffffff;
    padding: 10px 20px 10px 48px;
    color: #484B52;
    font-weight: 700;
    text-align: center;
    margin-top: 15px !important;
    display: inline-flex;
    font-size: 0px;
    height: 40px;
}

.Student_Progress_Bar {
    padding: 0px;
}

.Student_Progress_Bar .col-lg-12,
.Student_Progress_Bar .col-md-12,
.Student_Progress_Bar .col-sm-12 {
    padding: 0px 10px 0px 5px;
}

.Student_Progress_Bar .content-group-sm {
    margin-left: 5px;
    color: #fff !important;
    margin-bottom: 0px !important;
    margin-top: 5px;
}

.Student_Progress_Bar .content-group-sm p {
    opacity: 0.6;
    font-weight: 400;
    margin-left: 5px !important;
}

.Student_Progress_Bar .content-group-sm .pull-right {
    display: flex;
    gap: 3px;
}

.Student_Progress_Bar .content-group-sm .progress {
    background: #ffffff45;
    border: none !important;
    padding: 0px !important;
}

.Student_Progress_Bar .content-group-sm .progress .progress-bar {
    background: rgba(253, 180, 142, 0.75) !important;
}

.Stu_Faculty_Panel {
    padding: 0px !important;
    background-image: unset !important;
    background-color: white !important;
}

.Stu_Faculty_Panel .panel-body .Stu_Fac_Pro {
    min-height: 94px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0px;
    border-radius: 20px 20px 0px 0px;
    border-bottom: 1px solid #00000020;
    padding: 0px !important;
    background-image: url(../images/AU_ICons/colorful-painted-paper-texture.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 30px 30px 0px 0px !important;
    margin-bottom: 10px;
}

.Stu_Faculty_Panel .panel-body .Faculty_Values {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    text-align: center !important;
    padding-bottom: 10px;
}

.Stu_Faculty_Panel .panel-body .Faculty_Values .form-group {
    text-align: center !important;
    margin: 0px 0px 5px !important;
}

.Stu_Faculty_Panel .panel-body .Faculty_Values .form-group span {
    display: unset;
    text-align: center;
}

.Stu_Fac_Pro .img_dummy1 {
    background-image: url(../images/AU_ICons/Faculty_Image.svg);
    background-position: center;
    width: 60px !important;
    height: 60px !important;
    background-repeat: no-repeat;
    background-size: 40px !important;
    background-color: #fd755f1f !important;
    border-bottom: 3px solid #fd755f;
    position: relative;
    box-shadow: rgb(253 117 95) 0px 1px 4px;
    min-width: unset !important;
}

.Stu_Fac_Pro .img_dummy1::after {
    content: '';
    position: absolute;
    width: 73px;
    aspect-ratio: 1;
    border: 3px solid #fd755f24;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100px;
    opacity: 0.5;
}

.Stu_Fac_Pro .img_dummy1::before {
    content: '';
    position: absolute;
    width: 85px;
    aspect-ratio: 1;
    border: 4px solid #fd755f1f;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100px;
}

.Stu_Faculty_Panel .panel-body .Faculty_Values .primary_header {
    margin-top: 0px !important;
    display: block !important;
}

.message {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px !important;
}

.message-success {
    background-color: #E8F5E9;
    border-color: #4caf5047;
    color: #43A047 !important;
    background-image: url(../images/Process_images/tick_green.svg);
    background-position: 10px center;
    padding-left: 43px;
    background-repeat: no-repeat;

}

.LTR .form-group .controls .form-control.input-xs {
    padding: 5px 0px !important;
}

.user_photo {
    position: absolute;
    top: 70px;
    right: 0px;
}

.user_photo .controls {
    width: 100%;
}

.user_photo .HoverBtnDoc {
    display: none !important;
}

.user_photo .emp_img .MainFrameDoc {
    background-image: url(../images/Process_images/user_passport.png) !important;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 15px;
    border: 0px !important;
}

.user_photo .emp_img .InlineSingle.panel {
    border: 0px !important;
}

.email_icon_div {
    background-image: url(../images/Process_images/email_blue.svg);
    border: 1px solid #e7effc !important;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
    width: 45px;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 13px;
    background-color: white;
}

.msg_icon_div {
    background-image: url(../images/Process_images/comment_blue.svg);
    border: 1px solid #e7effc !important;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
    width: 45px;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 13px;
    background-color: white;
}

.fi-altr-2 .form-group .form-label {
    padding: 5px 10px;
    color: #fff;
    display: flex;
    font-size: 14px !important;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin: 5px 0px;
    border-radius: 8px !important;
    background-color: #ffffff54;
    font-weight: normal;
    width: fit-content;
    max-width: fit-content;
    min-width: fit-content;
}

.flp-row-alt {
    margin-top: unset !important;
}


.course-det-grid table thead tr th:first-child {
    min-width: 10%;
}

.course-det-grid table thead tr th:nth-child(2) {
    min-width: 20%
}

.course-det-grid table thead tr th:nth-child(3) {
    min-width: 20%;
}

.course-det-grid table thead tr th:nth-child(4) {
    min-width: 20%;
}

.course-det-grid table thead tr th:nth-child(5) {
    min-width: 20%;
}

.course-det-grid table thead tr th:nth-child(6) {
    min-width: 20%;
}

.course-det-grid table thead tr th:nth-child(7) {
    min-width: 20%;
}



@media only screen and (min-device-width: 300px) and (max-device-width: 768px) {
    .img_dummy {
        height: 50px !important;
        width: 50px !important;
        background-size: 50px;
    }
}


.panel_white_acad {
    border-radius: 23px;
    border: 0px;
    background-color: #fdf8f4;
    margin: 0px 0px 10px;
}

.count_big {
    font-size: 26px;
    font-weight: 600;
    color: #354B56;
}

.count_big label {
    color: rgb(10, 10, 10);
    font-weight: 500;
    font-size: 14px;
}

.male {
    font-size: 18px;
    font-weight: 600;
    color: #77A4E5;
}

.male label {
    color: rgb(10, 10, 10);
    font-weight: 500;
    font-size: 14px;

}

.female {
    font-size: 18px;
    font-weight: 600;
    color: #FF5B7E;
}

.female label {
    color: rgb(10, 10, 10);
    font-weight: 500;
    font-size: 14px;

}

.faculty_icon_div {
    height: 55px;
    width: 55px;
    background-image: url(../images/Process_images/faculty_icon.svg);
    background-repeat: no-repeat;
    background-size: 40px;
    margin-top: 15px;
    margin-right: 15px;
}

.staff_icon_div {
    height: 55px;
    width: 55px;
    background-image: url(../images/Process_images/staff_icon.svg);
    background-repeat: no-repeat;
    background-size: 40px;
    margin-top: 15px;
    margin-right: 15px;

}

.student_icon_div {
    height: 55px;
    width: 55px;
    background-image: url(../images/Process_images/student_icon.svg);
    background-repeat: no-repeat;
    background-size: 40px;
    margin-top: 15px;
    margin-right: 15px;
}

.orange_border {
    border-left: 10px solid #F99746 !important;
}

.blue_border {
    border-left: 10px solid #77A4E5 !important;
}

.green_border {
    border-left: 10px solid #41AB8A !important;
}

.widget_elements label {
    padding-bottom: 0px !important;
}

.widget_elements .form-group {
    margin-bottom: 0px !important;
}

.widget_elements .col-lg-3,
.widget_elements .col-lg-9,
.widget_elements .col-md-3,
.widget_elements .col-md-9
{
width: auto !important;
margin-right: 10px;
}

@media (min-width:375px) and (max-width:768px) {
    .widget_elements .row {
        display: flex;
    }

    .widget_elements .col-lg-7 {
        display: flex;
        width: 75%;
    }

    .widget_elements .col-lg-3,
    .widget_elements .col-md-3,
    .widget_elements .col-sm-3 {
        width: 25% !important;
        float: left !important;
    }

    .widget_elements .col-lg-9,
    .widget_elements .col-md-9,
    .widget_elements .col-sm-9 {
        width: 75% !important;
    }

    .panel_white_acad {
        margin-bottom: 20px !important;
    }

}

.heading_lbl label {
    font-size: 18px !important;
}

.remove-heading-elements .heading-elements {
    display: none !important;
}

.highlights {
    background-image: url(../images/Process_images/highlights.svg);
}

/* HR Landing Page */

.panel_darkblue {
    border-radius: 23px;
    border: 0px;
    background-color: #355389;
    background-image: url(../images/Process_images/curvebg_01.png);
    background-repeat: no-repeat;
    background-position: top right;
    margin: 0 10px;
}

.panel_darkblue label {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 13px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

.primary_head_01 {
    font-size: 16px;
    font-weight: 600;
    color: #BDD1F9;
}

.lbl_green {
    color: #50BFA5;
    font-size: 16px;
    font-weight: 600;
}

.lbl_red {
    color: #FDB48E;
    font-size: 16px;
    font-weight: 600;
}

.panel_darkblue .col-lg-6,
.panel_darkblue .col-md-6 {
    width: auto;
}

.leave-btn {

    border: 1px solid #e7effc !important;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 20px center;
    border-radius: 8px;
    background-color: #F4F4F4;
    padding: 10px 25px;
    color: #2E5FE3;
    font-weight: 700;
    width: 150px;
    text-align: center;
}

.leave-btn:hover {

    text-decoration: underline;
    background-color: #F8F9F2;
}

#divCanvas .leave_history_grid .table-widget .table-widget-content table tbody tr td:nth-child(3) span {
    padding: 5px;
    border-radius: 3px;
    background-color: #fcefea;
    color: #E3642E;
    font-weight: 600;
}

.performance_grid tbody tr td:nth-child(1) {
    min-width: 100px !important;
}

.performance_grid tbody tr td:first-child .form-group {
    text-align: center !important;
}

.align-items-end {
    justify-content: flex-end;
}

#divCanvas .flat_grid .table-widget .table-widget-content table tbody tr td.dataTables_empty {
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center 15px;
    padding: 15px 0px;
    text-align: center;
    font-weight: 500;
    color: #40046e;
    display: table-cell;
    width: 100% !important;
}

table thead tr th[aria-label="SD_UploadDoc: activate to sort column ascending"],
table thead tr th[aria-label="SD_UploadDoc: activate to sort column descending"] {
    min-width: 300px;
}

.CustomUploadReport .input-group:hover {
    box-shadow: none;
}

.Remove_Up_Btns .CustomUploadReport .input-group .input-group-btn a:nth-child(1),
.Remove_Up_Btns .CustomUploadReport .input-group .input-group-btn a:nth-child(4) {
    display: none !important;
}

.CustomUploadReport .input-group .input-group-btn a {
    margin-right: 0px !important;
}

.CustomUploadReport .input-group .input-group-btn a i.fa-eye:before {
    width: 30px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: var(--main-Primary-color);
}

.CustomUploadReport .input-group .input-group-btn a i.fa-upload:before {
    width: 30px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    color: #1eb11b;
}

table tbody tr td .CustomUploadReport .input-group .input-group-btn a {
    margin-right: 0px !important;
}

table tbody tr td .CustomUploadReport .input-group .input-group-btn .input-group-btn {
    padding-right: 5px;
}

.CustomUploadReport .input-group .form-control {
    margin-left: 0px !important;
}

.High_Zero .table-widget .table-widget-content table tbody tr td:nth-child(3) span,
.High_Zero .table-widget .table-widget-content table tbody tr td:nth-child(4) span,
.High_Zero .table-widget .table-widget-content table tbody tr td:nth-child(5) span {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    background: rgb(229, 246, 255);
    border-radius: 10px;
    color: rgb(46, 95, 227);
    display: inline-block;
    padding: 3px 20px;
    border: 1px solid rgb(97, 184, 242);
}

.remove-thead tbody tr td {
    min-width: 200px !important;
}

.Login_Page {
    background: #f9fafe;
    min-height: 100vh;
}

.Login_Panel .panel-body {
    padding: 0px;
}

.Login_Left_Side {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-height: 100vh !important;
    overflow-y: auto;
    padding: 20px 0px;
    min-height: 100vh;
}

.AU_Logo {
    background-image: url(../images/favicon.png);
    display: block;
    width: 110px;
    height: 110px;
    background-size: contain;
    margin: 0px auto 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.Login_Title h1 {
    font-weight: 500 !important;
    font-size: 18px !important;
    color: rgb(49, 64, 103);
    margin-bottom: 20px !important;
}

.Login_Title span,
.Login_Left_Side h6 {
    color: rgba(49, 64, 103, 0.67);
    font-size: 13px;
    font-weight: 500 !important;
}

.Login_Form_Input .form-group {
    margin: 5px 0px;
    position: relative;
}

.Login_Form_Input .form-group label {
    position: absolute;
    left: 10px;
    z-index: 1;
    top: 5px;
    font-weight: 500 !important;
    font-size: 12px !important;
    color: rgba(49, 64, 103, 0.59) !important;
}

.Login_Form_Input .form-group span.text-danger {
    position: absolute;
    z-index: 1;
    top: 1px;
    right: 1px;
    display: inline-block;
    height: 17px;
    width: 19px;
    padding: 4px;
    line-height: 0.9;
    border-radius: 0px 10px;
    font-size: 21px;
}

.Login_Elements .Input_Dropdown_Input span.text-danger {
    position: absolute;
    z-index: 1;
    top: 31px;
    right: 1px;
    display: inline-block;
    height: 17px;
    width: 19px;
    padding: 4px;
    line-height: 0.9;
    border-radius: 0px 10px;
    font-size: 21px;
}

.Login_Form_Input .form-group .controls input {
    background-color: rgb(255, 255, 255);
    height: 55px !important;
    padding: 20px 10px 5px 10px !IMPORTANT;
    border-radius: 10px !important;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px !important;
    border: 1.5px solid rgb(223, 223, 232) !important;
}

.Login_Form_Input .form-group .controls input:focus {
    border-color: var(--main-Primary-color) !important;
}

.Login_Left_Side .form-group {
    margin: 5px 0px !important;
}

.Login_Right_Side {
    background-image: url("../images/AU_ICons/IITH_Buildings.png");
    background-size: cover;
    background-position: center center;
    display: block;
    border-radius: 0px 150px 0px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    min-height: 100vh !important;
    height: max-content !important;
}

.View_Captcha {
    position: relative;
}

.View_Captcha .form-group .controls input[disabled] {
    height: 45px !important;
    background-color: rgba(223, 223, 232, 0.38) !important;
    padding: 20px 10px 5px !important;
    border-radius: 10px !important;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px !important;
    border: 1.5px solid rgb(223, 223, 232) !important;
}

.Captcha_Btn {
    position: absolute;
    right: 10px;
    transform: translate(-15px, 3px);
    height: 55px;
    z-index: 1;
}

.Captcha_Btn a,
.Captcha_Btn a:hover {
    color: transparent;
    font-size: 0px;
    background-image: url("../images/AU_ICons/refresh.png");
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: center center;
    height: 50px;
    box-shadow: none;
    background-color: transparent;
}

.Captcha_Btn .form-group {
    margin: 0px;
}

.Login_Page_Button {
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 500;
    font-size: 13px;
    background-color: rgb(56, 107, 232);
    border-radius: 8px;
    margin: 5px 0px;
}

.Login_Page_Button:hover {
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 500;
    font-size: 13px;
    background-color: rgb(56, 107, 232);
    border-radius: 8px;
    margin: 5px 0px;
    box-shadow: rgba(56, 107, 232, 0.59) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

.Resend_Button {
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: rgb(56, 107, 232);
    font-weight: 500;
    font-size: 13px;
    border-radius: 14px;
    margin: 0px;
    box-shadow: none;
}

.Captcha_Colun .form-group .controls input[disabled],
.Captcha_Colun .form-group .controls input {
    padding: 0px 10px;
}

.Captcha_Colun .form-group .controls input[disabled] {
    text-align: center;
    padding: 0px 30px !important;
}

hr {
    margin: 0px;
    border-color: rgba(56, 107, 232, 0.5) !important;
    border-style: solid !important;
}

.Login_Title h1.GreenText {
    color: #23b711 !important;
    margin: 5px 0px 0px !important;
}

.Login_Title h1.GreenText.Signs {
    position: relative;
    padding-right: 10px;
    width: fit-content;
    text-align: center;
    margin: 0 auto !important;
}

.Signs::after {
    color: #23b711 !important;
    content: '!!!';
    position: absolute;
    right: -4px;
}

.Canc {
    background-color: #ff5252;
}

.Canc:hover {
    background-color: #ff5252;
    box-shadow: rgb(255 82 82 / 62%) 0px 0px 5px 0px, rgb(0 0 0 / 10%) 0px 0px 1px 0px;
}

.Login_Elements .Input_Dropdown_Ele {
    position: absolute;
    top: 50% !important;
    left: 0px;
    transform: translate(10px, calc(93px - 106px));
}

.Login_Elements .Input_Dropdown_Ele .e-input-group {
    min-height: 55px;
}

.Login_Form_Input .form-control {
    min-height: 55px;
}

.Login_Form_Input .form-control .e-input-group {
    min-height: 55px !important;
}

.Login_Elements .Input_Dropdown_Ele .form-group {
    margin: 0px !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
}

.Login_Elements .Input_Dropdown_Input label {
    padding-left: 10px;
}

.Login_Elements .Input_Dropdown_Ele .form-group {
    margin: 0px !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
}

.Login_Elements .Input_Dropdown_Input label {
    position: relative;
    top: 36px;
    z-index: 9;
    left: 110px;
    font-size: 12px;
    color: rgba(49, 64, 103, 0.59) !important;
}

.Login_Elements .Input_Dropdown_Input .form-group .controls input.form-control {
    min-height: 55px !important;
}

.Login_Panel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

@media only screen and (min-width: 300px) and (max-width: 600px) {
    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 100%
    }

    .col-md-10 {
        width: 100%
    }

    .col-md-9 {
        width: 100%
    }

    .col-md-8 {
        width: 100% !important;
    }

    .col-md-7 {
        width: 100%
    }

    .col-md-6 {
        width: 100% !important;
    }
}

@media only screen and (min-width: 300px) and (max-width: 1024px) {

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

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .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
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

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

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

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

    .col-sm-1 {
        width: 8.33333333%
    }

    .Login_Panel {
        display: unset;
    }

    .Login_Right_Side {
        display: none;
    }

    .Login_Left_Side .form-group {
        margin: 5px 0px 10px !important;
    }

    .Login_Left_Side {
        display: flex;
        width: 100%;
    }
}

/* Sign up */

.captcha .form-control {
    background-color: #e5e5e5 !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    padding-left: 15px;
}

.Login_Form_Input .captcha .form-group .controls input {
    font-size: 23px !important;
    font-weight: 700 !important;
}

.Login_Form_Input .e-date-icon {
    top: -12px !important;
}

.Login_Form_Input .e-clear-icon {
    position: relative !important;
    right: 14px !important;
    top: -12px !important;
}

.captcha .form-group .controls input:focus {
    cursor: not-allowed;
    background-color: #e5e5e5 !important;
    border: 1.5px solid rgb(223, 223, 232) !important;

}

.dob_text .form-control {
    padding-top: 12px !important;
}


.dob_text .form-control::before {
    content: "Date of Birth";
    position: absolute;
    height: 15px;
    width: 120px;
    font-weight: 500 !important;
    font-size: 12px !important;
    color: rgba(49, 64, 103, 0.59) !important;
    left: 10px;
    z-index: 1;
    top: 5px;
}

.elements_btns .heading-elements ul li a[title="Add"] {
    width: 75px;
}

.elements_btns .heading-elements ul li a[title="Add"]::before {
    content: "Add";
    position: absolute;
    width: 75px;
    height: 30px;
    top: 6px;
    font-weight: 500 !important;
    font-size: 15px !important;
    color: #2c2d30;
}


.elements_btns .heading-elements ul li a:hover {
    background-color: #e9edff !important;
}

.elements_btns .heading-elements ul li a[title="Delete"] {
    width: 100px;
}

.elements_btns .heading-elements ul li a[title="Delete"]::before {
    content: "Delete";
    position: absolute;
    height: 30px;
    top: 10px;
    font-weight: 500 !important;
    font-size: 15px !important;
    color: #2c2d30;
}

.elements_btns .heading-elements ul li a[title="Add"] i {
    display: none !important;
}

.elements_btns .heading-elements ul li a[title="Delete"] i {
    display: none !important;
}

.amt_tobe_paid {
    display: block;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #333333;
}

.elements_btns .heading-elements ul li:last-child {
    display: none !important;
}

.footer_btns a {
    width: 120px !important;
    margin: 10px 10px 0 10px;
}

.Filter-btn,
.Don-btn,
.Upload-btn,
.add-btn {
    border: 1px solid #e7effc !important;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 20px center;
    border-radius: 8px;
    background-color: #ffffff;
    padding: 10px 10px 10px 38px;
    color: #484B52;
    font-weight: 600;
    width: 120px;
    text-align: center;
    font-size: 11px;
}

.Upload-btn {
    background-image: url(../images/AU_ICons/upload_blue.png);
}

.Don-btn {
    background-image: url(../images/AU_ICons/download_blue.png);
    background-position: 10px !important;
}

.Filter-btn {
    background-image: url(../images/AU_ICons/filter_blue.png);
}

.add-btn {
    background-image: url(../images/AU_ICons/plus.png);
}

.Phn_Num .controls {
    position: relative;
}

.Phn_Num .controls::before {
    content: "+91";
    position: absolute;
    width: 55px;
    height: 30px;
    top: 25px;
    left: 9px;
    font-weight: 500 !important;
    font-size: 13px !important;
    color: rgba(49, 64, 103, 0.59) !important;
    z-index: 1;
}

.Login_Form_Input .Phn_Num .controls input {
    padding: 20px 10px 5px 40px !important;
}

.category_txt {
    font-size: 16px;
    font-weight: 600;
    color: #36373c;
}

.blue_panel_02 {
    background-color: rgb(224, 228, 244);
    margin-bottom: 20px;
    border-radius: 15px !important;
    border: 0px !important;
    transition: 0.76s;
}

.blue_panel_02:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    background-color: white;
    transition: 0.76s;
}

.elements_btns .heading-elements ul li a[title="Edit"]::before {
    content: "Edit";
    position: absolute;
    width: 75px;
    height: 30px;
    top: 11px;
    font-weight: 500 !important;
    font-size: 15px !important;
    color: #2c2d30;
    background: none;
    text-align: center;
}

.elements_btns .heading-elements ul li a[title="Edit"] {
    width: 75px;
}

.elements_btns .heading-elements ul li a[title="Edit"] i {
    display: none;
}

#divCanvas .normal_grid table.dataTable tbody tr.selected {
    background-color: #e4c4f33d;
}

.capcha-bold .form-group .controls input.form-control {
    font-size: 23px !important;
    font-weight: 700 !important;
    padding-top: 13px !important;
    color: rgb(32, 32, 32) !important;
}

.Doc_Download .form-group .input-group {
    border: 1px solid #00000010;
    border-radius: 10px !important;
}

.Doc_Download .form-group .controls .input-group span {
    border: none !important;
    min-width: 100%;
    display: flex !important;
    text-align: center !important;
    align-items: center;
    justify-content: flex-start;
    text-overflow: clip !important;
    position: relative;
    padding-left: 40px !important;
    background-image: url(../images/AppIcons/download-to-storage-drive.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 13px 10px;
}

.Doc_Download .form-group .input-group .input-group-btn {
    position: absolute;
    width: 100%;
    display: block;
}

.Doc_Download .form-group .input-group .input-group-btn a {
    width: 100%;
    right: 2px;
    border-radius: 10px !important;
    background: transparent !important;
    font-size: 0px;
}

.Doc_Download .form-group .input-group .input-group-btn a i {
    display: none;
}

.Pop_Up_Panel_Modal {
    backdrop-filter: blur(7px);
}

.Pop_Up_Panel_Modal .modal-content {
    box-shadow: none !important;
    background: none !important;
}

.Pop_Up_Panel_Modal .modal-content .modal-header {
    display: none;
}

.Pop_Up_Panel_Modal .modal-content .modal-body {
    padding: 0px !important;
}

.Pop_Up_Panel_Modal .modal-content .modal-body .content {
    padding: 0px !important;
    overflow: hidden;
}

.iith-header-pan {
    background-image: url(../images/iit-logo-01.png) !important;
    background-size: 290px 75px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    height: 140px !important;
    background-color: #ffffff !important;
    box-shadow: rgb(0 0 0 / 10%) 0px 2px 4px;
    position: relative;
}

.Front_Page_Banner_Panel .panel-body-banner {
    background: white;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
    text-align: center !important;
    background-image: url(../images/AU_ICons/XMLID_15_.png);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: center -150px;
    min-height: 350px;
    display: flex;
    padding: 60px 10% !important;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    margin-top: 120px;
}

.Front_Page_Banner_Panel .panel-body {
    padding: 0px;
}

.Front_Page_Banner_Panel .panel-body h1 {
    font-weight: 700 !important;
    font-size: 30px;
    line-height: 55px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #3B61EB;
    justify-content: center;
    width: 80%;
    margin: 0 auto !important;
}

.Front_Page_Banner_Panel .panel-body h6,
.Front_Page_Banner_Panel .panel-body span {
    font-weight: 500;
    font-size: 15px;
    line-height: 32px;
    align-items: center;
    text-align: center;
    color: #333333;
    justify-content: center;
    margin: 0px auto 10px;
}

.Front_Page_Banner_Panel .panel-body .tabbable .nav-tabs {
    border: none !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.nav-tabs:before {
    display: none;
}

.Front_Page_Banner_Panel .panel-body .tabbable .nav-tabs li a {
    margin: 20px 40px 20px;
    min-width: 260px !important;
    border: 1.5px solid #333333 !important;
    border-radius: 10px !important;
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333333 !important;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
}

.Front_Page_Banner_Panel .panel-body .tabbable .nav-tabs li a span {
    padding-left: 40px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 28px;
}

.Front_Page_Banner_Panel .panel-body .tabbable .nav-tabs li:nth-child(1) a span {
    background-image: url(../images/AU_ICons/M.tech_Black.svg);
}

.Front_Page_Banner_Panel .panel-body .tabbable .nav-tabs li:nth-child(2) a span {
    background-image: url(../images/AU_ICons/Phd_Black.svg);
}

.Front_Page_Banner_Panel .panel-body .tabbable .nav-tabs li.active:nth-child(1) a span {
    background-image: url(../images/AU_ICons/M.tech_White.svg);
}

.Front_Page_Banner_Panel .panel-body .tabbable .nav-tabs li.active:nth-child(2) a span {
    background-image: url(../images/AU_ICons/Phd_White.svg);
}

.Front_Page_Banner_Panel .panel-body .tabbable .nav-tabs li.active a {
    background: #333 !important;
    color: #fff !important;
}

.Front_Page_Banner_Panel .panel-body .tabbable .tab-content {
    background: #F9FAFF;
    box-shadow: inset 0px 0px 14px rgba(0, 0, 0, 0.15);
    padding: 30px 50px;
    margin-top: 130px;
    display: block;
}

.Front_Page_Banner_Panel .panel-body .tabbable {
    margin: 0px !important;
}

.Front_Page_Banner_Panel .panel-body {
    padding: 0px;
}

.Front_Page_Banner_Panel .panel-body .Rep-Row .col-lg-12,
.Front_Page_Banner_Panel .panel-body .Rep-Row .col-md-12,
.Front_Page_Banner_Panel .panel-body .Rep-Row .col-sm-12 {
    width: 33.3%;
    padding: 0px 20px !important;
}

.Front_Page_Banner_Panel .panel-body .Rep-Row .col-lg-12 .col-lg-12,
.Front_Page_Banner_Panel .panel-body .Rep-Row .col-md-12 .col-md-12,
.Front_Page_Banner_Panel .panel-body .Rep-Row .col-sm-12 .col-sm-12 {
    width: 100%;
    padding: 0px 10px;
}

@media only screen and (min-device-width: 350px) and (max-device-width: 760px) {
    .Front_Page_Banner_Panel .panel-body .tabbable .tab-content .tab-pane {
        padding: 0px !important;
    }

    .Front_Page_Banner_Panel .panel-body .Rep-Row .col-lg-12,
    .Front_Page_Banner_Panel .panel-body .Rep-Row .col-md-12,
    .Front_Page_Banner_Panel .panel-body .Rep-Row .col-sm-12 {
        width: 100%;
        padding: 0px 20px;
    }

    .BPMI_Job_Panel .panel-body .Rep-Row .col-xl-12,
    .BPMI_Job_Panel .panel-body .Rep-Row .col-lg-12,
    .BPMI_Job_Panel .panel-body .Rep-Row .col-md-12,
    .BPMI_Job_Panel .panel-body .Rep-Row .col-sm-12 {
        width: 100%;
        padding: 0px 20px;
    }

    .BPMI_Job_Panel .panel-body .Rep-Row .col-xl-12 .col-xl-12,
    .BPMI_Job_Panel .panel-body .Rep-Row .col-lg-12 .col-lg-12,
    .BPMI_Job_Panel .panel-body .Rep-Row .col-md-12 .col-md-12,
    .BPMI_Job_Panel .panel-body .Rep-Row .col-sm-12 .col-sm-12 {
        width: 100%;
        padding: 0px !Important;
    }

    .BP_Job_Applynow_Panel {
        margin-bottom: 20px !Important;
    }
}

.BPMI_Job_Panel .panel-body {
    padding: 0px;
    margin: 0px 0px 20px !important;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.05);
    border-radius: 30px !important;
    padding-bottom: 15px;
}

.BP_Rep_Grid_Body {
    padding: 20px 10px 5px 20px !important
}

.BP_Rep_Grid_Body .InlineSingle {
    margin-bottom: 0px;
}

.BP_Rep_Grid_Body .Work_Type {
    font-style: normal;
    font-weight: 500 !important;
    font-size: 13px;
    line-height: 18px;
    color: #999999;
    background: transparent;
    border: none;
    padding: 0px;
    min-height: 29px;
    display: flex;
    align-items: center;
    position: relative;
    top: 4px;
}

.Applying_Panel,
.BP_Rep_Grid_Body {
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    margin: 10px 0px 40px;
    position: relative;
    margin-top: 0px !important;
}

.BP_Rep_Grid_Body .InlineSingle:hover .HoverBtnDoc {
    display: none;
}

.Applying_Panel .Image {
    background-image: url(../images/AU_ICons/IITH_Apply_Page_W_Laptop.png);
    height: 200px;
    border-radius: 20px 20px 0px 0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0px !important;
}

.search_part.collapse {
    display: none !important;
}

.Applying_Panel .Applying_Panel_Body {
    padding: 0px 0px 0px;
    position: relative;
    bottom: 15px;
}

.Cat_Title {
    font-weight: 500 !important;
    font-size: 32px;
    line-height: 33px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #17519a;
    justify-content: center;
}

.category_txt {
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: rgba(51, 51, 51, 0.75);
    opacity: 0.8;
}

.Description_01 {
    font-style: normal;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 28px !important;
    color: rgba(51, 51, 51, 0.85) !important;
    height: 84px;
    display: flex;
    align-items: flex-start !important;
    overflow-y: auto;
    text-align: left !important;
}

.Applying_Panel .panel-footer {
    background: transparent;
    padding: 15px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    text-align: center;
}

.Applying_Panel .panel-footer .form-group {
    margin: 0px !important;
    text-align: center !important;
}

.Applying_Panel .panel-footer .form-group a {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 22px;
    background-image: url(../images/AU_ICons/Apply_Black.svg);
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    padding-right: 30px !important;
    padding: 0px 30px 0px 0px !important;
}

.Applying_Panel .panel-footer .form-group a:hover {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 22px;
    background-image: url(../images/AU_ICons/Apply_Blue.svg);
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: #3B61EB;
    padding-right: 30px;
    box-shadow: none !important;
}

.dummy_panel_01 .form-group {
    margin-bottom: 0px !important;
}

.dummy_panel_01 .form-group .input-xs {
    height: unset !important;
}

.apar_report ul.nav {
    padding-right: 120px;
}

.Configuration_Pill_Panel1 .panel-body .no-fee {
    background-image: url(../images/AU_ICons/no-fee-warning.png) !important;
    border: none !important;
    background-size: 32px !important;
    background-color: #ffded1;
}

/* Student Portal */

.grey_panel_01 {

    border-radius: 23px;
    background-color: #F3F3F3;
    border: 0px !important;
}

.grey_panel_body {
    padding: 11px;
    border-bottom: 1px dashed rgba(53, 83, 137, 0.25);
}

.cusotm_tab_02 ul {
    margin: auto;
    width: auto !important;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #D9D9D9;
    border-radius: 41px;
    padding: 10px;
}

.cusotm_tab_02 .nav-tabs>li.active>a,
.cusotm_tab_02 .nav-tabs>li.active>a:hover,
.cusotm_tab_02 .nav-tabs>li.active>a:focus {
    background: #384C61 !important;
    border-radius: 20px !important;
    border: 0px !important;
    color: white !important;
    font-size: 14px !important;
}

.faculty_icon {
    background-image: url(../images/Process_images/user_03.svg) !important;
    height: 60px;
    width: 60px;
    background-repeat: no-repeat;
}

.faculty_icon .col-lg-12 {
    margin-left: 100px;
}

.email_part {
    background-image: url(../images/Process_images/email_01.svg) !important;
    background-position: 14px;
    background-repeat: no-repeat;
    padding-left: 74px !important;
    height: 27px;
    display: inline-block;
    padding-top: 5px;
    font-size: 14px;
    color: #638097;
    font-weight: 700;
}

.phone_part {
    background-image: url(../images/Process_images/phone_icon.svg) !important;
    background-position: 16px;
    background-repeat: no-repeat;
    padding-left: 76px !important;
    height: 24px;
    display: inline-block;
    padding-top: 5px;
    font-size: 14px;
    color: #638097;
    font-weight: 700;
}

.email_part span,
.phone_part span {
    font-size: 14px;
    color: #638097;
    font-weight: 700;
}

.Stu_Faculty_Panel .panel-body {
    padding: 11px !important;
}

#divCanvas .semester_grid .table-widget .table-widget-content table tbody tr td:last-child span {
    padding: 4px;

    background: rgba(249, 203, 58, 0.26);
}

#ZDBPoweredByEl {
    display: none !important;
}

.panel_dark_blue {
    background-color: #384C61;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    border-radius: 8px;
    border: 1px solid rgb(198, 226, 255) !important;
    box-shadow: none !important;
}

.Applying_Panel_Body .form-group {
    margin-bottom: 0px !important;
}

.Category_02 {
    font-weight: 600 !important;
    font-size: 18px !important;
    margin-right: 20px !important;
}

.Apply_Body {
    background-color: #fbfbfb00;
    box-shadow: none;
    padding: 0px !important;
    margin-top: 20px;
}

.Work_Type {
    background: #dfe6ff5c;
    padding: 5px 20px;
    border-radius: 6px !important;
    border: 1px dashed var(--main-Primary-color);
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* BP2MI*/

.header_part {
    margin-bottom: 60px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.page_top_bg {
    background-position: right top;
    background-repeat: no-repeat;
}

.page_top_bg::before {
    content: '';
    position: absolute;
    height: 188px !important;
    width: 100%;
    z-index: -1;
    left: 0;
    background-image: url(../images/AU_ICons/bg-ab.png), linear-gradient(180deg, #4e0783, #3d0069);
    background-size: contain;
}

.BP2MI_logo {
    background-image: url(../images/AU_ICons/iitrLogo.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 90px;
    width: 500px;
    margin: 0 auto;
    background-size: 90%;
    background-color: #fff;
    border-radius: 0px 0px 20px 20px;
}

.app_name {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    display: none !important;
}

.app_name h1 {
    color: #25AAE1 !important;
    font-size: 18px !important;
}

.app_name h2 {
    color: #ffffff;
    font-size: 26px !important;
}

.top_panel {
    float: none;
    margin: auto;
    padding: 0 5%;
}

.category_panel {
    border: 1px solid rgba(23, 81, 154, 0.2);
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    background-color: white;
}

.category_panel_top_body {
    background: linear-gradient(180deg, #FFF3E5 0%, rgba(247, 248, 250, 0) 100%);
    border-radius: 20px 20px 0 0;
}

.admin_icon {
    background-image: url(../images/BP2MI/admin.svg);
    background-position: center;
    background-repeat: no-repeat;
    height: 210px;
    width: 100%;
}

.agent_icon {
    background-image: url(../images/BP2MI/agent.svg);
    background-position: center;
    background-repeat: no-repeat;
    height: 210px;
    width: 100%;
}

.worker_icon {
    background-image: url(../images/BP2MI/worker.svg);
    background-position: center;
    background-repeat: no-repeat;
    height: 210px;
    width: 100%;
}

.category_panel h1 {
    font-size: 20px;
    color: #222222;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

.category_panel h2 {
    font-size: 15px !important;
    color: #6A6C70;
    margin-bottom: 20px !important;
}

.category_footer .signin_btn {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    font-weight: 500 !important;
    color: #17519A;
    height: 30px;
    border-bottom: 1px dashed #17519A;
    display: inline-block;
}

.category_footer .signin_btn:hover {
    color: #f05c53;
    border-bottom: 1px dashed #f05c53;
}

.category_footer .text_content {
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    color: #6A6C70;
    float: left;
    margin-right: 20px;
}

.register_btn {
    background: #f05c53;
    border: 0px solid #17519A;
    border-radius: 10px;
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    width: 100%;
    display: block;
    padding: 10px;
    text-align: center;
    transition: .5s;
}

.register_btn:hover {
    background: #17519A;
    color: white;
}

.dark_btn {
    background: #17519A;
    border: 0px solid #17519A;
    border-radius: 10px;
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    width: 100%;
    display: block;
    padding: 10px;
    text-align: center;
    transition: .5s;
}

.dark_btn:hover {
    background: #25AAE1;
    color: #ffffff;
}

.flat_btn {
    background: #ffffff;
    border: 1px solid #17519A;
    border-radius: 10px;
    color: #17519A;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    width: 100%;
    display: block;
    padding: 10px;
    text-align: center;
    transition: .5s;
}

.flat_btn:hover {
    background: #f5f5f5;
    color: #17519A;
}

.flat_link_btn {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    font-weight: 600 !important;
    color: #9d32eb;
    height: 37px;
    border-bottom: 1px dashed #9d32eb;
    display: inline-block;
    padding: 10px 0;
}

.flat_link_btn:hover {
    color: #386BE8;
}

.flat_link_btn_add {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    font-weight: 600 !important;
    color: #9d32eb;
    height: 37px;
    border-bottom: 1px dashed #9d32eb;
    display: inline-block;
    padding: 10px 0;
    background-image: url(../images/AU_ICons/addlist.svg);
    background-position: 0 15px;
    background-repeat: no-repeat;
    padding-left: 25px;
    background-size: 20px;
}

.flat_link_btn_add:hover {
    color: #386BE8;
}

.form_panel_header {
    padding-bottom: 20px;
    border-bottom: 2px solid #25AAE1;
    background-image: url(../images/BP2MI/register.svg);
    background-position: right;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
    background-size: 50px;
}

.form_panel_header .col-lg-12 {
    padding: 0px !important;
}

.form_panel h1 {
    color: #333;
    font-weight: 500 !important;
    font-size: 30px;
    margin-bottom: 20px !important;
}

.form_panel h2 {
    color: #333333;
    font-weight: 500 !important;
    font-size: 20px;
}

.form_panel h3 {
    color: rgba(51, 51, 51, 0.5);
    font-weight: 600;
    font-size: 16px;
}

.form_panel h4 {
    color: #333333;
    font-weight: 500 !important;
    font-size: 20px;
    border-bottom: 2px solid #dddddd !important;
    margin-bottom: 0px !important;
    padding: 10px 20px;
}

.form_panel h5 {
    color: #333333;
    font-weight: 600 !important;
    font-size: 16px;

    margin-bottom: 20px !important;
}

.form_common_panel {
    background: #FFFFFF;
    border: 1px solid rgba(23, 81, 154, 0.2);
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    margin-bottom: 20px;
}

.form_common_panel .panel-heading {
    padding: 15px 20px 0px 20px !important;
}

.p-30 {
    padding: 30px;
}

.confirmation_div {
    background-image: url(../images/BP2MI/message.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 404px;
    width: 100%;

}

.success_content {
    font-size: 20px;
    color: #169642;
    font-size: 500;
}

.text_content_secondary {
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    color: #6A6C70;
    margin-bottom: 20px;
}

.text_content_secondary_info {
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    color: #6A6C70;
    margin-bottom: 20px;
}

.form_panel_header_01 {
    padding-bottom: 20px;
    border-bottom: 2px solid #25AAE1;
    display: inline-block;
    width: 100%;
}

.form_panel_header_01 .heading {
    float: left;
    width: auto;
}

.form_panel_header_01 .status {
    float: right;
    width: 200px;
}

.user_info label {
    font-size: 13px !important;
    color: #999999 !important;
    margin-bottom: -10px;
}

.user_info .controls span {
    font-size: 16px;
    color: #333333;
    font-weight: 500;
}

.btm_strip {
    background-image: url(../images/BP2MI/bottom_bg_strip.png);
    background-position: bottom;
    background-repeat: repeat-x;
}

.user_info {
    border-right: 2px dashed #cccccc;
}

.fe_ltr label {
    float: left;
    padding-bottom: 0px;
    font-weight: 500;
    font-size: 13px !important;
    color: #999999 !important;
    min-width: 200px;
}

.fe_ltr .controls {
    float: left;
    margin-left: 0px;
}

.fe_ltr .controls span {
    font-size: 16px;
    color: #333333;
    font-weight: 500;
}

.fe_ltr .input-group-xs {
    position: absolute;
    top: -9px;
}

.fe_ltr .input-group-xs span {
    color: #0574ff !important;
    padding: 0px !important;
    border: 0px !important;
    background-color: transparent !important;
}

.fe_ltr .input-group-xs .input-group-btn {
    position: absolute;
    width: 100%;
    border: 0 !important;
}

.fe_ltr .input-group-xs .input-group-btn a {
    border: 0px !important;
    background-color: transparent !important;
    width: 100%;
}

.fe_ltr .input-group-xs .input-group-btn i {
    display: none !important;
}

.fe_ltr .input-xs span {
    font-size: 16px;
    color: #333333;
    font-weight: 500;
    padding: 10px;
}

.user_image .HoverBtnDoc {
    display: none !important;
}

.user_image .MainFrameDoc {
    background-color: transparent !important;
    background-image: url(../images/BP2MI/user.png);
    background-size: 115px;
    background-repeat: no-repeat;
    background-position: center;
}

.user_image .panel {
    border: 0px !important;
    background-color: transparent !important;
}

.user_image .InlineSingle.panel {
    background: unset !important;
    border-bottom: 1px solid #d4d9e8 !important;
}

.brdr_orange {
    border: 1px solid orange !important;
}

.brdr_orange {
    border: 1px solid orange !important;
}

.bg_01 {
    background-image: url(../images/BP2MI/bg1.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #f1f9ff;
}

.bg_02 {
    background-image: url(../images/BP2MI/bg2.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

.bg_03 {
    background: url(../images/BP2MI/flight_01.svg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: #425da1;
}

.bg_03 h4 {
    color: white;
    border-bottom: 2px solid #dddddd40 !important;
}

.bg_03 label {
    color: rgba(255, 255, 255, 0.5) !important;
}

.bg_03 span {
    color: #ffffff !important;
}

.bg_04 {
    background-image: url(../images/BP2MI/bg4.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.Login_Btn_Col .form-group .controls span a {
    width: 100%;
    border: 2px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 10px;
    background: transparent !important;
    height: 51px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px !important;
    font-weight: 600 !important;
    font-size: 16px;
    color: #FFFFFF;
}

.BPMI_Job_Panel {
    float: none;
    margin: auto;
    position: relative;
    bottom: 60px;
}

.BPMI_Job_Panel_Heading1 {
    font-style: normal;
    font-weight: 500 !important;
    font-size: 30px;
    line-height: 41px;
    color: #ffffffed;
    text-align: center;
    margin-top: 15px !important;
}

.BPMI_Job_Panel_Heading2 {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
    text-align: center;
    margin-top: 10px !important;
    opacity: 0.75;
}

.BPMI_Job_Panel .BP_Rep_Grid_Bodybody {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 20px 20px 20px;
}

.BPMI_Job_Panel .panel-body .Rep-Row .col-xl-12,
.BPMI_Job_Panel .panel-body .Rep-Row .col-lg-12,
.BPMI_Job_Panel .panel-body .Rep-Row .col-md-12,
.BPMI_Job_Panel .panel-body .Rep-Row .col-sm-12 {
    width: 33%;
    padding: 0px 20px;
}

.BPMI_Job_Panel .panel-body .Rep-Row .col-xl-12 .col-xl-12,
.BPMI_Job_Panel .panel-body .Rep-Row .col-lg-12 .col-lg-12,
.BPMI_Job_Panel .panel-body .Rep-Row .col-md-12 .col-md-12,
.BPMI_Job_Panel .panel-body .Rep-Row .col-sm-12 .col-sm-12 {
    width: 100%;
    padding: 0px;
}

.Agent_Landing_Grid .Rep-Row .col-xl-12,
.Agent_Landing_Grid .Rep-Row .col-lg-12,
.Agent_Landing_Grid .Rep-Row .col-md-12,
.Agent_Landing_Grid .Rep-Row .col-sm-12 {
    width: 33%;
    padding: 0px 20px !important;
}

.Agent_Landing_Grid .Rep-Row .col-xl-12 .col-xl-12,
.Agent_Landing_Grid .Rep-Row .col-lg-12 .col-lg-12,
.Agent_Landing_Grid .Rep-Row .col-md-12 .col-md-12,
.Agent_Landing_Grid .Rep-Row .col-sm-12 .col-sm-12 {
    width: 100%;
    padding: 0px !Important;
}

.BP_Job_Applynow_Panel {
    background-color: #FFFFFF;
    border: 1px solid rgb(23 81 154 / 6%);
    border-radius: 30px;
    margin-bottom: 20px;
}

.BP_Job_Applynow_Panel_Col_01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px 0px 0px;
}

.BP_Job_Applynow_Panel_Col_01 .form-group {
    margin-bottom: 0px !Important;
}

.BP_Job_Applynow_Panel_Col_01 .Logo_BP {
    background-image: url(../images/AU_ICons/BP_logo.svg);
    background-position: center;
    background-size: contain;
    width: 39px;
    aspect-ratio: 1;
    background-repeat: no-repeat;
}

.BP_Job_Applynow_Panel .panel-body {
    border-radius: 40px;
    background-image: linear-gradient(180deg, #ffffff 0%, rgba(247, 248, 250, 0) 100%);
    background-position: top, top;
    background-size: 100% 50%, 100% 50%;
    background-repeat: no-repeat;
    padding: 20px 20px 0px !important;
    box-shadow: none !important;
    border: none !important;
    margin: 0px !important;
}

.BP_Job_Applynow_Panel_Col_02 .col-lg-12,
.BP_Job_Applynow_Panel_Col_02 .col-md-12,
.BP_Job_Applynow_Panel_Col_02 .col-sm-12 {
    padding: 0px !important
}

.BP_Job_Applynow_Panel_Col_02 .Category_01 {
    color: #703FBF !important;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.BP_Job_Applynow_Panel_Col_02 .Description_01 {
    height: 100px;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    color: #333333bd !important;
    padding-right: 10px;
}

.BP_Job_Applynow_Panel_Col_03 {
    margin-top: 20px;
}

.BP_Job_Applynow_Panel_Col_03 .Category_02 {
    font-style: normal;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 20px;
    color: #333333;
    display: flex;
    align-items: flex-start;
}

.BP_Job_Applynow_Panel .panel-footer {
    border: none;
    background: transparent;
    padding: 20px 20px 20px;
}

.BP_Job_Applynow_Panel .panel-footer a {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #333333 !important;
    padding: 5px 0px;
    background: transparent;
    box-shadow: none !important;
    margin: 0;
    background-image: url(../images/AU_ICons/Apply_Black.svg);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 25px;
}

.BP_Job_Applynow_Panel .panel-footer a:hover {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #3b61eb !important;
    padding: 5px 0px;
    background: transparent;
    box-shadow: none !important;
    margin: 0;
    background-image: url(../images/AU_ICons/Apply_Blue.svg);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 25px;
}

.Landing_Tab_Panel {
    border-radius: 20px 20px 0px 0px;
    border: none !important;
    margin-bottom: 0px;
}

.Landing_Tabs .nav-tabs {
    background: #17519a;
    padding: 10px !important;
    border: none !important;
    margin: 0px 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px 0px 20px 20px;
    background-position: bottom;
    background-repeat: repeat-x;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 4px 1px inset;
    position: relative;
    z-index: 1;
    flex-wrap: wrap;
    flex-direction: row;
}

.Landing_Tabs .nav-tabs:after {
    content: '';
    position: absolute;
    background: url(../images/AU_ICons/Lines.svg);
    width: 100%;
    height: 4px;
    opacity: 0.035;
    z-index: -1;
}

.Landing_Tabs ul li a,
.Landing_Tabs ul li a:hover {
    opacity: 1 !important;
    margin-right: 20px;
    margin: 5px 20px;
    background: #17519af2;
    border: 2px solid rgb(255 255 255 / 11%) !important;
    border-radius: 15px;
    min-height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    font-weight: 500 !important;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #ffffff8a !important;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 20px;
    padding: 0 30px;
}

.Landing_Tabs ul li.active a,
.Landing_Tabs ul li.active a:hover,
.Landing_Tabs ul li.active a:focus {
    opacity: 1 !important;
    background: #25AAE1 !important;
    border-radius: 15px !important;
    border: none !important;
    position: relative !important;
    z-index: 2;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #ffffff !important;
}

.Landing_Tabs ul li.active a::after {
    background: rgb(232 137 97);
    width: 20px;
    aspect-ratio: 1;
    top: calc(100% - 0px);
    left: 50%;
    border-radius: 6px;
    z-index: -1;
    transform: rotate(45deg) translate(calc(-50% - 5px), calc(-50% - -5px));
}

.Landing_Tabs .col-lg-12,
.Landing_Tabs .col-md-12,
.Landing_Tabs .col-sm-12 {
    padding: 0px !important
}

.Landing_Tabs .tab-content {
    margin: 0px 20px !important;
}

.Agent_Landing_Grid .BP_Job_Applynow_Panel_Col_02 label {
    padding: 0px !important;
    opacity: 0.5;
    font-weight: 400;
    font-size: 12px !important;
}

.Agent_Landing_Grid .BP_Job_Applynow_Panel_Col_02 .Category_01 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 27px;
    color: #17519A;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0px !important;
}


.Landing_Tabs .form_panel h1 {
    color: #333;
}


.Landing_Tabs .tabbable .tabbable .nav-tabs {
    background: #17519a;
    padding: 0px !important;
    box-shadow: none !important;
    display: block !important;
}

.form_panel .panel-footer {
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
}

.User_BP {
    background-image: url(../images/AU_ICons/User_BP.svg);
    background-position: center;
    background-size: contain;
    width: 50px;
    aspect-ratio: 1;
    background-repeat: no-repeat;
}

.BP_Job_Applynow_Panel .panel-footer .form-group {
    margin: 0px !important;
}

.Fill_Btn {
    margin: 0 auto;
    background: #17519A;
    border: 1px solid #17519A;
    border-radius: 10px;
    color: #fff !important;
    width: fit-content !important;
    padding: 10px 30px !important;
    min-height: 51px !important;
    display: flex;
    align-items: center;
    margin-bottom: 10px !important;
    justify-content: center;
}

.Inner_Tab_Panel .panel-heading {
    padding-left: 0px
}

.Inner_Tab_Panel .panel-heading h1,
.Inner_Tab_Panel .panel-heading h2,
.Inner_Tab_Panel .panel-heading h3,
.Inner_Tab_Panel .panel-heading h4,
.Inner_Tab_Panel .panel-heading h5,
.Inner_Tab_Panel .panel-heading h6 {
    font-weight: 500 !important;
    font-size: 20px;
    line-height: 27px;
    color: #222222;
}

.Inner_Tab_Panel .panel-body {
    border-radius: 20px;
}

.Inner_Tab_Panel .panel-body .nav-tabs {
    margin: 0px !important;
    border-radius: 20px 20px 0px 0px !important;
    background: #17519a00 !important;
    padding: 0px !important;
    box-shadow: none !important;
    display: block !important;
    width: 100%;
    min-height: 50px;
    margin-top: 10px !important;
}

.Inner_Tab_Panel .panel-body .nav-tabs li {
    min-height: 50px;
    display: flex;
    flex-direction: row;
    float: left;
    align-items: flex-end;
}

.Inner_Tab_Panel .panel-body .nav-tabs li.active a {
    margin: 0px 10px 0px 0px !important;
    border-radius: 20px 20px 0px 0px !important;
    background: #17519a !important;
    padding: 15px 40px !important;
    color: white !important;
    transition: .5s ease-in-out;
}

.Inner_Tab_Panel .panel-body .nav-tabs li a {
    margin-bottom: 0px !important;
    color: #333 !important;
    opacity: 1 !important;
    position: unset;
    border: none !important;
    margin: 0px 10px 0px 0px !important;
    border-radius: 20px 20px 0px 0px !important;
    background: #17519a1f !important;
    padding: 10px 30px;
}

.Inner_Tab_Panel .panel-body .tab-content {
    background: #FFFFFF;
    border: 1px solid rgba(23, 81, 154, 0.2) !important;
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);
    margin: 0px !important;
    border-radius: 0px 20px 20px 20px;
}

.Inner_Tab_Panel .panel-body .tab-content .tab-pane {
    padding: 0px 25px !important;
}

.Inner_Tab_Panel .panel-body .form_common_panel {
    margin: 14px 10px !important;
}

.Inner_Tab_Panel .panel-body .form_common_panel .col-md-6,
.Inner_Tab_Panel .panel-body .form_common_panel .col-lg-6,
.Inner_Tab_Panel .panel-body .form_common_panel .col-sm-6,
.Inner_Tab_Panel .panel-body .form_common_panel .col-md-12,
.Inner_Tab_Panel .panel-body .form_common_panel .col-lg-12,
.Inner_Tab_Panel .panel-body .form_common_panel .col-sm-12 {
    padding: 0px 5px !important;
}

.Inner_Tab_Panel .panel-body .form_common_panel .panel-heading h1,
.Inner_Tab_Panel .panel-body .form_common_panel .panel-heading h2,
.Inner_Tab_Panel .panel-body .form_common_panel .panel-heading h3,
.Inner_Tab_Panel .panel-body .form_common_panel .panel-heading h4,
.Inner_Tab_Panel .panel-body .form_common_panel .panel-heading h5,
.Inner_Tab_Panel .panel-body .form_common_panel .panel-heading h6 {
    color: #333333;
    font-weight: 500 !important;
    font-size: 20px;
    border-bottom: 2px solid #dddddd !important;
    margin-bottom: 0px !important;
    padding-bottom: 10px;
}


.bg_03 .panel-heading h1,
.bg_03 .panel-heading h2,
.bg_03 .panel-heading h3,
.bg_03 .panel-heading h4,
.bg_03 .panel-heading h5,
.bg_03 .panel-heading h6 {
    color: #fff !important;
}

.bg_03 .panel-body .form-group {
    display: flex;
    align-items: center;
}

.bg_03 .panel-body .form-group .input-xs {
    width: unset !important;
    position: unset;
    padding-left: 10px !important;
    background: white;
}

.bg_03 .panel-body .form-group .text-danger {
    display: none;
}

.bg_03 .panel-body .form-group .e-input-group {
    background: white !important;
}

.Fee_Span {
    background-image: url(../images/AU_ICons/Fee-invoice.png);
    background-size: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #333 !important;
    padding-left: 50px;
    background-repeat: no-repeat;
}

#btnSaveExit {
    background: rgb(10 154 135) !important;
}

#btnSaveExit {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px;
    transition: all 0.3s ease 0s;
    overflow: hidden;
    width: 100%;
    height: 29px !important;
    line-height: 17px !important;
    border-radius: 25px !important;
    padding: 4px 16px !important;
    border: none !important;
    position: relative !important;
    margin: 5px 0px !important;
    display: flex !important;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-weight: 600 !important;
}

.Agent_Panel .panel-heading h1,
.Agent_Panel .panel-heading h2,
.Agent_Panel .panel-heading h3,
.Agent_Panel .panel-heading h4,
.Agent_Panel .panel-heading h5,
.Agent_Panel .panel-heading h6 {
    color: #fff !important;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    color: #FFFFFF;
}

.Agent_Panel_Inner_Panel {
    height: 116px;
    background: white;
    border-radius: 20px;
    position: relative;
}

.Agent_Panel_Inner_Panel .panel-body {
    padding: 0px;
    display: flex;
    align-items: center;
    min-height: 116px;
}

.Agent_Panel_Inner_Panel .panel-body .form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 0px !important;
}

.Agent_Panel_Inner_Panel .panel-body .form-group label {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: rgba(34, 34, 34, 0.5);
    padding: 0px;
}

.Agent_Panel_Inner_Panel .panel-body .form-group .controls span {
    font-weight: 600;
    font-size: 25px;
}

.Agent_Panel_Button_Col {
    height: 116px;
    position: absolute;
    width: 100%;
    border-radius: 20px;
    top: 0px;
}

.Agent_Panel_Button_Col .form-group a {
    width: 100%;
    height: 116px;
    border-radius: 20px;
    font-size: 0px;
    z-index: 2;
}

.light_Green {
    background: #D0E6EA;
}

.light_Green .form-group span {
    color: #4E7D86;
}

.light_Yellow {
    background: #E4DBAB;
}

.light_Yellow .form-group span {
    color: #69654E;
}

.light_Purple {
    background: #CBB9EF;
}

.light_Purple .form-group span {
    color: #7C7190;
}

.light_Blue {
    background: #B7D4FF;
}

.light_Blue .form-group span {
    color: #2C93F1;
}

.Agent_Panel_Inner_Panel_Icon {
    background: rgba(255, 255, 255, 0.5);
    width: 85px;
    height: 85px;
    border-radius: 100px;
    margin: 0px 20px;
}

.TA {
    background-image: url(../images/AU_ICons/TotalAgents.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.AA {
    background-image: url(../images/AU_ICons/ActiveAgents.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.IA {
    background-image: url(../images/AU_ICons/InactiveAgents.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.Pend {
    background-image: url(../images/AU_ICons/Pending_BP.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.Agent_Panel .panel-heading {
    padding-left: 0px;
}

.Agent_Panel .panel-body {
    padding: 0px 0px;
}


#divCanvas table.dataTable tbody tr td button:hover {
    border-bottom: 1px dashed #17519a;
    box-shadow: none !important;
    border-radius: 0px !important;
    color: #17519a;
    margin: 0px;
    font-size: 12px;
    font-weight: 600 !important;
    background-color: transparent !important;
}

#divCanvas table.dataTable tbody tr td .input-group-xs {
    display: flex;
    align-items: center;
}

.page_top_bg1::before {
    height: 390px;
}

.BP_Job_Applynow_Panel .Location {
    background-size: 13px;
    padding-left: 16px;
    margin-left: 0px;
}

.BP_Jobs_Col {
    margin-top: 20px;
}

.BP_Jobs_Col .form-group label {
    display: none !important;
}

.BP_Jobs_Col .form-group input,
.BP_Jobs_Col .form-group a {
    height: 48px;
}

.BP_Jobs_Col .form-group a {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 7px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #17519A;
}

.BP_Search {
    background-image: url(../images/AU_ICons/BP_City.png);
    background-position: 9px 16px;
    background-size: 12px;
    background-repeat: no-repeat;
    padding-left: 33px !Important;
    color: #283b4f;
}

.BP_City {
    background-image: url(../images/AU_ICons/Location.png);
    background-position: 11px 17px;
    background-size: 17px;
    background-repeat: no-repeat;
    padding-left: 33px !Important;
}

.BP_Jobs {
    background-image: url(../images/AU_ICons/BP_Jobs.png);
    background-position: 9px 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    padding-left: 33px !Important;
}

.BP_Job_Applynow_Panel_footer_Col {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #33333317 !important;
    padding-top: 15px !important;
}

.mt-150 {
    margin-top: 110px;
}

.BP_Job_Applynow_Panel_Col_01 .MainFrameDoc img {
    width: 70px !important;
    aspect-ratio: 1 !important;
    object-fit: contain;
}

.BP_Job_Applynow_Panel:hover .Category_01 {
    color: #3b61eb !important;
}

.BPMI_Job_Panel .panel-heading {
    text-align: center;
    margin-top: 70px;
}

.BPMI_Job_Panel .panel-heading h1,
.BPMI_Job_Panel .panel-heading h2,
.BPMI_Job_Panel .panel-heading h3,
.BPMI_Job_Panel .panel-heading h4,
.BPMI_Job_Panel .panel-heading h5,
.BPMI_Job_Panel .panel-heading h6 {
    font-size: 26px;
    font-weight: 500 !important;
    color: #fff !important;
    width: fit-content;
    margin: 0 auto !important;
    border-bottom: 2px solid #ffffff30;
    padding: 0px 20px;
}

.BPMI_Job_Panel .panel-heading .heading-elements {
    display: none !important;
}

.form-group .form-group label {
    padding: 0px !important;
    color: #333333;
    font-weight: 600;
    font-size: 14px;
    opacity: 1 !important;
    bottom: 2px
}

#divcanvas .panel-body .form-group .controls span {
    border: none !important;
}

.BP_Job_Applynow_Panel:hover {
    background-color: #FFFFFF;
    border: 1px solid rgb(23 81 154 / 26%);
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    margin-bottom: 20px;
}

.page_top_bg1 .tabbable {
    margin: 0 auto;
    padding: 0 5%;
}

.page_top_bg1 .tabbable .nav {
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.page_top_bg1 .tabbable .nav li.active a {
    border: none !important;
    color: #fff !important;
    opacity: 1 !important;
    font-size: 19px !important;
}

.page_top_bg1 .tabbable .nav li a {
    padding: 0px 120px 10px 0px !important;
    font-size: 15px !important;
    text-align: left;
    color: #ffcc00;
    min-width: 160px !important;
    text-align: center !important;
}

.page_top_bg1 .tab-content {
    padding-top: 80px
}

.heading_col {
    padding: 0px !important;
}

.heading_col h6 {
    font-size: 20px !important;
    padding: 0px 0px 14px 0px !important;
    border-bottom: 2px solid #33333330;
    font-weight: 500 !important;
    color: #333333;
}

.cp-img11 {
    background-image: url(../images/CP01.jpg);
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    height: 600px;
    background-position: center;
}

.cp-img21 {
    background-image: url(../images/CP02.jpg);
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    height: 600px;
    background-position: center;
}

.name {
    font-size: 24px !important;
    font-style: bold;
    color: #17519a !important;
}

.dep {
    padding: 0px 20px;
}

.BP_Job_Applynow_Panel .HoverBtnDoc {
    display: none;
}

.imge1234 .MainFrameDoc {
    background-color: white;
    background-image: url(../images/job-description.png);
    background-size: cover;
}

.Panelimg::before {
    background-image: url(../images/CP01.jpg);
    background-size: cover;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    OPACITY: 0.2;
    border-radius: 35px;
}

.Panelimg {
    position: relative;
}

.fname-pad .form-group .controls input {
    padding: 5px 5px 5px 40px !important;
}

.cusotm_tab_01.form_panel .nav-tabs>li>a {
    color: #363636;
    font-size: 15px;
}

.pers-input-adj .Input_Dropdown_Ele {
    top: 21px;
}

.Job_Panel_values {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px dashed #00000010;
    padding: 10px 10px 20px;
}

.BG_Col {
    background: #f9f1ff;
    padding: 0px 20px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.Job_Panel_values .form-group {
    margin: 10px 0px !important;
}

.Job_Panel_values .form-group .controls span,
.Job_Panel_values .form-group .input-xs span {
    font-weight: 600 !important;
}

.Job_Panel_values .form-group .input-xs {
    height: unset !important;
}

.Job_Panel .Rep-Row .col-md-12,
.Job_Panel .Rep-Row .col-lg-12,
.Job_Panel .Rep-Row .col-sm-12,
.Job_Panel .Rep-Row .col-xl-12 {
    width: 33.3%;
    padding: 0px;
}

.Job_Panel .Rep-Row .col-md-12 .col-md-12,
.Job_Panel .Rep-Row .col-lg-12 .col-lg-12,
.Job_Panel .Rep-Row .col-sm-12 .col-sm-12,
.Job_Panel .Rep-Row .col-xl-12 .col-xl-12 {
    width: 100%;
    padding: 10px 10px;
}

.JP_Panel {
    margin: 10px;
}

.JP_Panel .panel-body {
    padding: 0px 0px 0 10px !important;
    display: flex;
}

.JP_Panel_Image,
.JP_Panel_Image .panel,
.JP_Panel_Image .panel .MainFrameDoc {
    width: 100px;
    height: 100px !important;
    margin: 0px 20px 0px 0px !important;
    border-radius: 20px !important;
    box-shadow: none !important;
}

.JP_Panel_Image div {
    border-radius: 20px;
}

.JP_Panel_Image .panel .MainFrameDoc img {
    border-radius: 20px !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.JP_Panel .panel-body .JP_Panel_values .form-group {
    margin: 0px 0px 5px !important;
}

.JP_Panel .panel-body .form-group label,
.JP_Panel_Image .panel:hover .HoverBtnDoc {
    display: none !important;
}

.JP_Panel .panel-body .JP_Panel_values .form-group span {
    font-weight: 600;
}

.JP_Panel .panel-body .JP_Panel_values .col-lg-12,
.JP_Panel .panel-body .JP_Panel_values .col-md-12,
.JP_Panel .panel-body .JP_Panel_values .col-sm-12,
.JP_Panel .panel-body .JP_Panel_values .col-xl-12 {
    padding: 0px 0px 0px 0px !Important;
}

.JP_Panel_Image .col-lg-12,
.JP_Panel_Image .col-md-12,
.JP_Panel_Image .col-sm-12,
.JP_Panel_Image .col-xl-12 {
    padding: 0px !Important;
}

.Chair {
    background: #f9f1ff;
    padding: 0px 20px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    color: #9f59d3 !important;
}

.Name {
    display: flex;
    gap: 0 10px;
}

.Role {
    color: #9f59d3 !important;
}

.orange_lbl {
    color: #F88532 !important;
    font-size: 16px;
}

.Institute .panel-heading::before {
    display: none
}

.Institute .panel-heading h6 {
    padding-left: 40px !important;
    background-position: 15px 5px;
}

.tok-pan .bdr-btm {
    margin: 0px 0px;
    padding: 14px 15px;
}

.tok-pan .bdr-btm:hover {
    background: #f7f7f7;
}

.tok-pan .bdr-btm div {
    font-size: 14px !important;
    font-weight: 600 !important;
}

#divCanvas table.dataTable tbody tr td span[title="Comments"] button,
#divCanvas table.dataTable tbody tr td span[title="Comments"] button:hover {
    background-image: url(../images/AU_ICons/comment.svg) !important;
    background-position: center !important;
    background-size: 18px !important;
    background-repeat: no-repeat !important;
    border: none !important;
    font-size: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    width: 18px !important;
    height: 18px !important;
}

th[aria-label="Comments: activate to sort column ascending"] {
    text-align: center;
}

.Process_Panel .panel-footer {
    justify-content: flex-end;
    grid-gap: 10px 20px;
}

.BP2MI_logo {
    background-image: url("../images/AU_ICons/IITD.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 90px;
    width: 430px;
    margin: 0px auto;
    background-size: cover;
    background-color: rgb(255, 255, 255);
    border-radius: 20px 20px;
    position: relative;
    top: 26px;
    border: none !important;
}

.PO-np-pan {
    padding: 20px !important;
    border-bottom: 1px dashed #e9e9e9 !important;
}

.PO-np-pan .Next_Button,
.PO-np-pan .Next_Button:hover,
.PO-np-pan .Prev_Button,
.PO-np-pan .Prev_Button:hover {
    display: flex;
    align-items: center !important;
    padding: 0;
    width: 100px !important;
    font-weight: 600;
    background-color: #e5e5e5 !IMPORTANT;
    min-width: 150px;
    color: #3d3d3d !important;
    background-position: 0;
    background-image: unset;
    justify-content: center;
}

.PO-np-pan .step span {
    font-size: 16px;
    font-weight: 600 !IMPORTANT;
    color: #3d3d3d;
}

.Save_Button {
    float: right;
    color: rgb(255, 255, 255);
    background-image: linear-gradient(45deg, rgb(125, 197, 96), rgb(102, 209, 36));
    border-radius: 50px;
    padding: 7px 10px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    min-width: 130px !important;
    margin-right: 15px;
}

.Save_Button:hover {
    float: right;
    color: rgb(255, 255, 255);
    background-image: linear-gradient(45deg, rgb(125, 197, 96), rgb(102, 209, 36));
    border-radius: 50px;
    padding: 7px 10px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-right: 15px;
}

.PO-np-pan.po-new-foot {
    border-bottom: 15px solid rgb(249 151 70 / 38%);
}

.Booking_Panel .panel-footer {
    border-bottom: 15px solid rgb(78 7 123 / 38%) !important;
    border-radius: 0 0 12px 12px;
    border-top: unset;
    padding: 20px 0px 10px 0px;
}

.book-pan-heaadN h6 {
    background-image: url(../images/AU_ICons/room-icN.png) !important;
    background-size: 31px !important;
}

.PO-np-pan {
    padding: 20px !important;
    border-bottom: 1px dashed #e9e9e9 !important;
    border-radius: 0 0 10px 10px;
}

.PO-np-pan .Next_Button,
.PO-np-pan .Next_Button:hover,
.PO-np-pan .Prev_Button,
.PO-np-pan .Prev_Button:hover {
    display: flex;
    align-items: center !important;
    padding: 0;
    width: 100px !important;
    font-weight: 600;
    background-color: #e5e5e5 !IMPORTANT;
    min-width: 150px;
    color: #3d3d3d !important;
    background-position: 0;
    background-image: unset;
    justify-content: center;
}

.PO-np-pan .step span {
    font-size: 16px;
    font-weight: 600 !IMPORTANT;
    color: #3d3d3d;
}

.PO-np-pan.po-new-foot {
    border-bottom: 15px solid rgb(249 151 70 / 38%);
}

.PO-np-pan .form-group .controls a {
    display: flex !important;
    align-items: center !important;
    padding: 0 !IMPORTANT;
    font-weight: 600 !important;
    min-width: 130px !important;
    height: 40px !IMPORTANT;
    border-radius: 8px !important;
    margin: 0 10px 0 0px !important;
    width: 120px !important;
}

.PO-np-pan .form-group .controls a:hover {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !Important;
}

.pull-right {
    display: flex;
    justify-content: flex-end;
}

.bidding-grid-col .sidebar_panel {
    width: 100%;
}

#divCanvas .bidding-grid-col table.dataTable tbody tr td button,
#divCanvas .bidding-grid-col table.dataTable tbody tr td button:hover {
    width: 100%;
    text-align: left;
    color: #3d3d3d;
    border-bottom: unset !important;
}

.bidding-grid-col .approval_grid tbody>tr>td:first-child {
    background-image: url(../images/AU_ICons/tasks.svg) !important;
}

.bidding-grid-col .sidebar_panel {
    min-height: unset;
}

.bidding-text-col .panel-heading .form-group {
    margin: 0 !IMPORTANT;
}

.bidding-text-col .panel-heading .form-group .controls span {
    font-size: 20px;
    border-bottom: 1.5px solid #4e0c7f;
    padding-bottom: 10px;
    margin-top: 0;
    border-radius: 0 !IMPORTANT;
    width: 100%;
    display: block;
}

.bidding-text-col .panel .panel-heading::before {
    display: none;
}

.bidding-text-col .panel {
    border-radius: 4px;
}

.form-label {
    white-space: pre-line
}

.remove_del_popup .modal-header .close.closeModal i {
    display: none;
}

.new-delete-popup .modal-header {
    padding: 10px 20px;
    height: 40px;
    display: none;
}

.new-delete-popup .modal-dialog .modal-content {
    width: 500px;
}

.new-delete-popup .modal-dialog .modal-content .new-popup-txt .form-group .controls {
    text-align: center;
}

.new-delete-popup .modal-dialog .modal-content span.label.label-default {
    background-color: unset;
    border: unset;
    color: #3d3d3d;
    font-weight: 600 !IMPORTANT;
    font-size: 18px;
    text-transform: initial;
}

.new-delete-popup .modal-dialog .modal-content .new-delete-popup-btlCOL .col-md-12 {
    width: fit-content;
}

.new-delete-popup .modal-dialog .modal-content .new-delete-popup-btlCOL span[title="Yes"] a {
    color: #fff;
    background-color: #dc3545;
    width: 100px;
    height: 40px !important;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.new-delete-popup .modal-dialog .modal-content .new-delete-popup-btlCOL span[title="Yes"] a:hover {
    background-color: #b53f4a;
}

.new-delete-popup .modal-dialog .modal-content .new-delete-popup-btlCOL span[title="No"] a {
    color: #fff;
    background-color: #28a745;
    width: 100px;
    height: 40px !important;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.new-delete-popup .modal-dialog .modal-content .new-delete-popup-btlCOL span[title="No"] a:hover {
    background-color: #2c9443;
}

.new-delete-popup .modal-dialog .modal-content .modal-body .content {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 20px !important;
}

#divCanvas .BgGrid .table-widget .table-widget-content table tbody tr td {
    border: 1px solid rgb(221 221 221 / 23%);
    padding: 8px 10px;
}

.new-delete-popup .modal-dialog .modal-content .new-delete-popup-btlCOL {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.amount-val-colMOD {
    display: flex;
    justify-content: center;
}

.Amount.Amount_rupee {
    background-image: url(../images/AU_ICons/Currency_rupee.png);
}

.amount-val-colMOD div.form-group div.controls span {
    font-size: 17px !important;
}

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

.indent_main_col {
    width: 90%;
}

.add-indent {
    box-shadow: unset !important;
    margin: 0px !important;
    border: none !important;
}

.add-indent .panel-heading::before {
    display: none;
}

.orange-body.POTD-orange-pan.green-pan .panel-body {
    padding: 20px 10px 10px 10px !important;
    margin: 0 0 15px 0;
    background-color: #21f55317;
}

.add-indent .panel-body {
    padding: 10px 0px;
    margin: 10px 0px 0px;
    border-radius: 10px;
}

.add-indent .panel-heading {
    padding: 0 !important;
}

.Process_Panel.add-indent .panel-heading h6 {
    color: #354B56 !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: normal;
    padding-left: 10px !important;
    background-image: unset !important;
    border-bottom: 2px solid #40046e;
}

.add-indent .panel-heading .heading-elements {
    display: none;
}

.add-indent .panel-body .form-group.form-group {
    margin: 0px !important;
}

#mdlLookup .panel {
    border: none;
    box-shadow: none;
}

#mdlLookup .panel .panel-body {
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 5px 0px, rgb(0 0 0 / 10%) 0px 0px 1px 0px;
    margin: 0px 0px 20px;
    border-radius: 0px;
    background-color: white;
    padding: 0px;
}

#mdlLookup .panel .panel-heading {
    padding: 0px;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end;
}

#mdlLookup .panel .panel-heading::before {
    display: none;
}

#mdlLookup .panel .panel-heading .heading-elements {
    position: unset;
    margin: 0px;
}

#lookupGrid tr th:nth-child(1) .e-headercelldiv span.e-frame {
    max-width: 18px !important;
    height: 18px;
    padding: 0px !important;
    position: relative;
    left: 10px;
    z-index: 9;
}

#lookupGrid tr th .e-sortfilterdiv {
    display: none !important
}

.add-indent2 .panel-heading .heading-elements li:last-child {
    display: none;
}

.add-indent2,
.add-indent2:hover {
    box-shadow: none;
    margin: 10px 0px;
    border: none;
}

.add-indent2 .panel-heading {
    padding: 0px !important;
    border-bottom: 2px solid #354B56;
}

.Process_Panel.add-indent2 .panel-heading h6 {
    background: transparent !important;
    padding: 0px 10px 10px !important;
    color: #354B56 !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: normal;
    border-bottom: none;
    width: fit-content;
    float: left;
}

.add-indent2 .panel-heading .heading-elements {
    margin: -15px -20px 0px 0px !important;
}

.add-indent2 .panel-body {
    padding: 10px 0px 0px !important;
}

.add-indent2 .panel-body table {
    border-radius: 10px;
    border: 1px solid #00000010;
}

.add-indent2 .panel-heading::before {
    display: none;
}

.add-indent2 .panel-body table tr th:first-child {
    border-radius: 10px 0 0 0;
}

.add-indent2 .panel-body table tr th:last-child {
    border-radius: 0px 10px 0 0;
}

.Amount_Col .form-group {
    display: inline-flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    min-height: 59px;
    margin: 5px 0px 5px !important;
}

.add-indent3 {
    box-shadow: unset !important;
    margin: 0px !important;
    border: none;
}

.add-indent3 .panel-heading::before {
    display: none;
}

.add-indent3 .panel-body {
    padding: 0px 0px;
    margin: 15px 0px 0px;
    border-radius: 10px;
}

.add-indent3 .panel-heading {
    padding: 0 !important;
}

.Process_Panel.add-indent3 .panel-heading h6 {
    color: #354B56 !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: normal;
    padding-left: 10px !important;
    background-image: unset !important;
    border-bottom: 2px solid #354B56;
}

.add-indent3 .panel-heading .heading-elements {
    display: none;
}

.Orange_Col {
    border-radius: 10px;
    background: #FCF1E9;
    min-height: 85px;
    display: flex;
    align-items: center;
    padding: 15px;
}

.Blue_Col {
    border-radius: 10px;
    background: #E7FBFF;
    min-height: 85px;
    display: flex;
    align-items: center;
    padding: 15px;
}

.Red_Col {
    border-radius: 10px;
    background: #FFF4F4;
    min-height: 85px;
    display: flex;
    align-items: center;
    padding: 15px;
}

.Orange_Col .form-group,
.Red_Col .form-group,
.Blue_Col .form-group {
    margin: 0px !important;
}

.Orange_Col .form-group label,
.Blue_Col .form-group label,
.Red_Col .form-group label {
    color: rgba(54, 69, 79, 0.50);
    font-size: 14px !important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.Orange_Col .form-group .controls span,
.Blue_Col .form-group .controls span,
.Red_Col .form-group .controls span {
    color: #36454F;
    color: #354B56 !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
}

.Orange_Col .form-group .controls span,
.Blue_Col .form-group .input-xs span,
.Red_Col .form-group .input-xs span {
    color: #36454F;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.Blue_Col .form-group .input-xs,
.Red_Col .form-group .input-xs,
.Orange_Col .form-group .input-xs {
    height: unset !important;
    padding: 0px !important;
    font-size: unset !important;
}

.Blue_Col .form-group .input-xs span,
.Red_Col .form-group .input-xs span,
.Orange_Col .form-group .input-xs span {
    color: #36454F;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

.Grey_Col .form-group {
    margin: 3px 0px 3px !important;
}

.Currency {
    background-image: url(../images/AU_ICons/Amount.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 10px;
    width: 27px;
    aspect-ratio: 1;
    display: block;
}

.Sanc {
    background-image: url(../images/AU_ICons/Sanc.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 10px;
    width: 40px;
    aspect-ratio: 1;
    display: block;
}

.ER {
    background-image: url(../images/AU_ICons/Exc.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 10px;
    width: 40px;
    aspect-ratio: 1;
    display: block;
}

.Amount {
    background-image: url(../images/AU_ICons/Currency.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 10px;
    width: 40px;
    aspect-ratio: 1;
    display: block;
}

.RECP {
    background-image: url(../images/AU_ICons/Rec.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 10px;
    width: 27px;
    aspect-ratio: 1;
    display: block;
}

.EXP {
    background-image: url(../images/AU_ICons/EXP.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 10px;
    width: 40px;
    aspect-ratio: 1;
    display: block;
}

.RB {
    background-image: url(../images/AU_ICons/Currency.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 10px;
    width: 40px;
    aspect-ratio: 1;
    display: block;
}

.mt-30 {
    margin-top: 30px !important;
}

.POTD-orange-pan {
    margin-bottom: 20px !Important;
}

.POTD-orange-pan .mb-15 {
    margin: 0px !Important;
}

.pb-1 .form-group .controls span {
    font-size: 15px;
    color: #333;
    font-weight: 600;
    opacity: 1
}

.gre-panel .panel-body {
    padding: 0px;
}

.gre-panel .pb-1 {
    margin-bottom: 10px;
}

.gre-panel .pb-1 .Dark_Button {
    margin-top: 10px
}

.newstyles {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    position: relative;
    top: 0px;
}

.newstyles .BP2MI_logo {
    float: left;
}

.newstyles .pull-right {
    top: 10px;
    right: 10px;
}

.form_common_panel .panel-heading h6 {
    margin-bottom: 15px !important;
    font-weight: 600 !important;
}

.form_common_panel .panel-body .form-group .controls span,
.form_common_panel .panel-body .form-group .input-xs span {
    font-weight: 600 !important;
}

.form_common_panel .panel-body .form-group .input-xs {
    height: unset;
    padding: 0px;
}

.forgot-row {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.forgot-row .forgot-icon {
    background-image: url(../images/AU_ICons/secure-login-concept-illustration_114360-4320-removebg-preview.png);
    width: 100%;
    height: 400px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.forgot-panel {
    max-width: 420px;
    margin: 0 auto;
}

.forgot-panel .panel-heading {
    padding: 0px;
}

.forgot-panel .panel-heading h6 {
    font-size: 24px;
    font-weight: 600 !important;
}

.forgot-panel .panel-body {
    padding: 20px 0px;
}

.forgot-panel .panel-body .form-group {
    margin: 10px 0px !important;
}

.forgot-panel .panel-body .form-group label {
    padding-bottom: 10px !important;
}

.forgot-panel .panel-body input {
    min-height: 45px !important;
}

.forgot-panel .panel-body a {
    border-radius: 8px !important;
    background: #1c1c1c !important;
}

.user-list-pan1 .panel-body {
    position: relative;
}

.user-list-pan1 .panel-body .fac-hover-col {
    position: absolute;
    bottom: 40px;
    right: -30px;
    background-color: #fff;
    width: 100% !important;
    padding: 15px;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 2%) 0px 6px 24px 0px, rgb(0 0 0 / 11%) 0px 0px 0px 1px;
    display: none !important;
}

.user-list-pan1 .panel-body .fac-hover-col a {
    width: 100%;
    border-radius: 4px;
    height: 35px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600 !IMPORTANT;
    background-color: #354b56;
}

.user-list-pan1 .panel-body .fac-hover-col div:nth-child(2) .form-group {
    margin: 0 !important;
}

.user-list-pan1 .panel-body .fac-hover-btn:hover .fac-hover-col {
    display: flex !important;
    width: 290px !important;
    flex-direction: column;
    justify-content: center;
    grid-gap: 10px 0px;
}

.user-head-row .userlist_add_div {
    top: 43px;
}

.user-head-row .userlist_add_div .filter_button1 {
    bottom: 10px !important;
    position: relative;
    left: 25px;
}

.user-head-row .userlist_add_div .filter_button1~.modal.MultiModal .modal-content.CustomModel {
    width: 800px;
}

.user-head-row .userlist_add_div .filter_button1~.modal.MultiModal .CustomModel .CustomHeader.modal-header {
    width: 100%;
    position: relative;
}

.user-head-row .userlist_add_div .filter_button1~.modal.MultiModal .CustomHeader.modal-header::before {
    display: none;
}

.user-head-row .userlist_add_div .filter_button1~.modal.MultiModal .CustomModel .CustomHeader.modal-header h4 {
    position: relative;
    left: -49px;
    font-weight: 600;
}

.user-head-row .userlist_add_div .filter_button1~.modal.MultiModal .modal-content.CustomModel .content {
    height: unset !important;
    overflow: hidden !important;
    padding-bottom: 0px !IMPORTANT;
}

.user-head-row .userlist_add_div .filter_button1~.modal.MultiModal .modal-content.CustomModel .content .Process_Panel {
    box-shadow: unset;
    margin: 0;
}

.user-head-row .userlist_add_div .filter_button1~.modal.MultiModal .modal-content.CustomModel .content .Process_Panel .panel-body {
    padding: 0;
}

.user-head-row .userlist_add_div .filter_button1~.modal.MultiModal .modal-content.CustomModel .content .col-lg-12 {
    padding: 0 5px;
}

.user-head-row .userlist_add_div .filter_button1~.modal.MultiModal .CustomModel .CustomHeader.modal-header .close {
    height: 30px;
    width: 30px;
    top: 23px !important;
}

.user-head-row .userlist_add_div .filter_button1~.modal.MultiModal .CustomModel .form-group label {
    color: #3d3d3d;
}

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

.tabbable ul {
    border-radius: 15px;
    background: rgb(247, 248, 250);
}

.tabbable ul li {
    background: transparent;
    border-right: 0px solid rgba(0, 0, 0, 0.1);
}

.tabbable ul li a {
    padding: 20px 35px;
    border: none;
    background: transparent;
}

.tabbable ul li a img {
    color: rgba(0, 0, 0, 0.5);
}

.tabbable ul li a:hover {
    background-color: rgb(234, 234, 234);
}

.tabbable ul li a.active {
    background: rgb(227, 100, 46) !important;
}

.tabbable ul {
    border-radius: 15px;
    background: rgb(247, 248, 250);
    border: 0px;
    padding: 6px 0px 0px 10px !important;
}

.tabbable ul li a:hover {
    background-color: rgb(234, 234, 234);
}

.tabbable ul li a svg path {
    fill: rgb(104, 104, 104);
}

.tabbable ul li a svg {
    width: 24px;
}

.panel_light_grey {
    background-color: #f8f9fa;
}

.panel_light_grey h2 {
    font-size: 18px;
    color: #4b7bec;
    padding-bottom: 15px;
    border-bottom: 1px solid #4b7bec;
    margin-bottom: 20px !important;
    margin-left: -9px !important;
    font-weight: 600 !important;
}

.indent_image {
    background-image: url(../images/AU_ICons/Indent.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 230px;
    width: 100%;
    display: block;
}

.Purchase_order_image {
    background-image: url(../images/AU_ICons/Purchase_order.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 185px;
    width: 100%;
    display: block;
}

.Purchase_order_indent_image {
    background-image: url(../images/AU_ICons/Purchase_order_indent_image.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 230px;
    width: 100%;
    display: block;
}

.btn_curve_orange {
    background-color: #fab740;
    border-radius: 50px;
    height: 50px;
    color: #684303;
    font-size: 18px;
    display: inline-block;
    text-align: center;
    line-height: 2.2;
    font-weight: 600;
    width: auto;
    padding: 5px 20px;
}

.panel_light_grey .panel-body {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.panel_light_grey .panel-body .col-lg-6 {
    width: auto !important;
}

.Booking_Panel .panel-footer.no-border {
    border: none !important;
}

.Booking_Panel .panel-footer {
    padding: 10px 0 0 0 !important;
}

.View_panel .panel-body {
    padding: 20px 20px 20px 50px !important;
}

.View_panel .panel-body h1,
.View_panel .panel-body h6 {
    position: relative;
}

.View_panel .panel-body h1::before,
.View_panel .panel-body h6::before {
    content: '';
    position: absolute;
    width: 30px;
    aspect-ratio: 1;
    left: -40px;
    top: 50%;
    transform: translate(0px, -50%);
    background: url(../images/AU_ICons/heading-icon.svg) no-repeat center;
    background-size: 100%;
}

.panel-body .research_projects-values .form-group {
    padding-left: 10px;
    margin: 10px 0px !important;
}

.research_projects-values .form-group label {
    color: #354B56 !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
}

.research_projects-values .form-group .controls span {
    color: #302B2B !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
}

.research_projects-values div:nth-child(1) div .form-group {
    border-left: 4px solid #DACDF5;
}

.research_projects-values div:nth-child(2) div .form-group {
    border-left: 4px solid #CDE2F5;
}

.research_projects-values div:nth-child(3) div .form-group {
    border-left: 4px solid #CDF5E7;
}

.research_projects-values div:nth-child(4) div .form-group {
    border-left: 4px solid #E6F5CD;
}

.research_projects-values div:nth-child(5) div .form-group {
    border-left: 4px solid #F5EACD;
}

.View_panel .panel-body .leftdots .form-group label {
    padding-left: 25px !important;
    position: relative;
}

.View_panel .panel-body .leftdots .form-group label::before {
    content: '';
    position: absolute;
    background: #F1E5FB;
    border-radius: 100%;
    width: 8px;
    aspect-ratio: 1;
    left: 0px;
    top: 50%;
    transform: translate(0px, -50%);
}

.expected-pay {
    border-radius: 6px;
    background: #FEF5D0;
    display: inline-block;
    width: fit-content;
    padding: 15px 38px;
    margin: 20px 10px;
}

#divCanvas .panel-body .expected-pay .form-group {
    margin: 0px !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: center;
}

.expected-pay .form-group label {
    color: #354B56 !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
}

.expected-pay .form-group .controls span {
    color: #E55656 !important;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
}

.CV_Col {
    float: left;
    border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #D0D7E5;
    background: rgba(237, 240, 245, 0.37);
    width: fit-content;
    padding: 15px 0px;
    margin: 20px 10px;
    max-height: 81px;
    min-height: 81px;
    min-width: 221px;
    position: relative;
}

.CV_Col .text-danger {
    margin: 0px;
}

#divCanvas .CV_Col .form-group {
    margin: 0px !important;
    position: absolute;
    top: 0px;
}

.CV_Col .form-group label,
.CV_Col .form-group .input-group .input-group-btn a i {
    display: none !important;
}

.CV_Col .form-group .input-group span {
    display: none !important;
}

.CV_Col .form-group .input-group .input-group-btn a {
    width: 100%;
    height: 81px;
    margin: 0px !important;
    background: transparent !important;
    border: none !important;
    position: relative;
}

.CV_Col .form-group .input-group .input-group-btn a::before {
    content: 'Download';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, calc(-50% + 45px));
    color: #703FBF;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    height: 86px;
}

.CV_Col .form-group .input-group .input-group-btn a::after {
    content: '';
    position: absolute;
    background: url(../images/AU_ICons/downloadcv.svg) no-repeat center;
    width: 20px;
    aspect-ratio: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -26px);
    background-size: contain;
    background-position: center;
}

div.form-group div.controls .form-control.input-xs[disabled="disabled"] {
    padding: 3px 8px !Important;
}

.tab-content>ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0px !important;
    padding: 10px 0px !important;
    background: #F0F1F7;
    border-radius: 20px;
}

.tab-content .nav-tabs>li>a span {
    font-size: 14px;
}

.tab-content .nav-tabs.nav-tabs-highlight>li.active>a,
#divCanvas .tab-content .nav-tabs.nav-tabs-highlight>li.active>a:hover {
    border-radius: 13px !important;
    background: #89288F !important;
    color: white !important;
    border-top: none !important;
    border: none !important;
    padding: 8px 25px !important;
    transition: unset !important;
    opacity: 1;
}

#divCanvas .tab-content .nav-tabs>li>a:hover {
    background: transparent;
    border: none !important;
    color: #333 !important;
    transition: unset !important;
    padding: 12px 20px !important;
}

.tab-content .nav-tabs>li>a {
    color: #333;
    transition: unset !important;
    background: transparent;
    border: none !important;
    padding: 12px 20px !important;
    font-weight: 600 !important;
    opacity: 1;
}

.reopen-popup .vertical_middle_center .vertical_middle .modal-dialog .modal-content {
    border-radius: 5px !important;
}

.reopen-popup .modal-content .label-default {
    background: none;
    color: black;
    border: none;
    font-size: 16px;
}

.reopen-popup .form-group {
    text-align: center !important;
}

.reopen-popup .yes-btn {
    background: #f05757;
    border-radius: 5px !important;
    padding: 19px !important;
    line-height: 0px !important;
    margin-right: 10px !important;
}

.reopen-popup .no-btn {
    background: #0b8000ba;
    border-radius: 5px !important;
    padding: 19px !important;
    line-height: 0px !important;
}

.reopen-popup .icon-cross:before {
    display: none;
}

.reopen-popup .yes-no-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.Process_Panel .room-view-btn- {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-right: 60px;
}

.Process_Panel.Building_Panel.Building_Panel .room-allc-btn {
    background-image: linear-gradient(to right, rgb(165 93 217), #552593);
    color: #fff;
    display: flex;
    height: 35px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    float: right;
    padding: 10px 18px 10px 18px;
    width: 140px !important;
}

#divCanvas .Student_Grid .Process_Panel .panel-body.bdr-btm .form-group label {
    font-size: 13px !important;
    font-weight: 500 !important;
    padding-bottom: 10px !important;
    padding-top: 0px !important;
}

#divCanvas .Student_Grid .Process_Panel .panel-body.bdr-btm .form-group .controls span {
    font-weight: 600 !important;
    min-height: 33px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#divCanvas .Student_Grid .Process_Panel .panel-body.bdr-btm .form-group .controls span.Grey_Label {
    padding: 2px 20px;
    background: #4e0d7e1f;
    color: #4e0d7e !important;
}

#divCanvas .table-widget .table-widget-content .ShowGridFilter {
    display: table-header-group !important;
}

#divCanvas .leave-application-line h6::after {
    content: "Leave Arrangement [For all classes, Administration, please add substitute]" !important;
    position: absolute;
    max-width: 570px;
    min-width: max-content;
    height: 17px;
}

#divCanvas .Process_Panel .panel-body .form-group .controls span {
    display: flex;
    justify-content: flex-start;
}

.Img_row {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Img_row .form-group label {
    display: none !important;
    padding: 0pc !important;
}

#divCanvas .Img_row .panel {
    width: 300px !important;
    height: 300px !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.Img_row .panel:hover .HoverBtnDoc {
    display: none !Important
}

#divCanvas .Img_row .panel .MainFrameDoc {
    border: none !important;
    border-radius: 16px !important;
    background: transparent !important;
    min-height: 300px;
    height: 300px !important;
    width: 300px !important;
}

.Img_row .panel .MainFrameDoc img {
    width: 300px !important;
    height: 300px !important;
    border-radius: 16px;
}

.e-input-group .e-clear-icon,
.e-input-group .e-clear-icon.e-clear-icon-hide,
.e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
    right: 35px !important;
    position: absolute;
}

.e-float-input .e-clear-icon::before,
.e-float-input.e-control-wrapper .e-clear-icon::before,
.e-input-group .e-clear-icon::before,
.e-input-group.e-control-wrapper .e-clear-icon::before {
    font-size: 10px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

#divCanvas .apply-leave-popup .modal-content .input-xs .e-input-group.e-date-wrapper input {
    width: 130px !important;
}

.input-group.date .e-input-group .e-input-group-icon {
    z-index: 9999;
}

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

.Process_Panel.Building_Panel.Building_Panel2 .Primary_Button {
    width: 100% !important;
}

#divCanvas .panel-heading span[title="Edit"] button,
#divCanvas .panel-heading span[title="Edit"] button:hover {
    background-image: url(../images/AppIcons/edit_icon.svg) !important;
    background-repeat: no-repeat;
    background-size: 15px;
    font-size: 0px !important;
    background-position: center;
    background-color: transparent !important;
    padding: 0px;
    width: 15px;
    position: absolute;
    float: right;
    margin-left: -17px !important;
    margin-top: -7px !important;
}

.W_Edit_Icon {
    border-bottom: 2px solid rgb(231, 239, 252);
}

#divCanvas .normal_grid table tr td span[title="Edit"] button,
#divCanvas .normal_grid table tr td span[title="Edit"] button:hover {
    background-image: url("../images/AU_ICons/edit.png") !Important;
    background-position: center center !important;
    background-repeat: no-repeat;
    margin: auto !important;
    font-size: 0px !important;
    padding: 0px !important;
    background-color: transparent !important;
    background-size: 15px !important;
    width: 20px !important;
    border: none !important;
    height: 20px !important;
    border-radius: 0px !important;
}

#divCanvas .leave-container .panel .leave-balance-details {
    padding: 0px 0px 0px 10px !important;
    margin-top: -6px !important;
}

.leave-container .leav-balance-details-header {
    margin: 0px 0px 0px 10px !important;
    padding-top: 18px !important;
}

/* Iitdh live */

.Process_Panel .yellow-col .form-group .display-block {
    position: unset !important;
    margin-top: 5px !important;
}

.pers-input-adj .check-box .form-group .display-block {
    position: unset !important;
    margin-top: 5px !important;
}

.succeess-msg .Confirm_Dialog_Modal_Element .no-margin {
    font-size: 15px !important;
}

#divCanvas .tem-conf-grid .table-widget .table-widget-content table tbody tr td span[title="View"],
#divCanvas .tem-conf-grid .table-widget .table-widget-content table tbody tr td span[title="View"]:hover {
    font-size: 0px;
    width: 30px;
    display: flex;
    align-items: center;
    background-image: url("../images/AU_ICons/view.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
}

#divCanvas .tem-conf-grid .table-widget .table-widget-content table tbody tr td span[title="Edit"],
#divCanvas .tem-conf-grid .table-widget .table-widget-content table tbody tr td span[title="Edit"]:hover {
    font-size: 0px;
    width: 30px;
    align-items: center;
    display: flex;
    background-image: url("../images/AU_ICons/Edit.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
}

#divCanvas .fw-normal-grid .table-widget .table-widget-content table thead tr th {
    font-weight: 700 !important;
}

#divCanvas .fw-normal-grid .table-widget .table-widget-content table tbody tr td .form-group .input-group span
{
font-weight: 600;
}

#divCanvas .bg-purple,
#divCanvas .bg-purple:hover {
    background-color: #89288F !important
}

.panelselector {
    border: 2px dashed #99afff !important;
    border-radius: 6px;
}

.panelselector {
    outline: rgb(242, 214, 148) dashed 2px;
    box-shadow: rgb(0, 113, 127) 0px 0px 0px 2px;
    animation: 2s ease 0s infinite normal none running animateBorderTwo;
}

.san-amt {
    margin-top: 27px;
    margin-left: 29px;
}

.ml-de {
    margin-left: -32px !important;
}

#divCanvas .Inventory_Panel .panel-heading h6 {
    background-image: none !important;
}

.ml-center {
    margin-left: -44px !important;
}

#divCanvas .Process_Panel .br-none {
    border: none !important;
}

.pl-0 {
    padding-left: 0px !important;
}

#divCanvas .table-widget .table-widget-content table tbody tr td {
    border-top: none;
    border-right: none;
    border-image: initial;
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 0px 10px;
    height: 46px;
    border-left: 1px solid rgb(221, 221, 221);
}

#divCanvas .approval_grid tbody>tr>td:first-child {
    background-position: 10px center !important;
    padding-left: 40px !important;
}

#divCanvas .table-widget .table-widget-content table tbody tr td .form-group span {
    max-height: 100px;
    overflow: hidden;
    padding: 10px !important;
}

#divCanvas .table-widget .table-widget-content table tbody tr td .form-group span,
#divCanvas .table-widget .table-widget-content table tbody tr td .controls span,
#divCanvas .table-widget .table-widget-content table tbody tr td .controls span option {
    font-size: 13px;
    font-weight: 500;
    color: rgb(86, 86, 86);
    padding: 0px 11px;
}

.approval_grid tbody>tr:first-child>td:first-child {
    background-image: url(../images/AU_ICons/overview.svg);
    background-repeat: no-repeat;
    background-position: 7px center;
    background-size: 20px;
    padding: 10px 0px 10px 37px;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
}

#divCanvas .approval_grid tbody tr td:nth-child(2) span {
    background-color: rgb(255, 242, 192);
    border-radius: 4px;
    padding: 2px;
    color: rgb(51, 51, 51);
    display: inline-block;
    margin: auto;
    position: relative;
    min-width: 50px;
    text-align: center;
    top: 3px !important;
    font-weight: 500 !important;
}

#divCanvas .table-widget .table-widget-content table tbody tr td:nth-child(2) {
    border-left: none;
}

#divCanvas .table-widget .table-widget-content table tbody tr td {
    border-top: none;
    border-right: none;
    border-image: initial;
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 0px 10px;
    height: 46px;
    border-left: 1px solid rgb(221, 221, 221);
}

#divCanvas .approval_grid .table-widget .table-widget-content table tbody tr td:nth-child(2) {
    border-left: none;
    padding: 0px 10px !important;
}

#divCanvas .BgGrid .approval_grid tbody>tr>td:first-child .form-group span {
    padding: 0px !important;
}

.com-btn .BP_Job_Applynow_Panel_Col_02 {
    z-index: -1;
}

#divCanvas .BgGrid .work-app-grid .table-widget .table-widget-content table tbody tr td {
    border: 1px solid rgb(221, 221, 221) !important;
}

.input-mandatory input {
    width: 100%;
    position: relative;
}

.input-mandatory span {
    position: absolute;
    top: 10px;
    right: 5px;
    color: red !important;
    font-size: 14px;
}

.man_symbol .input-mandatory input {
    border: unset;
}

.man_symbol .input-mandatory span {
    top: -8px !important;
    left: 80px !important;
    color: red !important;
    font-size: 14px !important;
}

.rich-text-hide .e-toolbar-wrapper {
    display: none;
}

#divCanvas .input-mandatory span {
    top: -8px !important;
    left: 80px !important;
    color: red !important;
    font-size: 14px !important;
    position: unset;
}

#divCanvas .center-tabs ul {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
    border: 1px solid #00000020 !important;
    border-radius: 100px !important;
    padding: 5px !important;
    background: #fff !important;
}

#divCanvas .center-tabs ul li a,
#divCanvas .center-tabs ul li a:hover {
    height: 50px !important;
    padding: 0px !important;
    display: flex;
    background: transparent !important;
    align-items: center;
    justify-content: center;
    min-width: 150px !important;
}

#divCanvas .center-tabs ul>li.active a,
#divCanvas .center-tabs ul>li a:focus,
#divCanvas .center-tabs ul>li a:active {
    background: #4b0082 !important;
    color: #fff !important;
    border-radius: 100px !important;
    margin: 0px !important;
    padding: 0px !important;
    border: none !important;
    transition: .25s ease;
}

#divCanvas .center-tabs .usertype_grid {
    background-image: url(../images/AU_ICons/backmask.png);
    border: 1px solid rgba(75, 0, 130, 0.17) !important;
    border-radius: 10px !important;
    background-size: 330px !important;
    background-repeat: no-repeat;
    height: auto !important;
}

#divCanvas .center-tabs .usertype_grid .user_image .InlineSingle.panel {
    border: none !important;
}

#divCanvas .center-tabs .new-user-panel1 .user_image .InlineSingle>div:nth-child(2) {
    margin: 0px;
    display: flex;
    justify-content: flex-start;
}

#divCanvas .center-tabs .usertype_grid .user_image .InlineSingle.panel .MainFrameDoc {
    height: 100px !important;
    width: 100px !important;
}

#divCanvas .center-tabs .usertype_grid .user_image a,
#divCanvas .center-tabs .usertype_grid .user_image .controls span {
    display: flex !important;
    justify-content: flex-start !important;
    text-align: left !important;
    align-items: flex-start;
    color: #374957 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    min-height: 19px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 0px;
    opacity: 0.9;
}

#divCanvas .center-tabs .usertype_grid a.primary_header {
    color: #386be8e8 !important;
    margin-top: 5px;
    align-items: center;
    font-size: 16px !important;
    width: fit-content !important;
}

#divCanvas .center-tabs .usertype_grid a.primary_header:hover {
    opacity: 1 !important;
    color: #1752e3 !important;
}

#divCanvas .center-tabs .user_image {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px 0px;
}

#divCanvas .center-tabs .userlist_grid {
    display: block;
}

#divCanvas .center-tabs .user_image>div:nth-child(3) {
    width: fit-content !important;
    position: absolute;
    right: 0px;
}

#divCanvas .center-tabs .user_image>div:nth-child(3) .controls span {
    color: rgba(75, 0, 130, 0.58) !important;
    font-weight: 700 !important;
    font-size: 20px !important;
}

#divCanvas .center-tabs .user_image>div:nth-child(4) .controls span {
    background: rgba(56, 107, 232, 0.07);
    width: fit-content;
    padding: 5px 10px;
    border: 1px solid rgba(0, 0, 0, 0.23) !important;
    border-radius: 10px !important;
    font-size: 12px !important;
}

#divCanvas .center-tabs .userlist_btn_div {
    padding: 0px 0px 20px 0px;
}

#divCanvas .center-tabs .userlist_btn_div .typo_level_02 {
    display: flex;
    align-items: flex-start;
    margin-left: 0px;
    padding-left: 10px;
    color: #374957 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    min-height: 19px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0.9;
}

#divCanvas .center-tabs .user_btns .circle_btn {
    background-color: rgba(75, 0, 130, 0.58) !important;
}

#divCanvas .center-tabs .user_btns .circle_btn:hover {
    background-color: rgba(75, 0, 130) !important;
}

.Bg-color-process .BG_Color_Row>.row {
    margin: 0px
}

.Bg-color-process .page_top_bg::before {
    height: 75% !important;
    margin: 0px;
    top: -10px;
}

.Bg-color-process .BG_Color_Row {
    padding: 10px 40px 0px !Important;
}

.GreyPanel {
    background-color: rgb(246, 246, 246);
    border-radius: 10px;
}

.GreyPanel .panel-heading {
    padding: 10px 20px !important;
}

.GreyPanel .panel-heading h6 {
    border-bottom: 1px solid rgb(0, 57, 117);
    padding: 0px 0px 10px;
    color: rgb(0, 57, 117) !important;
    margin-bottom: 0px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.GreyPanel .panel-body {
    padding: 0px 10px 20px !important;
}

.Bg-color-process .New_Primary_Panel {
    margin: 10px 40px 10px;
}

.grey-box-rd .form-group span {
    color: rgb(0, 57, 117) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.rev-icon {
    background-image: url(../images/AU_ICons/rd-project-ext.png);
    background-size: 42px;
    background-repeat: no-repeat;
    background-position: 10px -7px;
}

.ext-pad-left {
    padding: 0px 0px 0px 41px;
}

.date-rd-align {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap;
}

.student-loan-modal .modal-dialog .modal-content {
    min-width: 650px !important;
    min-height: 250px !important;
}

.update-btn-modal {
    background-color: rgb(76, 175, 80) !important;
    border-radius: 8px !important;
    width: 100% !important;
    color: #fff !important;
    display: block;
}

.student-loan-modal .btn-pos .form-group {
    margin-top: 70px;
}

#divCanvas .student-loan-modal .modal-content .modal-body .content {
    overflow-y: hidden !important;
}

#divCanvas .student-loan-modal .modal-dialog .modal-content .modal-body .content {
    padding: 15px !important;
}

#divCanvas .student-loan-modal .vertical_middle .modal-content .modal-header {
    display: block !important;
}

#divCanvas .student-loan-modal .vertical_middle .modal-dialog .modal-content .modal-header h4 {
    text-align: left !important;
    padding-left: 15px;
}

#divCanvas .student-loan-modal .modal-dialog .modal-content .modal-header button {
    background-color: rgb(214 56 56);
    width: 30px !important;
    height: 30px !important;
    background-image: url(../images/AU_ICons/Close_White.png);
}

#divCanvas .student-loan-grid table.dataTable tbody tr td span[title="DocumentPreview"] button,
#divCanvas .student-loan-grid table .dataTable tbody tr td span[title="DocumentPreview"] button:hover,
#divCanvas .student-loan-grid table.dataTable tbody tr td span[title="DocumentPreview1"] button,
#divCanvas .student-loan-grid table .dataTable tbody tr td span[title="DocumentPreview1"] button:hover {
    font-size: 0px !important;
    background-image: url(../images/AU_ICons/document-preview.png) !important;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center !important;
}

#divCanvas .student-loan-grid table.dataTable tbody tr td span[title="Action"] button,
#divCanvas .student-loan-grid table .dataTable tbody tr td span[title="Action"] button:hover {
    font-size: 0px !important;
    background-image: url(../images/AU_ICons/action.png) !important;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center !important;
}

.att-sys-d1 .form-group {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

/* quick po creation and quick po view */
#divCanvas .po-panel .Red_Col {
    width: unset !important;
}

#divCanvas h6.qui-head {
    padding: 10px 0 0 35px !important;
    color: #fff;
    font-size: 24px;
    font-weight: 600 !important;
}

#divCanvas .po-grid .panel-heading {
    padding: 0px !important;
    border-bottom: none !important;
    padding: 15px 0px 0px 0px !important;
}

#divCanvas .po-grid h6 {
    border-bottom: none !important;
    margin: 0px 0px 0px 0px !important;
}

#divCanvas h6.quick-head {
    padding: 10px 0 0 15px !important;
    color: #fff;
    font-size: 24px;
    font-weight: 600 !important;
}

.quick_Panel .panel-body.grey_BG {
    background: rgb(192 118 50 / 4%);
}

#divCanvas .quick_Panel .Asset_Icon {
    background-size: 16px !important;
    padding: 0px 0 5px 24px !important;
    background-position: 0px 1px !important;
    background-repeat: no-repeat;
}

#divCanvas .quick_Panel h1 {
    padding: 0 0 10px 26px ! IMPORTANT;
    font-size: 16px;
    font-weight: 600 !IMPORTANT;
    color: #f9a613 !important;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px !important;
    margin-left: 0 !IMPORTANT;
}

#divCanvas .qui-po-panel h6 {
    font-size: 16px !important;
    font-weight: 600 !IMPORTANT;
    color: #f9a613 !important;
    border-bottom: 1px solid #e5e5e5;
    margin-left: 0 !IMPORTANT;
}

#divCanvas .po-grid {
    border: 1px solid #F2F2F2 !important;
    border-radius: 8px;
}

#divCanvas .bb-none .bdr-btm {
    border-bottom: none !important;
}

#divCanvas .qui-span-align span {
    margin: 0px 0px 0px -75px !important;
}

.max-1400 {
    max-width: 1400px;
    padding: 0 20px;
    margin: 0 auto;
}

.po-grid .panel-heading {
    margin: 0px !important;
}

#divCanvas .po-grid .panel-heading .heading-elements {
    margin: -2px -20px 0px 0px !important;
}

.orange-Btn {
    align-items: center;
    margin: 10px 0px;
    font-weight: 600;
    font-size: 14px;
    justify-content: center !important;
    background-color: rgb(255, 165, 24) !important;
    width: 100% !important;
    border: 0px !important;
    display: flex !important;
    min-height: 38px !important;
    border-radius: 10px !important;
    color: white !important;
}

.po-color {
    color: #fff !Important;
    margin-top: 15px;
}

#divCanvas .cer-align {
    padding: 5px !important;
}

.i-icon {
    background-image: url("../images/AU_ICons/A_info.png");
    background-repeat: no-repeat;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    width: 23px;
    position: relative;
    border-bottom: 1px dotted black;
    background-size: 13px !important;
    padding: 14px !important;
    background-position: center center !important;
    z-index: 10;
}

.i-icon .i-text {
    border: 1px solid #969292;
    background: #fff;
    width: max-content;
    display: none !important;
    position: absolute;
    z-index: 1;
    padding: 5px;
    top: -24px;
    left: 30px;
    border-radius: 0px;
    font-weight: 600 !important;
    font-size: 14px;
}

.i-icon:hover .i-text {
    display: block !important;
}

#divCanvas .rem-bor {
    border: none !important;
}

.info-tool-icon {
    position: relative;
    top: 20px;
    margin-left: 5px;
}

.i-space .col-lg-4 .form-group label:nth-child(1) {
    padding-left: 25px !important;
}

.profile-img-2 .e-toolbar-wrapper {
    display: none;
}

#divCanvas .ext-bg-none .form-group .controls span {
    background: transparent !important;
    box-shadow: none !important;
    padding-left: 0px !important;
    font-size: 18px !important;
    color: rgb(49, 64, 103) !important;
    font-weight: 400 !important;
    margin-left: -10px !important;
}

.rich-text-hide .e-toolbar-wrapper {
    display: none;
}

#divCanvas .student-certificate-request-grid table.dataTable tbody tr td button,
#divCanvas .student-certificate-request-grid table.dataTable tbody tr td button:hover {
    min-width: unset !important;
    padding-left: unset !important;
}

.Img_row {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Img_row .form-group label {
    display: none !important;
    padding: 0pc !important;
}

#divCanvas .Img_row .panel {
    width: 300px !important;
    height: 300px !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.Img_row .panel:hover .HoverBtnDoc {
    display: none !Important
}

#divCanvas .Img_row .panel .MainFrameDoc {
    border: none !important;
    border-radius: 16px !important;
    background: transparent !important;
    min-height: 300px;
    height: 300px !important;
    width: 300px !important;
}

.Img_row .panel .MainFrameDoc img {
    width: 300px !important;
    height: 300px !important;
    border-radius: 16px;
}

#divCanvas .Process_Heading_Panel_Back_Button {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#divCanvas .currency-master-grid .table-widget .table-widget-content table tbody tr td:first-child .form-group span {
    color: #ffc457;
    font-size: 14px;
    font-weight: 600 !important;
    background-color: #ffa5001c;
    min-width: 70px !important;
    padding: 6px 15px !important;
    border-radius: 5px !important;
}

#divCanvas .currency-master-grid .table-widget .table-widget-content table tbody tr td:nth-child(2) .form-group span {
    color: #319f24;
    font-size: 16px;
    font-weight: 700 !important;
}

#divCanvas .currency-master-grid .table-widget .table-widget-content table tbody tr td:nth-child(2) .form-group span:before {
    content: '$';
    font-size: 20px;
}

#divCanvas .currency-master-grid .table-widget .table-widget-content table tbody tr td:nth-child(3) .form-group span {
    color: #797979;
    font-size: 16px;
    font-weight: 700 !important;
}

#divCanvas .currency-master-grid .table-widget .table-widget-content table tbody tr td:nth-child(3) .form-group span:before {
    content: '[';
    font-size: 20px;
}

#divCanvas .currency-master-grid .table-widget .table-widget-content table tbody tr td:nth-child(3) .form-group span:after {
    content: ']';
    font-size: 20px;
}

#divCanvas .currency-master-grid .dataTable tbody tr td span[title="Edit"] button,
#divCanvas .currency-master-grid .dataTable tbody tr td span[title="Edit"] button:hover {
    background-image: none !important;
}

#divCanvas .uom-master-grid .table-widget .table-widget-content table tbody tr td:first-child .form-group span {
    color: #ffc457;
    font-size: 14px;
    font-weight: 600 !important;
    background-color: #ffa5001c;
    min-width: 70px !important;
    padding: 6px 15px !important;
    border-radius: 5px !important;
}

#divCanvas .uom-master-grid .table-widget .table-widget-content table tbody tr td:nth-child(2) .form-group span {
    color: #319f24;
    font-size: 16px;
    font-weight: 700 !important;
}

#divCanvas .uom-master-grid .table-widget .table-widget-content table tbody tr td:nth-child(2) .form-group span:before {
    content: '*';
    font-size: 16px;
}

#divCanvas .uom-master-grid .table-widget .table-widget-content table tbody tr td:nth-child(3) .form-group span {
    color: #797979;
    font-size: 16px;
    font-weight: 700 !important;
}

#divCanvas .uom-master-grid .table-widget .table-widget-content table tbody tr td:nth-child(3) .form-group span:before {
    content: '[';
    font-size: 20px;
}

#divCanvas .uom-master-grid .table-widget .table-widget-content table tbody tr td:nth-child(3) .form-group span:after {
    content: ']';
    font-size: 20px;
}

#divCanvas .uom-master-grid .dataTable tbody tr td span[title="Edit"] button,
#divCanvas .uom-master-grid .dataTable tbody tr td span[title="Edit"] button:hover {
    background-image: none !important;
}

#divCanvas .normal_grid table tbody tr td span[title="Edit"] button,
#divCanvas .normal_grid table tbody tr td span[title="Edit"] button:hover {
    font-size: 0px !important;
    border-bottom: unset !important;
}

#divCanvas .normal_grid table tbody tr td span[title="Delete"] button,
#divCanvas .normal_grid table tbody tr td span[title="Delete"] button:hover {
    font-size: 0px !important;
    border-bottom: unset !important;
}

.dollar-cards {
    background: #b1ffb1bd;
    padding: 10px;
    display: flex;
    border-radius: 10px;
}

.dollar-cards .form-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.dollar-cards .form-group label {
    padding-bottom: unset;
    font-size: 17px;
}

.dollar-cards .form-group .controls span {
    font-size: 24px;
    font-weight: 700 !important;
    color: #1d8d1d;
}

.grey-box-rd {
    background-color: rgb(246, 246, 246);
    padding: 20px;
    border-radius: 10px;
}

.dark-blue-box {
    background-color: rgba(47, 65, 101, 0.85);
    padding: 20px;
    border-radius: 10px;
}

.blue-span {
    color: rgb(47, 0, 148) !important;
}

#divCanvas .blue-grey-box {
    background-color: rgb(239, 243, 255);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: rgb(114, 114, 114) !important;
    flex-wrap: wrap;
    margin-right: 0px !important;
}

#divCanvas .blue-grey-box .form-group .form-label {
    font-size: 14px !important;
    color: rgb(114, 114, 114) !important;
}

#divCanvas .blue-grey-box .form-group {
    padding: 20px 15px !important;
}

#divCanvas .blue-grey-box .form-group span {
    font-size: 15px;
    color: rgb(0, 37, 147) !important;
}

#divCanvas .blue-grey-box .form-group {
    border-right: 1px solid rgba(114, 114, 114, 0.3) !important;
    margin-bottom: 0px !important;
}

.grey-box-align {
    gap: 20px;
    flex-wrap: wrap;
    padding: 0px !important;
}

.display-none {
    display: none;
}

#divCanvas .rd-grid .panel-heading h6::before {
    background: none !important;
}

.date-bg {
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    padding: 10px;
}

.amount-val-colMOD {
    display: flex;
    justify-content: center;
}

.bdr-btm {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

div.bright-yellow-col div.form-group div.controls span {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: rgb(255, 255, 255) !important;
}

.bright-yellow-col {
    background-color: rgb(255, 193, 7);
    padding: 10px !important;
    border-radius: 8px;
}

.RECP {
    background-image: url("../images/AU_ICons/Rec.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 10px;
    width: 40px;
    aspect-ratio: 1 / 1;
    display: block;
}

#divCanvas div.bright-yellow-col div.form-group {
    flex-direction: column-reverse;
    display: flex !important;
    margin: 0px !important;
}

div.bright-yellow-col div.form-group label {
    color: rgb(255, 255, 255) !important;
    padding: 0px !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}

#divCanvas .display-none {
    display: none !important;
}

.bright-blue-col {
    background-color: rgb(13, 110, 253);
    padding: 20px;
    border-radius: 8px;
}

.iic-rupee {
    background-image: url("../images/AU_ICons/rupee-dark.png");
    background-size: 42px;
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
    min-height: 80px !important;
    padding-right: 60px !important;
}

.Currency {
    background-image: url("../images/AU_ICons/Amount.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 10px;
    width: 40px;
    aspect-ratio: 1 / 1;
    display: block;
}

#divCanvas div.bright-blue-col div.form-group {
    flex-direction: column-reverse;
    display: flex !important;
    margin: 0px !important;
}

div.bright-blue-col div.form-group label {
    color: rgb(255, 255, 255) !important;
    padding: 0px !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}

span.help {
    display: none;
}

div.bright-blue-col div.form-group div.controls span {
    padding-left: 0px;
    font-size: 22px !important;
    font-weight: 600 !important;
    color: rgb(255, 255, 255) !important;
}

#divCanvas .ext-start-date .form-group,
#divCanvas .ext-end-date .form-group {
    margin: 0px !important
}

#divCanvas .ext-start-date .form-group span,
#divCanvas .ext-end-date .form-group span {
    font-weight: 600;
    min-height: 22px;
    display: inline-block;
}

#divCanvas .ext-start-date {
    display: flex;
    flex-direction: row;
    gap: 20px 10px;
    align-items: center;
    border-right: 1px solid rgba(0, 0, 0, 0.063);
    padding-right: 20px;
}

#divCanvas .ext-start-date>span:nth-child(1) {
    width: 44px;
    aspect-ratio: 1 / 1;
    display: block;
    background: url("../images/AU_ICons/start-date.svg") center center / contain no-repeat;
    border: 1px solid rgb(116 116 116 / 8%);
    border-radius: 100px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 1px;
}

#divCanvas .ext-end-date {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    border-right: 1px solid rgba(0, 0, 0, 0.063);
    padding-right: 20px;
}

#divCanvas .ext-end-date>span:nth-child(1) {
    width: 48px;
    aspect-ratio: 1 / 1;
    display: block;
    background: url("../images/AU_ICons/end-date.svg") center center / contain no-repeat;
    border: 1px solid rgba(116, 116, 116, 0.063);
    border-radius: 100px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 1px;
}

.dark-blue-box span {
    color: rgb(255, 255, 255) !important;
    font-size: 14px !important;
}

#divCanvas h1.pro-ext-icon,
#divCanvas h6.pro-ext-icon {
    color: rgb(255, 255, 255);
    font-size: 2rem;
    font-weight: 500 !important;
    margin: 0px 0px 5px !important;
}

.budget-bimage {
    background-image: url("../images/AU_ICons/rd-project.png");
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 90px;
}

#divCanvas .blue-grey-box .br-none .form-group {
    border-right: none !important;
}

.scheme-bimage {
    background-image: url("../images/AU_ICons/rd-scheme.png");
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 90px;
}

.project-bimage {
    background-image: url("../images/AU_ICons/rd-project.png");
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 90px;
}

.rd-date {
    background-image: url("../images/AU_ICons/rd-date.png");
    background-size: 42px;
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
    min-height: 80px !important;
    padding-right: 70px !important;
}

#divCanvas .dark-blue-box .form-group label {
    font-weight: 600;
    font-size: 12px !important;
    color: rgb(255 255 255 / 67%) !important;
}

.pro-name-rd .form-group .controls span {
    width: fit-content;
    padding: 3px 10px;
    min-height: 26px;
    background-color: rgb(248 244 255) !important;
    color: rgb(47, 0, 148) !important;
    font-weight: 600 !important;
    line-height: unset !important;
    font-size: 13px;
    border: 1px solid rgb(47 0 148 / 25%) !important;
}

#divCanvas .user-Icon {
    border-radius: 100%;
    border: 0px solid white;
    background-image: url("../images/AU_ICons/rd-User.png");
    background-size: 60px;
    background-repeat: no-repeat;
    min-height: 60px !important;
    min-width: 60px !important;
    margin-right: 15px !important;
}

.bio-panel {
    background-image: url("../images/AU_ICons/rd-bg.png");
    background-position: 0px center;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 10px;
    margin: 10px 0px !important;
}

.grey-box-rd h1 {
    border-bottom: 1px solid rgb(0, 57, 117);
    padding: 10px;
    color: rgb(0, 57, 117) !important;
    margin-bottom: 20px !important;
    font-size: 18px !important;
}

.dur-align {
    display: flex;
    flex-direction: column;
    gap: 5px 0px;
}

.Dur_Val .form-group span {
    color: rgb(0, 57, 117) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.rd-date .form-group span {
    color: rgb(255, 255, 255);
    font-weight: 600;
    font-size: 20px;
}

.rd-date .Date {
    background-image: unset;
    padding-left: 0px;
}

.doubt.dark-blue-box .br .form-group {
    border-right: 1px solid rgb(255, 255, 255);
}

.dark-blue-box .br .form-group .dep-br-none {
    border-right: none !important;
}

.grey-box-font .form-group .form-label {
    font-size: 14px !important;
}

.ext-start-date .form-group span {
    color: rgb(94, 160, 83);
    font-size: 16px !important;
}

.ext-end-date .form-group span {
    color: rgb(255, 120, 125);
    font-size: 16px !important;
}

.dark-blue-box .form-group .form-label {
    font-size: 14px !important;
}

#divCanvas .san-br .form-group span {
    font-size: 16px !important;
}

.bright-yellow-col .form-group .form-label {
    font-size: 16px !important;
}

.bright-blue-col .form-group .form-label {
    font-size: 16px !important;
}

.bright-blue-col .form-group span {
    font-size: 24px !important;
}

.grey-box-font {
    font-size: 12px;
    font-weight: 500 !important;
    color: #333 !important;
}

.ext-start-date .form-group .form-label,
.ext-end-date .form-group .form-label {
    font-size: 13px !important;
    padding: 0px;
    font-weight: 500;
    opacity: 0.85
}

#divCanvas .bor-rig-w .form-group {
    border-right: 1px solid rgb(255, 255, 255);
    padding-right: 21px;
}

#divCanvas .bor-rig-w>div:last-child .form-group {
    border-right: none;
}

#divCanvas .bor-rig-w>div:first-child {
    margin-right: 20px !important;
}

.dark-blue-box .vales .form-group .form-label {
    padding-bottom: 0px !important;
}

.dark-blue-box .form-group {
    margin-bottom: 0px !important;
}

#divCanvas .san-br>div:first-child .form-group {
    margin-right: 10px;
}

#divCanvas .san-br .controls span {
    font-size: 14px !important
}

#divCanvas .san-br>div:first-child .form-group .controls span {
    border-right: 1px solid rgb(51, 51, 51);
    padding-right: 10px !important;
    border-radius: 0px !important;
}

.pro-icon {
    background-image: url("../images/AU_ICons/rd-project-ext.png");
    background-size: 42px;
    background-repeat: no-repeat;
    background-position: 0px center;
    padding: 0px 0px 0px 50px !important;
}

.modal.CustomDialog {
    background-color: rgba(40, 40, 64, 0.5) !important;
}

#divcanvas h1.pro-ext-icon {
    margin-bottom: 0px !important;
    padding: 0px !important;
}

.align-bill {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0px;
}

#divCanvas .dark-blue-Button,
#divCanvas .dark-blue-Button:hover {
    display: flex;
    background-position: 10px center;
    justify-content: center;
    align-items: center;
    color: rgb(255, 255, 255);
    font-weight: 600;
    background-repeat: no-repeat !important;
    border-radius: 4px !important;
    height: 45px !important;
    width: 97px !important;
    background-color: rgb(47, 65, 101) !important;
    font-size: 12px !important;
    background-image: url("../images/AU_ICons/raise-back-btn.png") !important;
    background-size: 14px !important;
    padding-left: 20px !important;
}

.bill-back-btn {
    margin-right: 60px;
}

.raise-icon {
    background-image: url("../images/AU_ICons/rd-project-ext.png");
    background-size: 42px;
    background-repeat: no-repeat;
    background-position: 5px center;
    padding: 0px 0px 0px 43px !important;
}

#divCanvas h1.raise-ext-icon {
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: 500 !important;
    margin: 0px 0px 5px !important;
}

.grey-box-rd .form-group {
    padding: 10px;
}

.Process_Panel .pro-header h6 {
    border-bottom: 1px solid rgb(0, 57, 117);
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    color: rgb(0, 57, 117) !important;
    margin-bottom: 20px !important;
    font-size: 18px !important;
    background-image: none !important;
    padding-left: 0px !important;
}

.Process_Panel .panel-heading::before {
    background: transparent !important;
    box-shadow: none !important;
}

#divCanvas .blue-grey-box .form-group .controls .orange-span {
    color: rgb(240, 90, 37) !important;
    font-size: 18px !important;
}

.rupee-bimage {
    background-image: url("../images/AU_ICons/rd-rupee.png");
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: 20px center;
    padding-left: 90px;
}

#divCanvas .blue-grey-box .form-group span {
    font-size: 1.5rem;
}

.pro-pay-process .panel .panel-heading h6 {
    background-image: none !important;
}

.pro-pay-process .panel .panel-heading::before {
    background: transparent;
}

.pro-pay-process .panel .panel-heading h6 {
    border-bottom: 1px solid rgb(0, 57, 117);
    color: rgb(0, 57, 117) !important;
    font-size: 18px !important;
}

.pro-pay-process .panel .panel-heading .panel-title {
    border-bottom: none;
    color: rgb(0, 57, 117) !important;
    font-size: 18px !important;
}

.grey-box-rd .form-group .form-label {
    font-weight: 500 !important;
    color: rgb(114, 114, 114) !important;
    font-size: 14px !important;
}

.rd-grid .panel-heading h6 {
    background-image: none !important;
}

.fellowship-icon {
    background-image: url("../images/AU_ICons/rd-project-ext.png");
    background-size: 42px;
    background-repeat: no-repeat;
    background-position: 3px center;
    padding-left: 46px !important;
}

.rd-update .panel-heading h6 {
    background-image: none;
}

.rd-update .panel-heading::before {
    background: transparent;
}

.rd-update h6 {
    padding: 10px;
    color: rgb(0, 57, 117) !important;
    border-bottom: 1px solid rgb(0, 57, 117) !important;
    margin-bottom: 20px !important;
    font-size: 18px !important;
    padding-left: 0px !important;
}

.align-l {
    justify-content: flex-start;
}

#divCanvas .rd-grid .panel-heading h6::before {
    background: none !important;
}

.dark-blue-box .vales {
    gap: 10px 0px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0px;
    flex-wrap: nowrap;
}

.bor-rig-w {
    padding: 0px;
    margin: 5px 0px 0px;
}

@media screen and (max-width: 600px) {

    .bor-rig-w .form-group,
    #divCanvas .blue-grey-box .form-group {
        border-right: none !important;
    }

    #divCanvas .Bg-color-process .BG_Color_Row {
        padding: 10px 10px 0px !important;
    }

    #divCanvas .Bg-color-process .New_Primary_Panel {
        margin: 10px 10px;
    }
}

.Bg-color-process .BG_Color_Row>.row {
    margin: 0px
}

.Bg-color-process .page_top_bg::before {
    height: 75% !important;
    margin: 0px;
    top: -10px;
}

.Bg-color-process .BG_Color_Row {
    padding: 10px 40px 0px !Important;
}

.GreyPanel {
    background-color: rgb(246, 246, 246);
    border-radius: 10px;
}

.GreyPanel .panel-heading {
    padding: 10px 20px !important;
}

.GreyPanel .panel-heading h6 {
    border-bottom: 1px solid rgb(0, 57, 117);
    padding: 0px 0px 10px;
    color: rgb(0, 57, 117) !important;
    margin-bottom: 0px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.GreyPanel .panel-body {
    padding: 0px 10px 20px !important;
}

.Bg-color-process .New_Primary_Panel {
    margin: 10px 40px 10px;
}

.grey-box-rd .form-group span {
    color: rgb(0, 57, 117) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.rev-icon {
    background-image: url(../images/AU_ICons/rd-project-ext.png);
    background-size: 42px;
    background-repeat: no-repeat;
    background-position: 10px -7px;
}

.ext-pad-left {
    padding: 0px 0px 0px 41px;
}

.date-rd-align {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap;
}

.student-loan-modal .modal-dialog .modal-content {
    min-width: 650px !important;
    min-height: 250px !important;
}

.update-btn-modal {
    background-color: rgb(76, 175, 80) !important;
    border-radius: 8px !important;
    width: 100% !important;
    color: #fff !important;
    display: block;
}


.student-loan-modal .btn-pos .form-group {
    margin-top: 70px;
}

#divCanvas .student-loan-modal .modal-content .modal-body .content {
    overflow-y: hidden !important;
}

#divCanvas .student-loan-modal .modal-dialog .modal-content .modal-body .content {
    padding: 15px !important;
}

#divCanvas .student-loan-modal .vertical_middle .modal-content .modal-header {
    display: block !important;
}

#divCanvas .student-loan-modal .vertical_middle .modal-dialog .modal-content .modal-header h4 {
    text-align: left !important;
    padding-left: 15px;
}

#divCanvas .student-loan-modal .modal-dialog .modal-content .modal-header button {
    background-color: rgb(214 56 56);
    width: 30px !important;
    height: 30px !important;
    background-image: url(../images/AU_ICons/Close_White.png);
}

#divCanvas .student-loan-grid table.dataTable tbody tr td span[title="DocumentPreview"] button,
#divCanvas .student-loan-grid table .dataTable tbody tr td span[title="DocumentPreview"] button:hover,
#divCanvas .student-loan-grid table.dataTable tbody tr td span[title="DocumentPreview1"] button,
#divCanvas .student-loan-grid table .dataTable tbody tr td span[title="DocumentPreview1"] button:hover {
    font-size: 0px !important;
    background-image: url(../images/AU_ICons/document-preview.png) !important;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center !important;
}

#divCanvas .student-loan-grid table.dataTable tbody tr td span[title="Action"] button,
#divCanvas .student-loan-grid table .dataTable tbody tr td span[title="Action"] button:hover {
    font-size: 0px !important;
    background-image: url(../images/AU_ICons/action.png) !important;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center !important;
}

.att-sys-d1 .form-group {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

#divCanvas .po-panel .Red_Col {
    width: unset !important;
}

#divCanvas h6.qui-head {
    padding: 10px 0 0 35px !important;
    color: #fff;
    font-size: 24px;
    font-weight: 600 !important;
}

#divCanvas .po-grid .panel-heading {
    padding: 0px !important;
    border-bottom: none !important;
    padding: 15px 0px 0px 0px !important;
}

#divCanvas .po-grid h6 {
    border-bottom: none !important;
    margin: 0px 0px 0px 0px !important;
}

#divCanvas h6.quick-head {
    padding: 10px 0 0 15px !important;
    color: #fff;
    font-size: 24px;
    font-weight: 600 !important;
}

.quick_Panel .panel-body.grey_BG {
    background: rgb(192 118 50 / 4%);
}

#divCanvas .quick_Panel .Asset_Icon {
    background-size: 16px !important;
    padding: 0px 0 5px 24px !important;
    background-position: 0px 1px !important;
    background-repeat: no-repeat;
}

#divCanvas .quick_Panel h1 {
    padding: 0 0 10px 26px ! important;
    font-size: 16px;
    font-weight: 600 !important;
    color: #f9a613 !important;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px !important;
    margin-left: 0 !important;
}

#divCanvas .qui-po-panel h6 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #f9a613 !important;
    border-bottom: 1px solid #e5e5e5;
    margin-left: 0 !important;
}

#divCanvas .po-grid {
    border: 1px solid #F2F2F2 !important;
    border-radius: 8px;
}

#divCanvas .bb-none .bdr-btm {
    border-bottom: none !important;
}

#divCanvas .qui-span-align span {
    margin: 0px 0px 0px -75px !important;
}

.max-1400 {
    max-width: 1400px;
    padding: 0 20px;
    margin: 0 auto;
}

.po-grid .panel-heading {
    margin: 0px !important;
}

#divCanvas .po-grid .panel-heading .heading-elements {
    margin: -2px -20px 0px 0px !important;
}

.orange-Btn {
    align-items: center;
    margin: 10px 0px;
    font-weight: 600;
    font-size: 14px;
    justify-content: center !important;
    background-color: rgb(255, 165, 24) !important;
    width: 100% !important;
    border: 0px !important;
    display: flex !important;
    min-height: 38px !important;
    border-radius: 10px !important;
    color: white !important;
}

.po-color {
    color: #fff !Important;
    margin-top: 15px;
}

#divCanvas .cer-align {
    padding: 5px !important;
}

.i-icon {
    background-image: url("../images/AU_ICons/A_info.png");
    background-repeat: no-repeat;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    width: 23px;
    position: relative;
    border-bottom: 1px dotted black;
    background-size: 13px !important;
    padding: 14px !important;
    background-position: center center !important;
    z-index: 10;
}

.i-icon .i-text {
    border: 1px solid #969292;
    background: #fff;
    width: max-content;
    display: none !important;
    position: absolute;
    z-index: 1;
    padding: 5px;
    top: -24px;
    left: 30px;
    border-radius: 0px;
    font-weight: 600 !important;
    font-size: 14px;
}

.i-icon:hover .i-text {
    display: block !important;
}

#divCanvas .rem-bor {
    border: none !important;
}

.info-tool-icon {
    position: relative;
    top: 20px;
    margin-left: 5px;
}

.i-space .col-lg-4 .form-group label:nth-child(1) {
    padding-left: 25px !important;
}

.profile-img-2 .e-toolbar-wrapper {
    display: none;
}

#divCanvas .ext-bg-none .form-group .controls span {
    background: transparent !important;
    box-shadow: none !important;
    padding-left: 0px !important;
    font-size: 18px !important;
    color: rgb(49, 64, 103) !important;
    font-weight: 400 !important;
    margin-left: -10px !important;
}

.rich-text-hide .e-toolbar-wrapper {
    display: none;
}

 

#divCanvas div.bor-rig-w>div {
    margin-right: 20px !important;
}

#divCanvas .btn-success {
    height: 31px !important;
    background: rgb(76, 175, 80) !important;
    height: 25px;
    line-height: 17px;
    border-radius: 25px;
    padding: 7px 24px 8px 24px !important;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px;
    transition: all 0.3s ease 0s;
    position: relative;
    overflow: hidden;
    font-weight: 500 !important;
    margin: 0px !important;
    font-size: 14px;
}

#divCanvas .btn-success:hover {
    background: rgb(48 163 53) !important;
    box-shadow: rgb(0 255 123 / 15%) 0px 2px 4px 0px;
}

.foot-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 22px;
}


a.Eye_Button {
    margin-top: 35px !important;
    height: 40px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    background-image: url(../images/AU_ICons/fi-rr-eye-white.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding-left: 30px !important;
    background-size: 18px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 0 !important;
    width: 46px !important;
    background-color: #ff7458 !important;
}

#divCanvas .form-group .input-group.input-group-xs .input-group-btn a.btn[title="Delete"] {
    background-image: url(../images/AU_ICons/delete_White.png) !important;
    background-color: red !important;
    background-size: 20px !important;
    background-repeat: no-repeat;
    background-position: center;
}

#divCanvas .form-group .input-group-btn a {
    opacity: 1;
    border: 1px solid rgb(189, 188, 188) !important;
    background-color: rgb(255, 255, 255) !important;
    border-radius: 8px !important;
    color: rgb(88, 48, 53) !important;
    margin: 0px 6px !important;
}

.reimbursement-of-expenditure .form-group .input-group.input-group-xs .input-group-btn a.btn[title="Delete"] i {
    display: none !important;
}

#divCanvas .travel-advance .Titles h1 {
    margin-top: 20px !important;
}

.form-group .controls .form-control.input-xs[disabled="disabled"],
.form-group .controls .form-control.input-xs[disabled="disabled"]:hover {
    border: none !important;
    box-shadow: none !important;
}

.Eye_Button {
    margin-top: 20px !important;
    height: 40px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    background-image: url(../images/AU_ICons/fi-rr-eye-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    padding-left: 30px !important;
    background-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0 !important;
    width: 46px;
    background-color: #ff7458;
    border: none
}

#divCanvas .dark-blue-box .vales {
    gap: 10px 0px;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0px;
    flex-wrap: nowrap !important;
}

.yellow-box {
    border: 1px solid #EEAF00;
    padding: 10px;
    color: #EEAF00;
    background-color: #eeaf002b;
    border-radius: 5px;
    margin: 10px;
}

#divCanvas .grid_page_left .pagination-xs .pl-5 label {
    background-color: #892890 !important;
    border-radius: 4px !important;
    color: white !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    padding: 4px 10px !important;
}

.form-group .input-group.input-group-xs .input-group-btn a.btn[title="Delete"] i {
    display: none !important
}

#divCanvas .table-widget .table-widget-content table thead tr {
    background-color: rgb(137 40 144 / 5%) !important;
}

.BgGrid .grid_page_left .pagination {
    display: flex;
    align-items: center;
    gap: 0px;
    background: transparent;
    padding: 0px !important;
    border-radius: 0px !important;
    justify-content: flex-start;
}

.Titles h1 {
    color: rgb(253 253 253);
}

#divCanvas input[disabled="disabled"] {
    background: transparent !important;
}

#divCanvas .blue-grey-box .form-group span {
    font-size: 11px !important;
    color: rgb(0, 37, 147) !important;
}

#divCanvas .form-group .controls .input-group.input-group-xs span.form-control.input-xs {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
    height: 40px;
    line-height: 2.2 !important;
}

#divCanvas .content-inner .nav-tabs.nav-tabs-highlight>li.active>a,
#divCanvas .tab-content .nav-tabs.nav-tabs-highlight>li.active>a:hover {
    border-radius: 100px !important;
    background: #f99746 !important;
    color: white !important;
    border-top: none !important;
    border: none !important;
    padding: 8px 20px !important;
    transition: unset !important;
    opacity: 1;
}

#divCanvas .content-inner ul {
    background: white !important;
    width: fit-content;
    margin: 0 auto;
    padding: 6px 7px !important;
    border-radius: 20px;
    margin-bottom: 20px !important;
    display: flex;
    gap: 0px 10px;
}

#divCanvas .BgGrid .panel .panel-heading {
    background: #f0f2f573 !important;
    border-radius: 12px 12px 0 0 !important;
    display: none;
}

#divCanvas .label-white .form-group label {
    color: white !important;
}

#divCanvas .rd-file-trck-rd-off .page_top_bg::before {
    height: 35% !important;
}

.rd-file-trk-rd0ff-popup .display {
    display: flex;
    flex-direction: column;
}

#divCanvas .rd-file-trk-rd0ff-popup .display .heads .form-group span {
    color: #892890 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
}

#divCanvas .rd-file-trk-rd0ff-popup h4 {
    font-size: 24px !important;
    font-weight: 700 !important;
    float: left;
    padding-top: 10px !important;
}

#divCanvas .rd-file-trk-rd0ff-popup .form-group span {
    font-size: 13px !important;
}

#divCanvas .rd-file-trk-rd0ff-popup .panel-body .display>div:nth-child(2) .col-lg-4:nth-child(4) span {
    color: #37dd37;
}

.rd_head .form-group .controls span {
    display: flex;
    justify-content: right;
}

.breadcrumb_part span[title="Home"] a,
.breadcrumb_part span[title="Home"] a:hover {
    background-image: url(../images/AU_ICons/Home.png);
    padding-left: 20px;
    background-position: 0px;
    border-bottom: 1px dashed #00000010;
    color: rgb(74, 101, 114);
    text-decoration: none;
}

.breadcrumb_part span[title="Home"] a::before {
    display: none;
}

.Bread_Crumbs_Col {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 0px 3px;
    align-items: flex-start;
}

.Bread_Crumbs_Col .form-group {
    margin: 0px !important;
}

.Bread_Crumbs_Col span {
    color: rgb(74, 101, 114) !important;
    font-size: 14px !important;
}

.Back_Button {
    position: relative;
    top: 5px;
}

.cusotm_tab_02 .nav-tabs {
    width: fit-content !important;
    margin-bottom: 10px;
}

.cusotm_tab_02 .nav-tabs li {
    padding: 0px 10px 10px 0px !important;
    color: white !important;
}

.cusotm_tab_02 .nav-tabs li.active>a,
#divCanvas .cusotm_tab_02 .nav-tabs li.active>a:hover {
    color: white !important;
}

.e-disabled {
    opacity: 0.9 !important;
}

#divCanvas .rd-file-trck-rd-off .submit-info-popup .modal-content {
    width: 60% !important;
    height: fit-content;
}

#divCanvas .rd-file-trck-rd-off .submit-info-popup .modal-content h4 {
    padding-top: unset;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
}

#divCanvas .rd-file-trck-rd-off .submit-info-popup .modal-content .green-btn {
    align-items: center;
    margin: 10px 0px;
    font-weight: 600;
    font-size: 14px;
    justify-content: center !important;
    background-color: rgb(4 117 35) !important;
    width: fit-content !important;
    border: 0px !important;
    display: flex !important;
    min-height: 38px !important;
    border-radius: 10px !important;
    color: white !important;
}

#divCanvas .rd-file-trck-rd-off .submit-info-popup .modal-content .col-lg-12 .col-lg-6:nth-child(2) .controls span {
    color: #892890;
    font-size: 14px;
    font-weight: 600 !important;

}

.CustomInfoDialog .modal-dialog .modal-content .modal-header button {
    right: 0px;
    width: 25px;
    height: 25px;
    background-color: #f9f9f9fa;
    border-radius: 25px;
    opacity: 1;
    color: #fff;
    top: -10px
}

.feedback-highlight .col-lg-4:last-child .controls span {
    background: #f8f0fe;
    color: #892890cf !important;
    padding: 5px 15px;
    border-radius: 10px !important;
}

.feedback-highlight .col-lg-4:nth-child(5) .controls span {
    background: #f8f0fe;
    color: #892890cf !important;
    padding: 5px 15px;
    border-radius: 10px !important;
}

.feedback-highlight .col-lg-4:nth-child(4) .controls span {
    background: #f8f0fe;
    color: #892890cf !important;
    padding: 5px 15px;
    border-radius: 10px !important;
}

.feedback-highlight .col-lg-4:nth-child(6) .controls span {
    background: #f8f0fe;
    color: #892890cf !important;
    padding: 5px 15px;
    border-radius: 10px !important;
}

.feedback-highlight .col-lg-4:nth-child(7) .controls span {
    background: #f8f0fe;
    color: #892890cf !important;
    padding: 5px 15px;
    border-radius: 10px !important;
}

.feedback-highlight .col-lg-4:nth-child(8) .controls span {
    background: #f8f0fe;
    color: #892890cf !important;
    padding: 5px 15px;
    border-radius: 10px !important;
}

#divCanvas .first-grid .table-widget .table-widget-content table tbody tr td:first-child span {
    min-width: 350px !important;
    overflow-y: scroll;
}

#divCanvas .Dark_Button,
#divCanvas .Dark_Button:hover {
    align-items: center;
    justify-content: center !important;
    margin: 0px 0px 10px 0px;
    font-weight: 600;
    font-size: 14px;
    background-image: linear-gradient(to right, rgb(165 93 217), #552593) !important;
    width: 100% !important;
    border: 0px !important;
    display: flex !important;
    min-height: 38px !important;
    border-radius: 30px !important;
    color: white !important;
}

.bulk-room-allocation-popup .heads {
    font-size: 15px;
    color: #1c1c1c !important;
    font-weight: 600 !important;
}

.bulk-room-allocation-popup .subheads {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

#divCanvas .bulk-room-allocation-popup .subhead1 label {
    font-size: 14px !important;
    color: #505050 !important;
}

#divCanvas .bulk-room-allocation-popup .subhead1 .controls span {
    font-size: 16px !important;
    color: #000000 !important;
    font-weight: 600;
}

#divCanvas .bulk-room-allocation-popup .subhead1 .form-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
}

#divCanvas .add-academic-year h6 {
    border-bottom: unset !important;
}

.add-academic-year .col-lg-12 .form-group {
    display: block;
}

.add-academic-year .col-lg-12 .form-group label {
    padding-bottom: 5px;
}

#divCanvas .add-academic-year .col-lg-4 .form-group .checker {
    margin-top: unset !important;
}

.add-academic-year .Light_Button,
.add-academic-year .Dark_Button {
    min-width: 120px;
}

.add-academic-year .panel .panel-footer {
    display: flex;
    border-radius: 0px 0px 12px 12px;
    background: transparent;
    padding: 5px 0px 0px !important;
    justify-content: center;
    gap: 20px;
}

.resubmit_btn_icn {
    background-image: url(../images/AU_ICons/resubmit_icn.png);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}

.space-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 100%;
    width: 100%;
    flex-direction: row;
}

#divCanvas .space-between .form-group {
    margin-bottom: 0px !important;
}

#divCanvas .space-between .form-group a {
    height: 30px !important;
    border-radius: 8px;
    color: #fff;
    font-weight: 600 !important;
    font-size: 12px;
    background: #892890;
}

.flex-heading>div:nth-child(1) {
    width: 100%;
    min-width: 100%;
}

.flex-heading .left-pane {
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-width: 100%;
}

#divCanvas .hide-upload .input-group-btn a[title="Upload"] {
    display: none !important;
}

#divCanvas .hide-download .input-group-btn a[title="Download"] {
    display: none !important;
}

#divCanvas .hide-view .input-group-btn a[title="View"] {
    display: none !important;
}

#divCanvas .hide-close .input-group-btn a[title="Delete"] {
    display: none !important;
}

#divCanvas .show-upload .input-group-btn a[title="Upload"] {
    display: block !important;
}

#divCanvas .show-download .input-group-btn a[title="Download"] {
    display: block !important;
}

#divCanvas .show-view .input-group-btn a[title="View"] {
    display: block !important;
}

#divCanvas .show-close .input-group-btn a[title="Delete"] {
    display: block !important;
}

.rupees .gre-panel table thead tr th:nth-child(7)::before {
    content: '?';
    position: absolute;
    right: 5px;
    font-size: 16px;
    display: block !important;
    color: #bcc7dc;
}

.rupees .gre-panel table thead tr th:nth-child(7):after {
    display: none;
}

.rupees .bright-yellow-col {
    background-image: url(../images/AU_ICons/rupee-dark.png);
    background-size: 42px;
    background-repeat: no-repeat;
    background-position: 10px center;
    min-height: 80px !important;
    padding-left: 60px !important;
}

.rupees .bright-blue-col {
    background-image: url(../images/AU_ICons/rupee-dark.png);
    background-size: 42px;
    background-repeat: no-repeat;
    background-position: 10px center;
    min-height: 80px !important;
    padding-left: 60px !important;
}

/*academics-img*/
span.academics-img {
    background-image: url(../images/AU_ICons/academics.png);
}

/*academics-img*/

.indent_item_creation .main-radio-pan .panel-body {
    min-height: 90px !important;
    padding-bottom: 20px !important;
}

.apar_application ul.nav li:first-child>a {
    border: 0px;
    background-image: url("../images/Process_images/appraisal.svg");
    background-position: 16px 12px;
    background-repeat: no-repeat;
    padding-left: 54px;
    padding-right: 20px;
    border-radius: 10px !important;
    color: rgba(0, 0, 0, 0.5) !important;
}

.apar_application ul.nav li:first-child.active>a {
    background: url("../images/Process_images/appraisal_white.svg") 16px 10px no-repeat rgb(137 40 144);
    box-shadow: rgb(137 40 144) 0px 4px 10px !important;
    border: 0px;
    padding-left: 54px;
    padding-right: 20px;
    border-radius: 10px !important;
    color: white !important;
}

.apar_application ul.nav li:last-child>a {
    border: 0px;
    background-image: url("../images/Process_images/self_appraisal.svg");
    background-position: 16px 10px;
    background-repeat: no-repeat;
    padding-left: 54px;
    padding-right: 20px;
    border-radius: 10px !important;
    color: rgba(0, 0, 0, 0.5) !important;
}

.apar_application ul.nav li:last-child.active>a {
    background: url("../images/Process_images/self_appraisal_white.svg") 16px 12px no-repeat rgb(137 40 144);
    box-shadow: rgb(137 40 144) 0px 4px 10px !important;
    border: 0px;
    padding-left: 54px;
    padding-right: 20px;
    border-radius: 10px !important;
    color: white !important;
}

.apar_report ul.nav li:first-child>a {
    border: 0px;
    background-image: url("../images/Process_images/report_icon.svg");
    background-position: 16px 12px;
    background-repeat: no-repeat;
    padding-left: 54px !important;
    padding-right: 20px;
    border-radius: 10px !important;
    color: rgba(0, 0, 0, 0.5) !important;
}

.apar_report ul.nav li:first-child.active>a {
    background: url(../images/Process_images/report_icon_white.svg) 16px 10px no-repeat rgb(137 40 144) !important;
    box-shadow: rgb(137 40 144) 0px 4px 10px !important;
    border: 0px !important;
    padding-left: 54px !important;
    padding-right: 20px !important;
    border-radius: 10px !important;
    color: white !important;
}

.apar_report ul.nav li:nth-child(2)>a {
    border: 0px;
    background-image: url("../images/Process_images/appraisal.svg");
    background-position: 16px 12px !important;
    background-repeat: no-repeat !important;
    padding-left: 54px !important;
    padding-right: 20px !important;
    border-radius: 10px !important;
    color: rgba(0, 0, 0, 0.5) !important;
}

.apar_report ul.nav li:nth-child(3)>a {
    border: 0px;
    background-image: url("../images/Process_images/appraisal.svg");
    background-position: 16px 12px !important;
    background-repeat: no-repeat !important;
    padding-left: 54px !important;
    padding-right: 20px !important;
    border-radius: 10px !important;
    color: rgba(0, 0, 0, 0.5) !important;
}

.apar_report ul.nav li:nth-child(3).active>a {
    background: url("../images/Process_images/appraisal_white.svg") 16px 10px no-repeat rgb(137 40 144) !important;
    box-shadow: rgb(137 40 144) 0px 4px 10px !important;
    border: 0px;
    padding-left: 54px !important;
    padding-right: 20px !important;
    border-radius: 10px !important;
    color: white !important;
}

.apar_report ul.nav li:nth-child(2).active>a {
    background: url("../images/Process_images/appraisal_white.svg") 16px 10px no-repeat rgb(137 40 144) !important;
    box-shadow: rgb(137 40 144) 0px 4px 10px !important;
    border: 0px;
    padding-left: 54px !important;
    padding-right: 20px !important;
    border-radius: 10px !important;
    color: white !important;
}

.apar_report ul.nav li:last-child>a {
    border: 0px;
    background-image: url("../images/Process_images/self_appraisal.svg");
    background-position: 16px 10px !important;
    background-repeat: no-repeat;
    padding-left: 54px !important;
    padding-right: 20px !important;
    border-radius: 10px !important;
    color: rgba(0, 0, 0, 0.5) !important;
}

.apar_report ul.nav li:last-child.active>a {
    background: url("../images/Process_images/self_appraisal_white.svg") 16px 12px no-repeat rgb(137 40 144);
    box-shadow: rgb(137 40 144) 0px 4px 10px !important;
    border: 0px;
    padding-left: 54px;
    padding-right: 20px;
    border-radius: 10px !important;
    color: white !important;
}

.custom_tab_02 {
    position: relative;
}

.custom_tab_02 ul.nav {
    background: transparent;
    border: 0px !important;
    margin: 0px !important;
}

.custom_tab_02 ul.nav li {
    margin: 0px 20px 10px 0px !important;
}

.custom_tab_02 ul.nav li>a {
    background: rgb(221, 226, 241);
    border-radius: 10px !important;
    color: rgba(0, 0, 0, 0.5) !important;
    border: 0px !important;
}

.custom_tab_02 ul.nav li>a span {
    font-size: 16px;
}

.custom_tab_02 ul.nav li>a:hover {
    background-color: rgb(255, 255, 255) !important;
    border-radius: 10px !important;
    border: 0px !important;
}

.custom_tab_02 ul.nav li.active>a {
    box-shadow: rgb(137 40 144) 0px 4px 10px;
    background-color: rgb(137 40 144) !important;
    border-radius: 10px !important;
    color: rgb(255, 255, 255) !important;
    border: 0px !important;
}

.custom_tab_02 ul.nav li.active>a:hover {
    background-color: rgb(113 21 119) !important;
    border-radius: 10px !important;
    color: rgb(255, 255, 255) !important;
    border: 0px !important;
}

.White_Information {
    border-radius: 14px;
    background: rgb(255, 255, 255);
    box-shadow: rgb(113 21 119) 0px 0px 3px 0px;
    padding: 10px 20px;
    margin: 5px 10px;
}

.White_Information div h6 {
    color: rgb(113 21 119);
    font-size: 18px;
    line-height: normal;
    background-image: url("../images/AU_ICons/Fav_IITH_Logo.svg");
    padding-left: 30px;
    background-size: 26px;
    background-repeat: no-repeat;
    min-height: 30px;
    display: flex;
    align-items: center;
    background-position: 0px 6px;
    font-style: normal !important;
    font-weight: 600 !important;
    margin-bottom: 5px !important;
}

.White_Information div {
    color: rgb(113 21 119 / 79%);
    font-size: 16px;
    line-height: normal;
    font-style: normal !important;
    font-weight: 500 !important;
}

#divCanvas .postion_grid .datatable-footer {
    position: relative !important;
    min-height: 80px;
}

.postion_grid .datatable-footer .grid_page_left {
    margin-top: 15px !important;
}

.postion_value {
    position: absolute;
    top: 353px;
    right: 20px;
}

.fac-lan-1col {
    background-color: #892890 !important;
    padding: 20px 0 100px !important;
    background-image: url(../images/AU_ICons/facultyheadbg.png);
    background-size: cover;
}

#divCanvas .BG_Color_Row .New_Primary_Panel .panel-body .flex-end .Duration_01 .form-group .controls span {
    background: #0039750a;
    padding: 3px 20px !important;
    color: #003975cc !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: 1px solid #00397545;
    border-radius: 6px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content !important;
}

.nav-tabs>li>a {
    display: block;
    text-align: center;
    font-weight: 500 !important;
    border-bottom-width: 2px !important;
    min-width: 120px !important;
    font-size: 16px;
    opacity: 0.75;
    color: black !important;
}

#divCanvas .pidoc_grid table .input-group-btn a:nth-child(2) {
    display: none !important;
}

.modal {
    background-color: #000000b8;
}

#divCanvas .activity_grid table tbody td span:nth-child(2) {
    min-height: 50px;
    display: inline-block;
    line-height: 1.6;
}

#divCanvas .activity_grid table tbody td span:nth-child(2):hover {
    overflow: auto !important;
}

.bigger_lbl label {
    font-size: 17px !important;
}

.Process_Panel .panel-body .IITDH_Checkbox .form-group label {
    padding: 0 !important;
    position: inherit !important;
}