/*##4C5594 

$topmenuC="#4C5594";
  $menuC="#4C5594";
  $footerC="#4C5594";
*/
:root {
  --boxC: #4C5594;
  --textC: #ffffff; 
  --menuBC:#4C5594 ;
  --topmenuC:#4C5594 ;

  --textC2:#337ab7;
}



body{
 font-family: 'Roboto', sans-serif;
 background-images: url('/images/bg_line.png');

}

h1,h2,h3,h4,h5,h6{color:var(--textC2);

}
h3{}
a{}
span{}
i{}



i{ margin-right: 5px;color:white; font-size: 90px;}
.socialMobile a{ display: inline; margin-left: 10px; color: white; text-decoration: none;  }
.socialMobile a i.fa-facebook{color: orange;}
.socialMobile a i{color:orange; margin-right: 5px;}



h3{background-color: #4C5594; padding: 5px;border-radius: 10px;background-color: #8BC6EC;
background-image: linear-gradient(135deg, #8BC6EC 0%, #4c5594 100%);color:white;



 }


p{color: black;}


p.heading{color: #3278a9; font-size: 24px;}
p.text{color: black;opacity: 0.9; font-size: 16px;}

p.admission_p{position: fixed;
  top: 60px; 
  right:40px;
  background-color: red;
  border-radius:15px;
  padding: 20px;
  clip-paths: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
background-color: #8BC6EC;
background-image: linear-gradient(135deg, #8BC6EC 0%, #4c5594 100%);

z-index: 50000;
   }

p.admission_p a{color: white; font-size: 18px; font-weight: 800;}




ul.text {list-style: none;

}

ul.text  li::before {


  content: "\f0a4"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color: orange;
}




/**************************************************** menu */
#menu{text-align: right;
                z-index:500000;
                border-tops:3px outset #a46464; 
                border-style: outset ;
                margin-bottom: 0px;  
                
                height: 45px !important;
                border-bottom: 5px  ;
                border-radius: 0px !important ;
                border-color: transparent;
                borders: 1pt solid blue;
                padding: 0px;
                background-color: var(--menuBC);
              
              }
              #menu ul{borders: 1pt solid green;
                padding: 0px;
                display: inline-block;

              }

              #menu ul li{ borders: 1pt solid red; padding: 10px; padding-left: 5px;padding-right: 5px; display: inline;}
              #menu ul li a{border-rights:2pt solid #5c442c;
                paddings: 12px;
                padding-left: 5px; 
                padding-right: 5px; 
                color: white; 
                font-weight: 400; letter-spacing:;
                font-size: 12px;
              display: inline;

              font-family: 'Roboto', sans-serif;

              text-align: center;
              text-decoration: none;
               }



              #menu ul li a i{display: inline; margin-lefts: 2px;}
              }



              #menu ul li a:hover{background-color:#fcbc74;
                color:white;  border-rights:2 pt solid #fcac04 ; 
              }

              .dropdown-menu{
                width: 200px;
                background-images: url('../img_gdcudhampur/menu_bg.png');
                background-color: var(--menuBC);


              }
              .dropdown-menu a i{display: inline; margin-left: 0px;}
              }


              .dropdown-menu  a:hover{background-color:#fcbc74 !important;
                color:white; border-left:0pt solid #fcac04; border-right:0pt solid #fcac04 ;
              }


              .dropdown-menu a{ border-right:0pt solid #5c442c !important;
                padding: 8px;
                padding-left: 2px; 
                padding-right: 2px; 
                color: var(--textC); 
                font-weight: 400; letter-spacing:;
                font-size: 12px !important;
              display: block !important;
               background-color: var(--menuBC);

              font-family: 'Roboto', sans-serif;

              text-align: left !important;
              line-height: 18px !important; 

               text-decoration: none;
              }





