.nav-tabs>li>a{
    font-size:14px;
    font-weight:bold;
}
marquee>ul{
     list-style-type: none;
    font-size: 18px;
    color: black;
 }
 marquee>ul>li{
    box-shadow: -1px 1px 15px 2px inset #ddd;
    padding:5px;
 }
  marquee>ul>li>a:hover,marquee>ul>li>a{
      text-decoration: none;
      cursor:pointer;
  }
  marquee>ul>li>a>p{
     text-align:justify;color:#00f;
  }
 
 .transition {-webkit-transition: -webkit-transform 800ms; -moz-transition: -moz-transform 800ms;-o-transition: -o-transform 800ms; -ms-transition: -ms-transform 800ms;transition: transform 800ms;-webkit-transform: scale(1.01);-moz-transform: scale(1.01); -o-transform: scale(1.01);-ms-transform: scale(1.01);transform: scale(1.01);-webkit-transition: all .3s ease;
}
.ajax-loader {
  visibility: hidden;background-color: rgba(255,255,255,0.7);position: absolute;z-index: +100 !important;width: 100%; height:100%;}

.ajax-loader img {position: relative;top:50%; left:50%;}
	

	.transition {
    -webkit-transition: -webkit-transform 800ms;
    -moz-transition: -moz-transform 800ms;
    -o-transition: -o-transform 800ms;
    -ms-transition: -ms-transform 800ms;
    transition: transform 800ms;
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
	-webkit-transition: all .3s ease;
}

 .ajax-loader {
  visibility: hidden;
  background-color: rgba(255,255,255,0.7);
  position: absolute;
  z-index: +100 !important;
  width: 100%;
  height:100%;
}

.ajax-loader img {
  position: relative;
  top:50%;
  left:50%;
}
.heading{margin-top:-25px !important;padding:0;}
.heading-bg{background-image: url(images/site_images/background/subpage-header.jpg);
    height: 70px;
    padding: 0px;
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;}
.heading_content{line-height: 70px;
    font-size: 26px;
    color: #FFF;
    font-family: "roboto", sans-serif;
    width: 100%;
    max-width: 1180px;
    padding: 0px;}
.card-body>p{margin-top:0px;padding:0px;}

	.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(33%, 0, 0);
     transform: translate3d(33%, 0, 0);
 }
 .carousel-inner > .item.prev,
 .carousel-inner > .item.active.left {
      left: 0;
      -webkit-transform: translate3d(-33%, 0, 0);
      transform: translate3d(-33%, 0, 0);
 }
    .carousel-control.left,.carousel-control.right {background-image:none;}


#login {
  -webkit-animation: blining_color_login_btn 1s infinite;  /* Safari 4+ */
  -moz-animation: blining_color_login_btn 1s infinite;  /* Fx 5+ */
  -o-animation: blining_color_login_btn 1s infinite;  /* Opera 12+ */
  animation: blining_color_login_btn 1s infinite;  /* IE 10+, Fx 29+ */
  
   color: white;
       
        border-radius: 20px; /* Optional: for rounded corners */
        cursor: pointer; /* Optional: indicates a clickable element */
        transition: background-color 0.3s ease, transform 0.3s ease;
  
}


.college_automation_sysytem{display: flex;margin-top:20px;float:right;font-weight:bolder}


@-webkit-keyframes blining_color_login_btn{
  0%, 49% {
    background: #833AB4;
    background: linear-gradient(90deg,rgba(131, 58, 180, 1) 6%, rgba(253, 134, 29, 1) 57%, rgba(252, 176, 69, 1) 98%);
    
  }
  50%, 100% {
   
    background: #3F5EFB;
    background: radial-gradient(circle,rgba(63, 94, 251, 1) 0%, rgba(252, 70, 179, 1) 86%);
   
  }
}



#login:hover {
        background: yellow;
        background: linear-gradient(90deg,rgba(80, 180, 58, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);
        transform: scale(1.1); /* Scale the button slightly on hover */
    }



	
	
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate 3d(33%, 0, 0); transform: translate 3d(33%, 0, 0);}
	
.carousel-inner > .item.prev,.carousel-inner > .item.active.left {left: 0; -webkit-transform: translate3d(-33%, 0, 0); transform: translate3d(-33%, 0, 0);}
.carousel-control.left,.carousel-control.right {background-image:none;}
	
