header{background-color:#fff}.headerContainer{background-color:#fff;margin:10px 2px;display:flex;justify-content:center;text-align:center}.topcontainer{justify-content:center;text-align:center}.dbatuLogo{width:100px;margin-right:5px}.navbar{background-color:#003c78}.navbar .navbar-brand,.navbar .navbar-brand:hover{color:#fff}.navbar-nav.navBtn{color:#fff;font-weight:500;margin:2px 5px;border-radius:5px;text-decoration:none}.navBtn:hover{color:red;text-decoration:underline}.navBtn:focus{text-decoration:underline}.userImg{background-color:#fff;padding:3px;border-radius:50%;height:20px;margin-top:9%;margin-right:20px}.userImgFlex{display:flex}.footerContainer,#footerContainer{background-color:#003c78}.container{text-align:center;justify-content:center}.footerLinks{text-decoration:none;color:#fff}.footerLinks:hover{text-decoration:underline;color:#9b7cf0}.copyRight{color:#fff}.container{background-color:#fff}.row{justify-content:center;padding:3px;margin:10px}.col1{border-radius:10px;margin:10px;background-color:#fff;border:2px solid #003C78}.col2{border-radius:10px;margin:10px;background-color:#dcd1fa}.col3{border-radius:10px;margin:10px;background-color:#fff;border:2px solid #003C78}.department-link{text-decoration:none}.department-card{background-color:#fff;padding:4px;border-radius:.5rem;box-shadow:0 .125rem .25rem #00000013;margin:10px;transition:background-color .3s ease;border:2px solid #003C78}.department-card p{color:#007bff;font-weight:700;text-align:center}.department-card:hover{color:#fff;background-color:#003c78;box-shadow:0 .125rem .25rem #000}.custom-image{margin-top:14px;width:100%;height:300px;border-radius:.25rem}.custom-title{font-size:1.875rem;font-weight:700;color:#374151}.custom-text{color:#374151}.custom-subtitle{font-size:1.25rem;font-weight:700}.btn-primary{width:300px;margin-bottom:10px;background-color:#003c78;border-radius:10px;border:2px solid #000000}.btn-primary:hover{background-color:#dcd1fa;color:#003c78;border:2px solid #003c78}.custom-section{border-radius:.5rem;padding:2rem;overflow:hidden}.custom-title{font-size:2rem;font-weight:700;color:#374151;text-align:center;margin-top:20px}.job-list-container{height:500px;overflow:hidden;position:relative}.custom-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.custom-link{color:#003c78;font-weight:600;font-size:1.2rem;text-decoration:none}.custom-link:hover{color:#9578e6;text-decoration:underline}body{font-family:sans-serif;margin:0;padding:0;background-color:#f0f0f0}.timeline-container{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-left:10%;padding:2rem 0;position:relative}.timeline-item{flex:1;position:relative;margin-bottom:2rem;margin-top:1rem}.timeline-item:after{content:"";display:block;width:285px;height:10px;background-color:#0074d9;position:absolute;left:25%;transform:translate(-50%);top:58%;transform:translateY(-50%);z-index:1}.timeline-item:last-child:after{display:none}.timeline-item-content{display:flex;flex-direction:column;align-items:center;background-color:#73f76c;width:6em;height:6em;border-radius:50%;cursor:pointer}.timeline-item-content.clicked{background-color:orange;transition:background-color .3s ease}.timeline-item-content img{width:50%;height:50%;border-radius:50%;margin-bottom:1rem;margin-top:1.5rem}.timeline-item-header h3{font-size:1.2em;font-weight:700;margin:0;align-items:center;justify-content:center}@media screen and (max-width: 768px){.timeline-container{display:grid;gap:-5%;align-items:center;height:auto;width:300px}.timeline-item{margin-left:0;width:1000px;height:40px;margin-top:0}.timeline-item:after{display:none}.timeline-item-header{margin-top:2%;margin-right:3%}.time-lineitem-flex{display:flex;margin-top:-3%}.timeline-item-content{width:60px;height:60px}#p4{margin-right:60px}#p3{margin-right:85px}#p2{margin-right:30px}#p1{margin-right:40px}}.educationalDetailForm{text-align:center;justify-content:center;margin:20px 15px;border-radius:15px}@media screen and (min-width: 900px){.educationalDetailForm{margin:20px 200px}}.thesisInputs{min-width:350px}.passingYearMonthDiv{display:flex}.passingYNM{width:25%;margin-right:25px}.inlineRow{display:flex}.inlineCol{margin-right:50px}.nextBtn:hover{background-color:#fff}.experienceDetailForm{text-align:center;justify-content:center;margin:20px 15px;border-radius:15px}@media screen and (min-width: 900px){.experienceDetailForm{margin:20px 200px}}.form{padding:2% 3%;text-align:center}.row{text-align:left}.FTDateDiv{display:flex}.FTDate{width:25%;margin-right:25px}.From{margin:5px 0;border:1px solid black;border-radius:5px}.saveBtnDiv{text-align:center;justify-content:center}.AchievementForm{text-align:center;justify-content:center;margin:20px 15px;border-radius:15px;border:1px solid black}@media screen and (min-width: 900px){.AchievementForm{margin:20px 200px}}.form-label{font-size:1.2rem;font-weight:700}.formComponents{padding:2% 3%;text-align:left}#tabName{display:inline-block;padding:0% 5%;border:1px solid black;border-radius:10px;background-color:#f7f4ff;font-weight:1000}.form-group{justify-content:right;padding:15px}.addBtn{background-color:#58c252}.projectHeading{text-align:center}.projectHeading h2{font-weight:700}.saveBtn{background-color:#003c78;color:#fff;font-weight:600}.saveBtn:hover{background-color:#fff;color:#003c78;border:2px solid #003c78}.register-container{width:350px;min-height:400px;margin:auto;padding:20px;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:10px;background-color:#f9f9f9;box-shadow:0 0 10px #0000001a}.register-container h2{text-align:center}.register-container form{display:flex;flex-direction:column}.register-container form div{margin-bottom:15px}.register-container form label{margin-bottom:5px}.register-container form input{padding:10px;border:1px solid #ccc;border-radius:5px;width:100%}.register-container form button{padding:10px;background-color:#003c78;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-bottom:20px}.register-container form button:hover{background-color:#012b55}.register-container p{text-align:center;color:red}.register-container p .LoginLink{text-decoration:none;color:#003c78}.register-container p .LoginLink:hover{text-decoration:underline}.mainBody{padding:9% 20%}.login-container{width:350px;min-height:400px;margin:auto;padding:20px;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:10px;background-color:#f9f9f9;box-shadow:0 0 10px #0000001a}.login-container h2{text-align:center}.login-container form{display:flex;flex-direction:column}.login-container form div{margin-bottom:15px}.login-container form label{margin-bottom:5px}.login-container form input{padding:10px;border:1px solid #ccc;border-radius:5px;width:100%}.login-container form button{padding:10px;background-color:#003c78;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-bottom:20px}.login-container form button:hover{background-color:#012b55}.login-container p{text-align:center;color:red}.login-container p .SignUpLink{text-decoration:none;color:#003c78}.login-container p .SignUpLink:hover{text-decoration:underline}.mainDiv{text-align:center;padding:3% 4%;font-size:14px}.PDFheaderContainer{padding:5px;margin:10px 2px;display:flex;justify-content:center;text-align:center;border-bottom:2px solid black}.topcontainerPDF{justify-content:center;text-align:center;margin-left:100px}.dbatuLogoPDF{width:120px}.Title{display:inline-block;justify-content:center;text-align:center;margin-top:5px}.Title p{margin-bottom:2px}@media screen and (max-width: 600px){.headerContainer{display:block}}.clgName{font-size:1.3rem;font-style:bold;font-weight:1000}.clgSiteTitle{font-size:1.3rem;font-size:bold;font-weight:600}#photo{font-size:1.3rem;justify-content:right}#Photo p{font-size:1rem}.headerRow{border:2px solid black;max-height:200px}.photosection{max-width:150px;min-height:100%;text-align:center;justify-content:center;border:2px solid black}#letterFormat{text-align:left;padding:0 15px}#letterFormat p{font-size:1rem}.SubjectFormat{margin-left:100px}.headings{justify-content:center;background-color:#ada5a5;margin-bottom:25px;width:100%}.horizontal-table{width:80%;border-collapse:collapse;margin:20px}.horizontal-table th,.horizontal-table td{border:1px solid #ddd;padding:8px 2px}.horizontal-table th{background-color:#f2f2f2;text-align:left;width:250px;border:1px solid #333232}.horizontal-table td{text-align:left;padding-left:15px;border:1px solid #333232}.data-table{width:80%;margin:20px;border-collapse:collapse;font-size:1rem;text-align:left}thead{font-weight:700}th,tbody,td{padding:3px 15px;border:1px solid #333232}#Details{display:flex;flex-direction:column;align-items:center}.btncontainer{justify-content:center;text-align:center;padding:15px 0}#declaration{padding:0 15px;text-align:left}#declaration p{font-size:1rem}#declaration .signatureText{text-align:right}