/**************************************************** menu */




 
.glyphicons{color: #3278a9; margin-bottom: 10px; font-size: 18px;}
.glyphicon-time{color: black; font-weight: 700;}


.more{background-color:#4C5594;color: white; border-radius: 4px;padding:6px;float:right; }
.more:hover{background-color: black; color: orange;}


/****************************************************ticker *********************/

.ticker{display: inline-block; overflow-y: hide;list-style: none; height: 50px;borders:1pt solid red; }
.ticker li{display: inline-block; margin-left: 10px;  list-style: none; }
.ticker li a{font-size: 14px;}

.ticker li sup{background-color:orange;color:white;font-size:12px;padding:2px;font-weight:600; border-radius:5px;}
.ticker li sup::before{content: "New"; font-size: 10px;}
.ticker li i{color:orange;font-size: 12px; }




.teaching_staff_table .tname{ color: #4C5594 !important;


}

.teaching_staff_table td h4{ color: black !important;


}



/*******************************research*************************/

.recent_publications{

}
.recent_publications i{ color:orange; }
.recent_publications a{colors:var(--textBlue); text-decoration: none;}



.recent_publications_span {colors:var(--textBlue);
  font-style: italic;

}
.recent_publications_span i{color:orange; font-sizes: 25px;
}

/*******************************research*************************/




/*******************************econtent*************************/

.recent_econtent{

}

.recent_econtent a{colors:var(--textBlue); text-decoration: none;

}
.recent_econtent i{ color:orange }


/*******************************econtnet*************************/







/*
* { box-sizing: border-box; }
$duration: 30s;
}
@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.ticker-wrap {
  
  positions: fixed;
  bottoms: 0;
  width: 100%;
  overflows: hidden;
  heights: 4rem;
  background-color: rgba(#000, 0.9); 
  padding-lefts: 100%;
  box-sizing: content-box;
}
.ticker {

    display: inline-block;
    height: 4rem;
    line-height: 4rem;  
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;

    -webkit-animation-iteration-count: infinite; 
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
   -webkit-animation-name: ticker;
           animation-name: ticker;
    -webkit-animation-duration: $duration;
            animation-duration: $duration;
}
.ticker__item {

      display: inline-block;

      padding: 0 2rem;
      font-size: 2rem;
      color: black;   

    }

 */




/****************************************************ticker *********************/


#principalpic img{

  width: 200px;
            height: 200px;
            border-radius: 50%;
            text-align: center;
            font-size: 30px;
            float: left;
            font-weight: bold;
            float :left;
            margin: 5px;
             
            /* Change the shape according
                to the image */
            shape-outside: circle();
            background-colors: Green;
            color: white;
}



/*********************************************************************events print****************************/
.event-list{color:#337ab7;}
.event_list i{display: inline;}
.event_list  h6.event_list-title a{ 
  color:#337ab7 !important; 

  font-size: 14px !important;
  
  
  }
  .event_list  h6.event_list-title span.glyphicon.glyphicon-time{display:inline !important; font-size:12px; }

  .event_list  h6.event_list-title i{display:inline; font-size:12px; }
  
.event_list-description{display: none;}
.event_list-categories{}
.event_list-stat{color: black;}

/*********************************************************************events print as list****************************/

.event-caption{background-color: #4C5594; position:absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
   }




.event-caption .event-title{ color:white; 

  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  }

.event-description{display: none;}
.event-categories{}
.event-stat{color: black;}

.event-caption{background-color: #4C5594; position:absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
   }

.thumbnail{position: relative;}
.thumbnail:hover .event-caption{ 
  opacity: 0.8;
}



.event_categorywise_ul{list-style: none; 
        list-style-position: inside; 
        padding-left: 0; 
        font-size: 20px;}

.event_categorywise_ul .glyphicon{display: none;} 



.event_categorywise_li{background-color:var(--menuBC); 
  padding:10px; 
    color:white; 
    border-bottom:1pt solid white; 
    text-indent: 0px; }
    .event_categorywise_li a{color: white;}

.event_categorywise_li_active{background-color: var(--menuBC);; 
  padding:10px;   
  color:orange; border-bottom:1pt solid white;  }

   .event_categorywise_li_active a{color: orange;}

.event_categorywise_ul .badge{ background-color:orange ;
  color:white; 
  border-radius: 10px; }





#principalpic h4{color: orange;}

.topnav {
background-colors: #333;
overflow: hidden;
font-size:16px;
borders:1pt solid red;
}

/* Style the links inside the navigation bar */
.topnav a {
float: left;
display: block;
color: red;
text-align: center;
padding: 14px 16px;
text-decoration: none;

}

/* Change the color of links on hover */
.topnav a:hover {
background-colors: #ddd;
color: red;
}

/* Add an active class to highlight the current page */
.actives {
background-color: #4CAF50;
color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
display: none;
}



#topheader{border-bottom: 1pt solid darkgrey;}

#collegelogo{ position: absolute; display: none;

	vertical-align: middle;
	margin-top:20px; 
}


#collegename{

font-size: 34px;
font-weight: 800;
margin-top: 10px;
text-align: center;
color: red;
margin-left: -40px;

}