.container-fluid{width:100% !important;}
body{font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;}
.social-container{display:flex;}
.social-icon{margin:2px;font-size:24px}
.fa-facebook{color:#11428C;}.fa-facebook:hover{color:#000;}
.fa-twitter:hover{color:#000;}.fa-twitter{color:#2870EA ;}
.fa-telegram{color:#2870EA;}.fa-telegram:hover{color:#000;}
.fa-youtube{color:red;}.fa-youtube:hover{color:#000;}


@keyframes blinkingwa {
  5% { color: orange; }
  20% { color: blue; }
  50% { color: green; }
  100% { color:red; }
}
 .blikclass_social {
  font-size: 1.2em; font-weight: 200;
  animation: blinkingwa 1s infinite;
}



.logobar{margin-top:5px !important;}

#header{background-color:#fff;width:100%;}
#header-container>.container-fluid>.row>.col-md-3>.card>.alert{padding:2px;}
.logo{width:800px;}
.box-solid{border:1px solid green;display: flex}

#menucontainer,#menucontanerfluid{background-color:#814040;} /*#3ba714 */
.navbar-inverse {background-color: #111;}

 .menu-name{padding: 9px 10px;margin-right: 15px;margin-top: 8px;margin-bottom: 8px;display:none;color:#000;}
 .navbar-toggle{background-color:red;}
#menu{display:block;padding:0px;}
#menu > li{border-right: 0.25px solid #fff;padding:0px;}

#menu > li> a{text-shadow: 0 -1px 0 rgba(0,0,0,.25);font-size: 13px; color: #fff !important;font-weight: bold; transition: color .4s; transition-property: color; transition-duration: 0.4s; transition-timing-function: ease; transition-delay:0s;}
	
#menu> li > a:not(.login):hover{color:#fff !important; background-color:#00f;}
#menu  > li:not(.login_li):hover{color:#fff;background-color:#00f}

.menuactiove{color:#fff !important; background-color:#00f;}

#submenu{background-color:#814040;z-index:999;list-style-type:none;padding:0px;}
#submenu  > li{color:#fff;border-top:1px dotted #fff;width:200px;padding:10px 5px;}
#submenu  > li > a{font-size:13px;text-decoration:none;color:#fff;display:block;}
#submenu  > li:hover{color:#fff;background-color:#00f}
#submenu  > li > a:active{color:#fff;background-color:#00f}

#submenu {display:none;position:absolute;}
#menu :hover #submenu,#menu :focus #submenu {display:block;}


#submenu ul{background-color:#814040;z-index:999;list-style-type:none;position:absolute;margin-left:195.7px;margin-top:-31.561px;float:right;padding:0px;display:none;}
#submenu ul  > li{color:#fff;border-top:1px dotted #fff;width:200px;padding:10px 10px;}
#submenu  ul > li > a{font-size:13px;text-decoration:none;color:#fff;display:block;}
#submenu ul  > li:hover{color:#fff;background-color:#00f}
#submenu ul > li > a:active{color:#fff;background-color:#00f}

#submenu>li:hover  .submenu2{display:block;}


.dropdown-menu{margin-left:30px;background-color:#000;}
.dropdown-menu > a{color:red;font-size:18px;display:block;text-decoration:none;padding:5px;}
.dropdown-menu > a:hover{color:pink;background-color:blue;}

#togglemenucontainer{width:100%;background-color:#ddd;}


#myCarousel{border-top:1px solid #000;height:400px;border-radius:8px;}

.myCarousel_image{width:100%;height:400px !important;border-radius:8px;}
.login-heading{background: rgb(255,0,0);
background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,255,255,1) 100%);color:#fff !important;}
.important-doc{background: rgb(0,255,0);
background: linear-gradient(90deg, rgba(51, 122, 183, 1) 0%, rgba(255,255,255,1) 100%) !important;color:#fff !important}
.imp-heading{font-size:12px;font-weight:bold;font-style:italic;}
.imp-intruction{background: rgb(255,0,0);
background: linear-gradient(90deg, rgba(91, 192, 222, 1) 0%, rgba(255,255,255,1) 100%) !important;color:#fff !important;}

.important-link{background: rgb(255,0,0);
background: linear-gradient(90deg, rgba(91, 192, 222, 1) 0%, rgba(255,255,255,1) 100%) !important;color:#fff !important;}

.notice-container{height:350px}
.notice-content{width:100%;height:270;}
.notice-container-ul>li{list-style-type:none;}

#notice-board-1>.alert-info{background-color:#ee5;}

.profile-box-solid{}
.col-profile-main>.alert{padding:2px;border-radius:5px;}
.col-profile-container{display: flex;border:1px solid red;border-radius:5px;padding:2px;height:120px;}
.col-profile-container>a{text-decoration:none;}

.about-container{margin-right:20px;}
.about-heading{color:#c12;text-decoration:underline;margin-top:-10px;}
.about-txt{color:#12c;font-size:15px;}

footer{background-color:#1c95e6;color:#fff}
.footer-heading{font-size:1.5em;color:#eee;font-weight:bold;text-decoration:underline;}

.footer-ul{}

.footer-ul>li{list-style-type:none;border-bottom:1px dotted #fff;padding:5px;display:block;}

.footer-ul>li>a{color:#fff;font-size:15px;text-decoration:none;cursor:pointer;display:block;}
.footer-ul>li>a:hover{color:#000}
.map{border:none;}

.map>.add>.fa-map-marker{font-size:15px !important;}

.map>.add{font-size:15px;font-style:italic;}
.map>iframe{border-radius:8px;margin-top:2px;width:100%;  }
.copyright{background-color:#222 !important;}
.copyright>.row{padding:5px;}
.copyright>p{font-size:12px;}

/*
#submenu{background-color:#5bc0de;z-index:999;left:0;top:100%;list-style-type:none;}
#submenu  > li{width:200px;margin-left:-25px;padding:5px;color:#fff;border-top:1px dotted #fff;}
#submenu  > li >a{color:#fff !important;font-size:18px;display:block;padding:5px;}
#submenu  > li:hover{color:#fff;background-color:#000}
#submenu  > li > a:active{color:#fff;background-color:#d89}

#submenu {display:none;position:absolute;}
#menu :hover #submenu {display:block;}
*/
.dropdown-menu{margin-left:30px;background-color:#000;}
.dropdown-menu > a{color:red;font-size:18px;display:block;text-decoration:none;padding:5px;}
.dropdown-menu > a:hover{color:pink;background-color:blue;}

#togglemenucontainer{width:100%;background-color:#ddd;}



@media only screen and (max-width: 768px) {
	.logo{height:50px;}
 .#menu{display:block;}
 .header-txt{text-align:center;color:#fff;font-size:25px;}
.header-txt2{text-align:center;color:#fff;font-size:15px;}
.menu-name{display:block;}
 
#myCarousel{border-top:1px solid #000;height:300px;border-radius:8px;}

.myCarousel_image{width:100%;height:300px !important;border-radius:8px;}

.college_automation_sysytem{display: flex;margin-top:5px;}

}