body {background-color: #f5f2c4; padding:0px;margin:0px;font-family:'Roboto',sans-serif;position:relative;}
#ISC-details h1{color: #00004C; font-weight: bolder; font-size: 2.2em;}
.event-details-div h1, .important-dates-section h1, .prize-div h1, .selfie-section h1, .sponsors-section h1, .registration-fee-section h1, .important-information-section h1, .helpline-section h1{color: #00004C; font-weight: bolder; font-size: 2.2em;}

.error{font-weight: bolder; color: red;}
.navbar{ background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 5px 30px;  border-bottom: 1px solid #fff; }
.navbar-brand {color: #ffffff;font-size:1.6rem; font-weight: bolder;}
.navbar-brand:hover{color: #fff; }
.navbar-brand img{height: 80px;}
.nav-link {color: #ffffff;}

.nav-link:hover{color:#fff; font-weight: bolder;border-radius: 5px;}
.dropdown{color: #ffffff;}
.dropdown-item:hover{color:#fff; background-color: #e41f05;font-weight: bolder;}
.dropdown .dropdown-menu .dropdown-item:hover{color:#fff;font-weight: bolder; background-color: #e41f05;}
.notice-board-section{background:url("../images/menu-bg.jpg") repeat;padding: 20px 10px; }
.notice-header{border-radius: 5px;}
.notice-board-section .card{margin: 5px;}


/*carnival page*/
.event-title{margin-left: 25px;}
.card-group { display: -webkit-flex; display: flex; flex-wrap: wrap; }
.card {flex: 2; border: 1px solid lightgrey;
  display: flex;           /* new */
  flex-direction: column;  /* new */
}
.prize-card{margin-top: 10px;margin-bottom:10px;padding: 7px;}
.prize-card h2{text-rendering: optimizeSpeed;font-family: Aerial}
.prize-card-header-background{background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);}
.first-prize-background{background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);}

.second-prize-background{background-image: linear-gradient(to right, #a8ff78 0%, #78ffd6 100%);}
.third-prize-background{background-image: linear-gradient(to right, #ef3b36 0%, #ffffff 100%);}
.prize-card-header-background-2{background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 80%);}
.selfie-hyperlink-div{margin-top: 40px;}
.hash-tag-text{padding: 20px;border-radius: 5px;}
.hash-tag-text p{margin: 0px;}
.social-share-div{margin-top: 20px; margin-bottom: 20px;text-align: center;}
.social-share-div img{height: 60px; max-width: 80%; }





.page-content{background-color: white; margin: 20px 5px; padding: 20px;border-radius: 5px;}
.page-content-header{text-align: center;color:#ffffff; background-color: #B20000}
.page-content-header img{max-height: 500px;}
.page-content-header .message-desk-name-designation p{text-align: center;}
.message-desk-dignatory-div img{height: 100%, vertical-align:middle; border: solid 5px #fff;border-radius: 50%; -webkit-transition: -webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;}
table.dataTable thead tr {
  background-color: #3E8F3E;
  color: #ffffff;
}
.table-bordered td, .table-bordered th{border:solid 1px black;}
.btn{white-space:normal !important; word-wrap: break-word;}
.mandatory{color: red;font-weight: bolder;}
.student-image{height: 30px;align:center;}
.body-card{margin: 15px;}
th {
    white-space: nowrap;
}
/*download page */
.download-div{max-width: 500px; margin: 0 auto;}
/* examination page */
#preview img { max-height: 100px; }
.apply-btn-div{margin: 0 auto;max-width: 500px;}
.social-share-div{margin-top: 20px; margin-bottom: 20px;text-align: center;}
.social-share-div img{height: 60px; max-width: 80%; }
/* Team Members*/
.techDetCont{overflow:auto;border-radius: 2px;}
.techImgCont{float:left;width:148px;}
.techImgCont img{width:80%; }
#team-members .card{ text-align: left;box-shadow: 0 0 1px #000;margin-bottom: 20px;}
/*login form */
.login-form-div{width:550px; margin: 0 auto;}
.login-card{margin: 20px;}
.login-form-img-container{display: block; text-align: center;}
.login-form-img-container img{border-radius:50%; height: 120px; width:120px;}

/*registration success page */
.application-frm-header{display: block;position: relative;max-width: 80%; margin: 0 auto;color: black;}
.registration-success-msg-div{margin: 20px auto;}
.application-frm-div{width: 97%; border: solid 1px black;table-layout: fixed; color: black;margin: 15px;margin: 10px;}
.application-frm-tbl{width: 100%; border: solid 1px black;table-layout: fixed; color: black;}
.application-frm-tbl tr, td{border:solid 1px black;}
.application-frm-tbl td{padding: 5px; height: 30px;}
.application-frm-title-text{float: left;width:70%;}


/* view submitted form */
.student-application-form-header{border-bottom: solid 2px black; padding-bottom: 20px; margin-bottom: 20px;}
.student-application-form-header .header-content p{margin: 0px}
.student-application-form-header h3{font-weight: bolder;}
.student-application-form-header img{width:50%; margin: 10px;}



/*Admit card*/
.admit-card-header{display: block;position: relative;max-width: 80%; margin: 0 auto;color: black;}
.logo{float: left;width:15%;}
.admit-card-title-text{float: left;width:70%;}
.right-logo{float: right;width:15%;}
.admit-card-tbl{width: 100%; border: solid 1px black;table-layout: fixed; color: black;}
.admit-card-tbl tr, td{border:solid 1px black;}
.admit-card-tbl td{padding: 5px; height: 50px;}
.admit-card-tbl img{max-width: 135px; max-height:  170px;}
.admit-card-tbl-div{max-width: 80%; margin: 30px auto}
.input-form-div{max-width: 500px;margin: 0 auto;}
.note-div p{color:black;}
.important-instructions-div p, ul li{color: black; text-align: justify;}
/*Registration form */
.registration-form-div{width: 70%;margin: 0 auto;}
.registration-card{margin: 10px;}

/*reset password form */
.password-reset-form-div{width: 70%;margin: 0 auto;}
.password-reset-card{margin: 20px;}
/*video gallery */
.page-content .video{padding: 16px;}
/* contact us page */



/* footer css */
.footer-bg{background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);}


.quickLink ul li a{color: #fff;}
.quickLink ul li a:hover{font-weight: bolder;}
.fa {padding: 10px;  font-size: 20px; width: 40px; text-align: center;  text-decoration: none;  margin: 5px 2px;  border-radius: 50%;}
.fa:hover {opacity: 0.7;text-decoration: none;  }
.fa-facebook {background: #3B5998; color: white;}
.fa-twitter {background: #55ACEE; color: white;}
.fa-linkedin { background: #007bb5; color: white; }
.fa-youtube { background: #bb0000; color: white; }
.copyRightAndDeveloper{background-color: #0d2235;margin: 0px;}
.copyRightAndDeveloper p{padding-top: 15px;}
.copyRightAndDeveloper a{color: #fff;}
@media (min-width: 768px) and (max-width: 1112px) {
  .navbar{padding: 5px 15px;}
  .navbar-nav .nav-link{padding-left: 5px;}
  .navbar-brand img{height: 70px;}
  .logo img{max-width: 42px;}
  .login-card{margin: 5px;}
  .right-logo img{max-width: 43px;}
  .admit-card-tbl img{max-width: 100px; max-height:  100px;}
  .login-form-div, .registration-form-div{width:98%; margin: 0 auto;}
  .quickLink ul li{text-align: center;}
  .quickLink ul, .social-media-div{text-align: center;}
}
@media (max-width: 767px) {
  .navbar{padding: 5px 15px;}
  .navbar-nav .nav-link{padding-left: 5px;}
  .navbar-brand img{height: 70px;}
  .login-card{margin: 5px;}
  .logo img{max-width: 42px;}
  .right-logo img{max-width: 43px;}
  .admit-card-tbl img{max-width: 100px; max-height:  100px;}
  .login-form-div, .registration-form-div{width:99%; margin: 0 auto;}
  .quickLink ul li{text-align: center;}
  .quickLink ul, .social-media-div{text-align: center;}
}

@media (max-width: 410px) {
  .navbar{padding: 5px 10px;}
  .navbar-nav .nav-link{padding-left: 5px;}
  .navbar-brand img{height: 70px;}
  .login-card{margin: 5px;}
  .logo img{max-width: 42px;}
  .right-logo img{max-width: 43px;}
  .admit-card-tbl img{max-width: 100px; max-height:  100px;}
  .login-form-div, .registration-form-div{width:99%; margin: 0 auto;}
  .quickLink ul li{text-align: center;}
  .quickLink ul, .social-media-div{text-align: center;}
}
@media (max-width: 333px) {
  .navbar{padding: 2px 8px;}
  .navbar-nav .nav-link{padding-left: 5px;}
  .navbar-brand img{height: 60px;}
  .login-card{margin: 5px;}
  .logo img{max-width: 42px;}
  .right-logo img{max-width: 43px;}
  .admit-card-tbl img{max-width: 100px; max-height:  100px;}
  .login-form-div, .registration-form-div{width:99%; margin: 0 auto;}
  .quickLink ul li{text-align: center;}
  .quickLink ul, .social-media-div{text-align: center;}
}
#Print-div{
  color:black;
}
#Print-div .table-bordered td, .table-bordered th{
  border:solid 1px black;
}
@media print {
  body * {
    visibility: hidden;

  }
  .row{display: flex}
  #section-to-print, #Print-div * {
    visibility: visible;
  }
  #section-to-print {
    position: absolute;
    left: 0;
    top: 0;
  }
  .logo img {
        max-height: none !important;
        height: 60% !important;
        max-width: none !important;
        width: 100% !important;
}
.right-logo img {
      max-height: none !important;
      height: 100% !important;
      max-width: none !important;
      width: 100% !important;
}

}