#collegetagline{text-align: center;font-style: italic;
font-weight: 600;
letter-spacing: 7px;
opacitys: .6

color: #212221;padding-top: 4px;
borders:3pt solid red;
margin-left:30px;

}


.carousel-inner .item {
  height: 400px;
}

.item img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 300px;
}




.boxstyles1{
	background: #02AAB0; /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #02AAB0 , #00CDAC); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #02AAB0 , #00CDAC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.boxstyles2{
	background: #F09819; /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #F09819 , #EDDE5D); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #F09819 , #EDDE5D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	
}

.boxstyles3{
	background: #DD5E89; /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #DD5E89 , #F7BB97); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #DD5E89 , #F7BB97); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.boxstyles4{

	background: #DDDD89; /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #DDDD89 , #F7BB97); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #DDDD89 , #F7BB97); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.boxstyle5{

	background: #F09819; /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #F09819 , #EDDE5D); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #F09819 , #EDDE5D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	
}
.bgTransparent{
	background-color: #fff;
	background-color: rgba(255,255,255,0.5);
	}	



	.bgBoxHeader{
background: #70e1f5; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #70e1f5 , #ffd194); 
/* Chrome 10-25, Safari 5.1-6 */

background: linear-gradient(to left, #70e1f5 , #ffd194); 
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}


.eventbox{

	width: 100%;
	height: 180px;



}

/* for events*/
div.polaroid {
  width: 100%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
}

div.container {
  text-align: center;
  padding: 10px 20px;
  color: red;
}





.footer_menu_links{ displays: none;
list-style: none;

}

.footer_menu_links li a{ 
text-shadow: 0px -1px 0px #000; font-size: 14px;text-decoration: none;margin-left:5px; text-decoration: none; 
color: darkgrey; }

 .footer_menu_links li i{ color:orange; font-size:16px; font-weight: 500; margin-right: 3px;text-decoration: none;  


 }

#footer {border :0pt solid black;
  clear:both;
/* background:#000 url(images/footer.gif)  ;*/
  
width:100%;
  height:auto;
  margin:0 auto 0 auto;
  text-align:left;
  padding-top: 20px;
}

#footer h5{color: grey;  font-weight: 500;}


#footer p {border :0pt solid black;
  font:14px Arial, "Times New Roman", Times;width:400px;    color:#FDA041; ; 
  width:auto; -moz-border-radius:20px 20px 15px 15px; 
  
  
}
.copyright { margin-top:0px ; font:16px Arial, "Times New Roman", Times;  color:#fff ; 
 text-decorations:underline ;  color:silver; font-size:16px;  text-shadow: 2px 2px 4px #000000;  text-align:left 

 }

#footerss a {border :0pt solid black;
  color:#FFF;
  text-decoration:underline;
}

#footerss a:hover {
  color:#C46A00;
  text-decoration:none;
}


.footer_divs{
  text-align: center;
  border: 1pt solid red;
}

#academics_rules dl dt{ list-style: bullets; color: red;  }

