:root {
    --color_orange: #C4122F;
    --color_dark: #343a40;
    --color_blue: #084982;
    --color_blue_text: #073463;
    --color_blue_light: #098CC4;
    --color_green: #1abc9c;
    --color_orange_: #EA9320;
    --color_orange: #de5d23;
}

body {
    background-color: #fcfcfc;
}
}

#footer :is(h1, h2, h4, h5, h6) {
    text-decoration: none;
}

#footer h3, h3 {
    color: var(--color_blue_light);
    
}

#footer h3{
    margin-top: 20px;
}


#header-section {}

#header-top {
    background-color: var(--color_orange);
    border-bottom: 1pt solid gray;
    padding-top: 10px;
    padding-bottom: 10px;
}

#header-top table.topmenu_table {
    overflow: hidden;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
}

#header-top table.topmenu_table::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
}

#header-top table.topmenu_table td {

    padding-left: 5px;
    padding-right: 5px;
    border-right: 1pt solid var(--color_dark);

}

#header-top table.topmenu_table td a {

    color: white;
    font-size: 14px;
}

#header-top table.topmenu_table td a:hover {

    color: var(--color_blue);

}

#header-top table.socialIcons {
    float: right;
}

#header-top table.socialIcons td {
    padding-left: 5px;
    padding-right: 5px;
}

#header-top table.socialIcons td a {
    color: white;
    font-size: 16px;
}

#header-top table.socialIcons td a:hover {
    color: var(--color_blue);
}

#header {
    background-color: #fcfcfc;
}

#header h1 {
    color: var(--color_blue_light);
    font-weight: 800;
}

#header h4 {
    color: var(--color_blue);
}

#header h1 {
    color: var(--color_blue);
}

#content {
    color: black;
}

#content h3 {
    text-aligns: left;
    margin-top: 30px !important;

}

#content h3:after{

    
}

#content ul {
    list-style-position: outside;
}

#content ul li {
    text-indent: 10px;
    list-style: none;

    margin-top: 10px;
}

#content ul li::before {
    content: ' \f0a9 \00a0 \00a0';
    font-family: FontAwesome;
    color: var(--color_orange);

}

#content a {
    color: var(--color_blue_text);
}

#footer  .widget ul> li > a{
    color:white;
}
#footer a{color:white;}

#content a.more{
     background-color: var(--color_orange);
     display: inline;
     color: white;
     border-radius:5px;padding:4px; 
     float: right;
}
/****************************************** events dlider */
.event-caption {
    background-color: #343a40;
    padding: 5px;
}

.event-caption p:first-child {
    color: lightgray;
    line-height: 18px;
    font-weight: 800;
    font-size: 12px;
    borders: 1pt solid orange;
    margin: 0px;
}

.event-caption p:first-child::before {
    content: '\f017';
    font-family: FontAwesome;
    color: var(--menuBC);
    font-size: 20px;
    font-weight: 100;
}

.event-caption h6 {
    color: white;
    line-height: 18px;
    font-size: 16px;
    borders: 1pt solid orange;
    margin: 0px;
}

.event-caption h6:hover {
    color: var(--menuBC);
    font-size: 16px;
}

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

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

.event_categorywise_li_active {
    background-color: var(--menuBC);
    padding: 10px;
    color: #343a40;
}

.event_categorywise_ul li:before{
    content: '' !important;
}
.event_categorywise_ul .badge {
    background-color: var(--color_blue);
    color: white;
   
}

/****************************************** notifications */
.notification_single_div {
    borders: 1pt solid orange !important;
    padding: 0px;
}

.notification_single_td_p {
    font-size: 18px;
    margin: 1px;
}

.notification_single_desc_p {
    font-size: 20px;
    margin: 2px;
    color: black;
}

.notification_single_url_p a {
    font-size: 25px;
    margin: 2px;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.notification_old_div {
    borders: 1pt solid orange !important;
    background-colors: var(--color_blue_text) !important;
    opacity: 1 !important;
    padding: 10px;
    margin: 2px;
    height: 60px;
    background-color: white;
}

.notification_old_div a:first-child {
    display: none !important;
    opacity: 0;
}

.notification_old_div a {
    font-size: 14px;
    color: var(--color_blue_text);
    font-weight: 600;
    line-height: 18px;
    display: inline-block;
    borders: 1pt solid orange !important;
    margin: 1px;
}

.notification_old_div a::before {
    content: "\f0a9  ";
    color: var(--lightMaroon);
    font-size: 14px;
    font-family: FontAwesome;
}

.notification_old_div p {
    margin: 0px;
    display: none;
}

#notifications_div .notifications_span {
    font-size: 12px;
    font-weight: 700;
    color: var(--color_orange);
}

#notifications_div .notifications_a {
    font-size: 16px;
    color: var(--color_blue_text);
    font-weight: 600;
    line-height: 18px;
    display: inline-block;
}

#notifications_div .notifications_a:hover {
    color: orange;
}

