body {
   margin: 0px;
   padding: 0px;
   background-color: #def2f1;
}

/* 
.row-content{
   text-align: center;
} */

.dropdown-menu {
   background-color: #def2f1;
}

.fa-caret-down{
   color: #2b7a78 !important;
   outline: none !important;
}


.dropdown-item {
   color:#def2f1 ;
}

.dropdown-item:hover {
   background-color: #2b7a78;
}

table.table-bordered{
   border:1px solid #2b7a78;
 }
table.table-bordered > thead > tr > th{
   border:1px solid #2b7a78;
}
table.table-bordered > tbody > tr > td{
   border:1px solid #2b7a78;
}

body.dark table.table-bordered{
   border:1px solid white;
 }
 body.dark table.table-bordered > thead > tr > th{
   border:1px solid white;
}
body.dark table.table-bordered > tbody > tr > td{
   border:1px solid white;
}




body .dropdown-menu {
   background-color: #00212b;
}

body.dark .dropdown-item:hover {
   background-color: blue;
}

a, td, p, h6, th, h5 {
   color: #2b7a78;
   font-size: medium;
}

.panel-heading {
   padding-left: 15px;
}

/* .panel-heading :hover {
   color: darkslategray;
} */

#profile {
   border-radius: 50%;
}

.panel-body {
   padding-left: 10px;
}

.navbar {
   background-color: #17252A;
}

.nav-link, .navbar-brand {
   color: #3aafa9 !important;
}

.detail-container {
   background-color: #fdf6e3;
}

.card {
   background-color: #def2f1;
}

/* ---------------------mode-------------------- */

* {
   box-sizing: border-box;
}

body.dark {
   background-color: #002b36;
}

body.dark h3 {
   background-color: #00212b;
   color: #6fbbf9;
}

body.dark a, body.dark th, body.dark td {
   color: #def2f1 !important;
}

body.dark .navbar {
   background-color: #00212b;
}

body.dark .nav-dk-mode {
   color: teal !important;
}

body.dark .detail-container {
   background-color: #002b36;
   color: #def2f1;
}

body.dark .panel-heading :hover {
   color: white;
}

body.dark .card-body, body.dark .card-header {
   background-color: #00212b;
   color: skyblue;
}

body.dark .collapse-btn {
   color: skyblue;
}

body.dark .site-footer {
   background-color: #00212b;
}

body.dark p, body.dark .site-footer {
   color: #def2f1;
}

body.dark h5 {
   color: skyblue;
}

body.dark .card {
   background-color: #00212b;
}

body.dark .additional-teach {
   color: skyblue;
}

body.dark .conference {
   color: skyblue;
}

#checkbox {
   opacity: 0;
   position: relative;
}

.label {
   background-color: black;
   display: flex;
   height: 26px;
   width: 50px;
   border-radius: 50px;
   align-items: center;
   justify-content: space-between;
   padding: 5px;
   position: relative;
   transform: scale(1);
}

.fa-moon-o {
   color: #f1c40f;
}

.fa-sun-o {
   color: orangered;
}

.ball {
   position: absolute;
   width: 22px;
   height: 22px;
   background-color: white;
   border-radius: 50%;
   top: 2px;
   left: 2px;
   transition: 0.2s linear;
}

#checkbox:checked+.label .ball {
   transform: translateX(24px);
}

div.gfg {
   width: 100%;
   overflow: auto;
   text-align: justify;
   margin-top: 40px;
}

.blog {
   width: 50%;
   float: left;
   overflow: auto;
   text-align: justify;
   height: 200px;
   margin: 10px auto;
}

@media (max-width:600px) {
   .blog {
      height: 100px;
      margin: 5px auto;
   }
   .teaching{
      display: none;
   }
   #div2{
      height:1000px !important;
   }
   .journal-form , .training-form{
      height:690px !important;
   }
   .scopus {
      height: 100px !important;
      margin: 5px auto;
   }
   .ypimg {
      display: flex;
      justify-content: center;
      margin-top: 10px;
      
   }
   #profile-card{
      border-radius: 0px !important;
   }
  
   .personalinfo {
    text-align: center;
      
   }
}

.scopus {
   width: 50%;
   float: left;
   overflow: auto;
   height: 250px;
   text-align: justify;
}

.site-footer {
   background-color: #17252A;
   padding: 45px 0 20px;
   font-size: 15px;
   line-height: 24px;
   color: #737373;
}