dd {color: #3278a9; margin-bottom: 10px; font-size: 18px;}
dd span{margin-right:10px; color:orange;}



div.topmenu{ font-size:14px; }

div.topmenu .left {height: inherit;display:inline-block;margin-top: 1px;padding-left: 5px;  }
div.topmenu .left li i{color: red; size:12px; font-weight: 500;}
div.topmenu .left li {height: inherit; list-style: none;display: inline;margin-right: 20px; }
div.topmenu .left li a{height: inherit; list-style: none;display: inline;margin-right: 20px;color:white;  text-decoration: none; }


div.topmenu .right {height: inherit;display:inline-block;margin-top: 1px;padding-left: 5px;  }
div.topmenu .right li i{color:#C46A00; size:12px; font-weight: 500;}
div.topmenu .right li {height: inherit; list-style: none;display: inline;margin-right: 20px; }
div.topmenu .right li a{height: inherit; list-style: none;display: inline;margin-right: 20px;color:white; }

div.topmenu  a:hover{color:red;}

#footer h3{text-align: center; padding: 5px;border-radius: 10px;}



#leftmenu p:before{content: 'f152' color: black;}
#leftmenu p:after{content:  'f152' color: black;}
#leftmenu p{background-color: #8BC6EC;
  margin: 0 auto 0 auto; margin-top: 10px;
background-image: linear-gradient(135deg,#4c5594 0%, #8BC6EC 100%);
border-radius: 10px;padding-top: 10px; padding-bottom: 10px; text-align: center;
clip-paths: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
width: 100%}
                #leftmenu p i{font-size: 22px; color: Orange}
                #leftmenu p a{font-size: 12px; font-weight: 700;color: white; }
                #leftmenu p span{font-size: 10px;color:white;display:block; }


.onlyMobile{display: none;}
.noMobile{display: block;}

@media only screen and (max-width: 768px) {

[class*="col-"] {
    width: 100%;
}
.topNav{height: 60px;border:1pt solid red; display: none; color:orange;}
.topNav .right{display: none;}
.topMenu ul li{display: block;}


.copyright { margin-top:0px ; font:12px Arial, "Times New Roman", Times;  color:#fff ; 
 text-decorations:underline ;  color:silver; font-size:12px;  text-shadow: 2px 2px 4px #000000;  text-align:left 

 }

.topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    border-bottom:2pt inset grey;
  }
  .topnav.responsive a.icon {
    border-bottom:0pt inset grey;
  }
  #headerImg{height: 180px;margin-top: 0px;}



.onlyMobile{display: inline;}


.noMobile{display: none;}
}


              /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */



/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {

.topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;

  }
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    border-bottom:2pt inset grey;
  }
  .topnav.responsive a.icon {
    border-bottom:0pt inset grey;
  }
  #headerImg{height: 180px;margin-top: 0px;}



.onlyMobile{display: inline;}


.noMobile{display: none;}
}


.arrow-down{float: right;cursor: pointer;display:inline-block;border-left:2px solid black;}


.border{border:3pt solid red;}

.borderg{border:1pt solid green;}
 

 .menuhover{}



 /* slider css *//


 .slider-pro {
    font-family: 'Open Sans', Arial;
}

/* Example 1 */

#example1 .sp-thumbnail {
  width: 100%;
  padding: 8px;
  background-color: #F0F0F0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#example1 .sp-thumbnail-title {
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #333;
}

#example1 .sp-thumbnail-description {
  font-size: 14px;
  color: #333;
}

@media (max-width: 860px) {
  #example1 .hide-medium-screen {
    display: none;
  }
}

@media (max-width: 640px) {
  #example1 .sp-layer {
    font-size: 12px;
  }

  #example1 .hide-small-screen {
    display: none;
  }
}

@media (max-width: 500px) {
  #example1 .sp-thumbnail {
    text-align: center;
  }

  #example1 .sp-thumbnail-title {
    font-size: 12px;
    text-transform: uppercase;
  }

  #example1 .sp-thumbnail-description {
    display: none;
  }
}

/* Example 3 */

#example3 .sp-selected-thumbnail {
  border: 4px solid #000;
}

/* Example 4 */

#example4 .sp-slides-container {
  background-color: #F4F4F4;
}

#example4 h3 {
  margin: 0 0 10px 0;
}

#example4 p {
  margin: 0 0 30px 0;
}

#example4 .sp-thumbnail-container {
  width: 200px;
  height: 130px;
  overflow: hidden;
  margin-bottom: 10px;
}

#example4 .sp-image-text {
  background: rgba( 80, 80, 80, 0.5 );
  color: #FFF;
  padding: 20px;
}

.links {
  text-align: center;
  margin-top: 10px;
}

/* Example 5 */

#example5 .sp-thumbnail-image-container {
  width: 100px;
  height: 80px;
  overflow: hidden;
  float: left;
}

#example5 .sp-thumbnail-image {
  height: 100%;
}

#example5 .sp-thumbnail-text {
  width: 170px;
    float: right;
    padding: 8px;
    background-color: #F0F0F0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#example5 .sp-thumbnail-title {
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #333;
}

#example5 .sp-thumbnail-description {
  font-size: 14px;
  color: #333;
}

@media (max-width: 500px) {
  #example5 .sp-thumbnail {
    text-align: center;
  }

  #example5 .sp-thumbnail-image-container {
    display: none;
  }

  #example5 .sp-thumbnail-text {
    width: 120px;
  }

  #example5 .sp-thumbnail-title {
    font-size: 12px;
    text-transform: uppercase;
  }

  #example5 .sp-thumbnail-description {
    display: none;
  }
}