#notifications_div .notifications_a::before {
    content: "\f0a9  ";
    color: var(--color_orange);
    font-size: 14px;
    font-family: FontAwesome;
}

#datatable_gdcudhampur_filter label {
    color: var(--color_blue_text);
}

#notifications_div li::before {
    content: '' !important;
    color: white;
}

/*******************************************************/
#leftmenu i {
    color: var(--color_orange);
}

/**************************************************** ticker */
/****************************************************ticker *********************/
.ticker_div {

    color: white;
    borders: 1pt solid orange;
    backgrounds: linear-gradient(to left, #343a40 0%, #C4122F 89%, #343a40 10%);
    padding-tops: 5px;
    height: 35px;
    backgrounds: linear-gradient(to left, var(--color_orange) 0%, var(--color_blue_light) 85%, var(--color_orange) 15%);
    background-colors: #fcfcfc;
}

.ticker_div .ticker_message{

    background-colors: var(--color_orange);
    margin: 0px; padding:0px;
    padding-lefts: 20px;
    font-size: 18px;font-weight: 600;
    padding-tops: 3px;
    padding: 0px;
    margin:0px;
    padding:0px !important;

    
    
}

.ticker_div .col-sm-2{
    background-color: transparent !important;
    margin-tops: -6px;
    
}
.ticker_div .col-sm-10{
    background-color: transparent; !important;
    
}

#breadcrumb{
    border-top:1pt solid var(--color_orange);
    border-bottom:1pt solid var(--color_orange);
    background-color:var(--color_orange); ;
}

.ticker_div .ticker_messages:after {
    width: 0;
    top: 9px;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid white;
    content: "";
    right: -9px;
    position: absolute;
}

.ticker {
    display: inline-block;
    overflow-y: hide;
    list-style: none;
    height: 50px;
    borders: 1pt solid orange;
}

.ticker li {
    display: inline-block;
    margin-left: 10px;
    list-style: none;
}

.hr_marque .ticker li a {
    font-size: 16px;
    color: white;
     !important
}

.hr_marque .ticker li a:hover {
    font-size: 16px;
    color: var(--color_blue);
    
}

.vr_marque .ticker li a {
    font-size: 18px;
}

.ticker li sup {
    background-color: var(--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: var(--color_blue);
    font-size: 12px;
    margin-right: 5px;
}


.teaching_staff_table{ margin-top:20px;border:1pt solid var(--color_blue) !important ;
     
}
.teaching_staff_table .tname{ color: var(--color_orange) !important;


}

.teaching_staff_table td h4{ color: var(--color_blue_text) !important ;


}





/**************************************************** ticker */
.navbar a,
.navbar {}

.navbar-brand {
    display: none;
}

#menu {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    margin: 0px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background-color: var(--color_blue);
    color: white;
}

#menu_container {
    background-color: var(--color_blue);
    border-bottom: 6pt outset gray;
    bor
}

#menu li.nav-item {
    margin-left: 6px !important;
    margin-right: 6px !important;
    border-right: 2pt solid var(--color_blue_light);
}

#menu .nav-link {
    color: var(--color-dark) !important;
    font-size: 12px !important;
    borders: 1pt solid orange;
    border-colors: var(--color_orange) var(--color_orange) var(--color_orange) var(--color_orange);
    border-styles: solid solid solid solid;
    border-widths: 0px 1px 0px 1px;
}

#menu nav-item:after {
    content: "|";
}

#menu a.nav-link:hover {
    color: white !important;
    background-color: var(--color_blue_light) !important;

    border-colors: var(--color_orange) var(--color_orange) var(--color_orange) var(--color_orange);
    border-styles: solid solid solid solid;
    border-widths: 1px 0px 1px 0px;
    transition: border-width, 0.3s;



}

#menu .dropdown-item:hover {
    color: white !important;
    background-color: var(--color_blue_light) !important;
    text-indent: 10px;
   
   

}

#menu .dropdown-item:before {
    content: ' \f0a9 \00a0 \00a0';
     font-family: FontAwesome;
    color: var(--color_orange);
    transition: all 0.5s;
   
   

}
 

.diginatories h3,
.diginatories span {
    color: var(--color_orange) !important;
    text-align: center !important;
}

.diginatories h4 {
    color: white;
}

.team-desc team-desc-bgs {
    text-align: center;
}

.team-title {
    text-align: center;
}

/*****************************stat*/
#stat {
    background-color: var(--color_blue);
    heights: 90px;
    color: white;
    padding-top: 10px;
}

#stat p {
    displays: inline-block;
    borders: 1pt solid orange;
    margin: 0px;
}

#stat p h5,
#stat p h4,
#stat p h6 {
    display: block !important;
}

#stat p.stat_logo {
    padding-tops: 10px;
    padding-bottoms: 10px;
    font-size: 30px;
}

#stat p.stat_text {
    font-size: 18px;
    font-weight: 700
}

#stat span.stat_text {
    font-size: 12px;
    display: block;
}