.site-footer hr {
   border-top-color: #bbb;
   opacity: 0.5
}

.site-footer hr.small {
   margin: 20px 0
}

.site-footer h6 {
   color: #2b7a78;
   font-size: 16px;
   text-transform: uppercase;
   margin-top: 5px;
   letter-spacing: 2px
}

.site-footer a {
   color: #737373;
}

.site-footer a:hover {
   color: blue;
   text-decoration: none;
}

.footer-links {
   padding-left: 0;
   list-style: none
}

.footer-links li {
   display: block
}

.footer-links a {
   color: #737373
}

.footer-links a:active, .footer-links a:focus, .footer-links a:hover {
   color: #3366cc;
   text-decoration: none;
}

.footer-links.inline li {
   display: inline-block
}

.site-footer .social-icons {
   text-align: right
}

.site-footer .social-icons a {
   width: 40px;
   height: 40px;
   line-height: 40px;
   margin-left: 6px;
   margin-right: 0;
   border-radius: 100%;
   background-color: #33353d
}

.copyright-text {
   margin: 0
}

@media (max-width:991px) {
   .site-footer [class^=col-] {
      margin-bottom: 30px
   }
   .training-form , .journal-form{
      height: 710px !important;
   }
}

@media (max-width:767px) {
   .site-footer {
      padding-bottom: 0
   }
   .training-form , .journal-form{
      height: 710px !important;
   }
   .site-footer .copyright-text, .site-footer .social-icons {
      text-align: center
   }
}

.social-icons {
   padding-left: 0;
   margin-bottom: 0;
   list-style: none
}

.social-icons li {
   display: inline-block;
   margin-bottom: 4px
}

.social-icons li.title {
   margin-right: 15px;
   text-transform: uppercase;
   color: #96a2b2;
   font-weight: 700;
   font-size: 13px
}

.social-icons a {
   background-color: #eceeef;
   color: #818a91;
   font-size: 16px;
   display: inline-block;
   line-height: 44px;
   width: 44px;
   height: 44px;
   text-align: center;
   margin-right: 8px;
   border-radius: 100%;
   -webkit-transition: all .2s linear;
   -o-transition: all .2s linear;
   transition: all .2s linear
}

.social-icons a:active, .social-icons a:focus, .social-icons a:hover {
   color: #fff;
   background-color: #29aafe
}

.social-icons.size-sm a {
   line-height: 34px;
   height: 34px;
   width: 34px;
   font-size: 14px
}

.social-icons a.facebook:hover {
   background-color: #3b5998
}

.social-icons a.twitter:hover {
   background-color: #00aced
}

.social-icons a.linkedin:hover {
   background-color: #007bb6
}

.social-icons a.dribbble:hover {
   background-color: #f51212
}

@media (max-width:767px) {
   .social-icons li.title {
      display: block;
      margin-right: 0;
      font-weight: 600
   }
}

.fa-house-user, .fa-phone, .fa-envelope {
   color: white;
}

/* footer */

.youtube {
   background: linear-gradient( lightgray, white);
}

.smart-scroll {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   z-index: 1030;
}

.scrolled-down {
   transform: translateY(-100%);
   transition: all 0.3s ease-in-out;
}

.scrolled-up {
   transform: translateY(0);
   transition: all 0.3s ease-in-out;
}

/* ------------------form.php--------------------- */

#div1 {
   width: 100px !important;
   height: 900px !important;
   background-color: white !important;

}

#div2 {
   width: 100px !important;
   height: 900px !important;
   background-color: #5fb0ee !important;
   margin: auto;
   position: relative;
}

.main-container {
   margin-top: 7px;
}

.smart-scroll {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   z-index: 1030;
}

.scrolled-down {
   transform: translateY(-100%);
   transition: all 0.3s ease-in-out;
}

.scrolled-up {
   transform: translateY(0);
   transition: all 0.3s ease-in-out;
}

#items {
   margin: 30px auto;
}

.conference-form,
.journal-form,
.interaction-form,
.training-form,
.activity-form,
.nptel-form,
.fdps-form,
.membership-form,
.subject-form,
.award-form,
.pg-form,
.ug-form
{
   margin:10px auto;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   border-radius: 5px;
   height: 800px;
   background-color: #def2f1 !important;
   display: none;

}

.button-item {
   background-color: #00212b !important;
   color: skyblue;
   width: 100%;
   text-align: center;
   margin: 18px auto;
}