#stat .contact_details{
    font-size: 16px; margin-top: 0px;
}
#stat .committe_name{
    font-size: 10px;
}
#stat .contact_number{
    font-size: 12px;
}

/*************************************/
.principalmessage_div {
    border: 2pt solid var(--color_blue);
}

.principalmessage_div h3 {
    color: var(--color_blue);
}

.for-color {
    width: 100%;
    position: relative;
    height: 2px;
    margin-bottom: 10px;
}

.for-color span.cl-1 {
    width: 33%;
    height: 100%;
    float: left;
    background: #1f4583;
}

.for-color span.cl-2 {
    width: 33%;
    height: 100%;
    float: left;
    background: #53b143;
}

.for-color span.cl-3 {
    width: 34%;
    height: 100%;
    float: left;
    background: #c92d1e;
}

.about_college_div {
    border: 2pt solid var(--color_orange);
}

#core_committes p {
    font-size: 14px;
    font-weight: 700
}

#top,
#subscribe,
#desktopview {
    background-color: var(--color_blue) !important;
    color: white !important;
}

.dark #footer,
#footer.dark {
    color: rgba(255, 255, 255, .75);
    background-color: #282828;
    border-top-color: rgba(255, 255, 255, .15)
}

.dark .footer-widgets-wrap a {
    color: rgba(255, 255, 255, .75)
}

.dark .footer-widgets-wrap a:hover {
    color: rgba(255, 255, 255, .85)
}

.dark #footer .social-icon.si-borderless,
#footer.dark .social-icon.si-borderless {
    color: rgba(255, 255, 255, .5) !important
}

.dark #copyrights,
#copyrights.dark {
    color: rgba(255, 255, 255, .4);
    background-color: rgba(0, 0, 0, .2)
}

.dark .copyright-links a {
    color: rgba(255, 255, 255, .4);
    border-bottom-color: rgba(255, 255, 255, .65)
}

.dark .copyright-links a:hover {
    color: rgba(255, 255, 255, .6);
    border-bottom-color: rgba(255, 255, 255, .7)
}

.dark .widget_nav_menu li a,
.dark .widget_links li a,
.dark .widget_meta li a,
.dark .widget_archive li a,
.dark .widget_recent_entries li a,
.dark .widget_categories li a,
.dark .widget_pages li a,
.dark .widget_rss li a,
.dark .widget_recent_comments li a {
    color: rgba(255, 255, 255, .8)
}

.dark .widget_nav_menu li a:hover,
.dark .widget_links li a:hover,
.dark .widget_meta li a:hover,
.dark .widget_archive li a:hover,
.dark .widget_recent_entries li a:hover,
.dark .widget_categories li a:hover,
.dark .widget_pages li a:hover,
.dark .widget_rss li a:hover,
.dark .widget_recent_comments li a:hover {
    color: rgba(255, 255, 255, .9)
}

.dark .widget .testimonial.twitter-scroll .testi-image i {
    background-color: rgba(0, 0, 0, .2);
    color: rgba(255, 255, 255, .7)
}

.dark .widget-twitter-feed small a:not(:hover) {
    color: rgba(255, 255, 255, .6)
}

.dark .widget-filter-links li a {
    color: rgba(255, 255, 255, .9)

}

.dark .widget-filter-links li span {
    color: rgba(255, 255, 255, .7);
    background-color: rgba(0, 0, 0, .3)
}

.dark .widget-filter-links li:hover a {
    color: rgba(255, 255, 255, .7)
}


.dark .widget_links ul{
    list-style: none;
    borders:1pt solid red;padding:0;
}

.dark .widget_links ul li{
    list-style: none;
    borders:1pt solid red;

}

.dark .widget_links ul li:before{
    content: ' \f0a9 \00a0 \00a0';
    font-family: FontAwesome;
    color: var(--color_orange);
}
.dark .widget_links ul li a{
     color: rgba(255, 255, 255, .8)
}






@media(max-width:576px) {
    #header-top div.col-md-5 {
        border-tops: 1pt solid gray;
        text-align: center;
        background-colors: var(--color_blue);
    }

    #header-top {

        border-bottom: 0pt solid gray;
    }

    #header-top table.socialIcons td a:hover {
        colors: var(--color_orange);
    }

    .ticker_message {
        display: none;
    }

    .ticker_div {
        backgrounds: linear-gradient(to left, var(--color_orange) 0%, var(--color_blue_light) 100%, var(--color_orange) 0%);
    }

    .navbar-brand {
        display: block;
         !important;
        font-size: 18px;
    }

    .navbar-brand img {
        height: 30px;
        width: 30px;
    }

    #header .college_title {
        font-size: 18px;

    }

    #menu li.nav-item {
    
    border-right: 0pt solid var(--color_blue_light);
        }
  }


    @media(min-width:576px) and @media(max-width:768px) {}

    @media (min-width: 768px) and @media (max-width: 991.98px) {}

    @media(min-width:991.98px) and @media(max-width: 1199.98px) {}

    @media(min-width: 1199.98px) and @media(min-width:1400px) {}