body{
    color:#000;
}
.indian-emblem{
    float:left;padding-right:10px;    
}
.mid-head {
    /*width:100%;
    float:left;
    background: linear-gradient(-145deg, #fff, transparent 60% 40%), linear-gradient(145deg, #fff, transparent 70% 30%),url('../../images/header.png')left no-repeat;
    background-size:cover;
    padding:10px 0;*/

    width: 100%;
    float: left;
    padding: 10px 0;
    /* Multiple backgrounds */
    background-image: linear-gradient(-145deg, #fff, transparent 60% 40%), linear-gradient(145deg, #fff, transparent 70% 30%), url('../../images/header.png');
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center, center, center;
    background-size: auto, auto, cover; /* gradients auto, image cover */
}
.logo{
    /*top:50%;left:40%;
    position: absolute;
    transform: translate(-50%, 0%);*/
}
.useridentity {
    color: #fff;
    text-transform: uppercase !important;
    font-size: 0.90em;
    padding: 4px;
    font-weight: 500;
}
.logo h1 a {
    /*color: #fafafa;*/
    text-decoration: none;
}
.top_head {
    width: 100%;
    float: left;
    background: #9b030c !important;
    padding:4px 0;
    color: #000 !important
}
.language .form-control{
    border-radius: 16px;
    background-color: transparent !important;
}
.navigation-bg {
    background: #9b030c;
}
.sf-menu li a {
    padding: 7px 19px;
    border-left: 1px solid #b20f19;
}
.sf-menu ul li, .sf-menu ul ul li {
    /* background: #1253ca; */
    background: #9b030c;
}
.sf-menu a, .sf-menu li ul li a{
    font-size:110%; 
}
.bg-white {
    background-color: #fff !important;
    opacity: 10;
}
.sf-menu ul li, .sf-menu ul ul ul li {
    background: #9b030c;
}
.sf-arrows .sf-with-ul:after{
    top:50%;
    right:1em;
    margin-top:-3px;height:0;width:0;border:4px solid transparent;border-top-color:#dFeEFF;border-top-color:rgba(255,255,255,.9)}

.active {
    /*background: #1253ca !important;*/
    background: #9b030c !important;
}
.whats-new-section {
    /*background: #5da6d3;*/
    background:#6c6c6c;
    color: white;
    width: 100%;
    float: left;
    padding-left: 10px;
    padding-bottom: 16px;
    /* padding-top: 20px*/;
    height: 370px;
    border-radius: 5px;
}
.whats-new-section .title {
    font-size: 1.3em;
    font-weight: 600;
    color: #fff;
}
div{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
.what-news-wrapper ul li{ 
    /*font-size:0.88em !important; */ 
    border-bottom:1px solid #e3e3e3;padding-bottom:10px;padding-top:10px;text-align:left;line-height:1.5em;color:#fff;position:relative;padding-left:20px;padding-right:20px;

}
.what-news-wrapper ul li:before{content:"\f105";font-family:fontawesome;right:0;padding-left:5px;position:absolute;font-size:18px;color:#fff;left:0;top:8px;width:3px}

.ndc-in-news-wrapper ul li{ 
    /*font-size:0.88em !important; */ 
    border-bottom:1px solid #e3e3e3;padding-bottom:10px;padding-top:10px;text-align:justify;line-height:1.5em;color:#fff;position:relative;padding-left:2px;padding-right:20px;

}
.ndc-in-news-wrapper ul li:before{content:"\f1ea";font-family:fontawesome;right:0;padding-left:1px;position:absolute;font-size:18px;color:#fff;left:0;top:8px;width:3px;}
ul.newsslider a {
  /*font-size: 120%;*/
   /* font-weight: 600;
   line-height: 17px;*/
   color:#fff;
}
.view-footer {
    clear: both;
   /* display: table;*/
    margin-top: 10px;
}
.view-footer a {
    border: 1px solid #fff;
    padding: 2px 15px;
    /*font-size: 14px;*/
   color: #fff;
    font-weight: 700;
    top:-10px;
}
.ticker_section {
    width: 100%;
    display: inline-block;
    background: #9b030c;
    margin-top: 0px;
    padding: 5px 0 5px;
    color: white;
    font-weight: 600;
}
.latest-news-events {
    float: left;
    width: 100%;
    /*background: #3E70CB;*/
    background: #700870;
    margin-right: 2px;
    padding: 15px;
    height: 370px;
    border-radius: 5px;
}
.latest-news-events .title {
    padding:5 2 5 5;
    color: #fff;
    font-size: 1.3em;
    font-weight: 700;
}
.previous-month {
    margin-top: 4px;
    float: left;
    width: 100%;
    /*background: #04225a;*/
    background: #347256;
    margin-right: 2px;
    padding: 20px;
    height: 370px;
    border-radius: 5px;
}
.previous-month .title {
    padding:5 2 5 5;
    color: #fff;
font-size: 1.3em;
font-weight: 700;
}
.ndc-in-news {
    margin-top: 4px;
    float: left;
    width: 100%;
    /*background: #04225a;*/
    background: #72050b;
    margin-right: 2px;
    padding: 0 20px;
    height: 370px;
    border-radius: 5px;
}
.ndc-in-news .title {
    padding:5px 2px 5px 5px;
    color: #fff;
font-size: 1.3em;
font-weight: 700;
}
.ndc-in-news div {
    /*border-bottom:1px solid #fff;margin-bottom: 10px;*/
}
.footer-bottom {
    background: #9b030c !important;
    border-top: 1px solid #5da6d3;
    /*position: fixed;*/
    left: 0;
    bottom: 0;
    width: 100%;
}
@media screen and (max-width: 768px){
.logo h1 {
    font-size: 100%;
}
.logo h2 {
    font-size: 60%;
}
}
.course{
    padding:4px 10px 4px 10px;
}
.pm-section img{
    width:155px;
    margin: 7px 0 8px;
}
.pcard {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width:100%;
    clear: both;
    margin-bottom: 20px;
  }
  .pcard img {
    border:1px solid #ddd;border-radius:50%;-webkit-box-shadow:0 6px 10px 0 #b7b7b7;-moz-box-shadow:0 6px 10px 0 #b7b7b7;box-shadow:0 6px 10px 0 #b7b7b7;margin:16px 0 10px;width:130px
  }
  .pcard:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }
  
  .pcard-container {
    padding: 2px 16px;
  }

.pcard .card-title{font-size:106%;margin-bottom:3px;margin-top:6px;text-align: center;}
.pcard ul{padding:0 25px;}
.pcard ul li{display:inline-block;width:100%;}
.pcard ul li a{width:100%;float:left;font-size: 0.888em;padding:4px 0;border-bottom:1px solid #ddd;font-weight:600;text-decoration:none}

/* Button */

button.cbtn{
    /*background: transparent;
     color: #1253ca; */
     background:#04225a;
    color: #fff;
    border: 2px solid #fff;
    font-size: 1.11em;
    letter-spacing: 2px;
    padding: 11px 10px; 
    font-weight:600;
    cursor: pointer;
    display: inline-block;
    margin: 5px 15px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    min-width: 216px;
  }

   button.btn-1:hover{
    background-color:#3e70cb;
    color: white;
    -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s;
  }
  button.cbtn-big{
    background: transparent;
    /* color: #1253ca; */
    color:#414141;
    border: 1px solid #414141;
    font-size: 1.22em;
    letter-spacing: 2px;
    padding: 7px 20px;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    margin: 5px 15px;
    -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s;
  }
button.cbtn-sm {
    background: transparent;
    /* color: #1253ca; */
    color: #dddada;
    border: 1px solid #ddcdcd;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    /*color:#414141;
    border: 1px solid #920606;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s;*/
}
   button.btn-1:hover{
    background-color: #414141;
    color: white;
    -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s;
  }
  
  button.btn-2{
    overflow: hidden;
    position: relative;
  }
  
  button.btn-2:hover{
    color: black;
  }
  
  
  button.btn-2:after {
      content: '';
      position: absolute;
      z-index: -1;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s;
      width: 100%;
      height: 0;
      top: 0;
      left: 0;
      background: #fff;
  }
  
  button.btn-2:hover:after,
  button.btn-2:active:after {
      height: 100%;
  }

  .calendarr {
    margin-top: 0px;
    box-shadow: 0 0 14px black;
    overflow-y: scroll;
    /* padding:0 15px 0 15px; */
}
.img-hover-zoom {
    height: 300px; /* [1.1] Set it as per your need */
    overflow: hidden; /* [1.2] Hide the overflowing of child elements */
  }
  
  /* [2] Transition property for smooth transformation of images */
  .img-hover-zoom img {
    transition: transform .5s ease;
  }
  
  /* [3] Finally, transforming the image when container gets hovered */
  .img-hover-zoom:hover img {
    transform: scale(1.5);
  }
.img-hover-zoom--point-zoom img {
    transform-origin: 65% 75%;
    transition: transform 1s, filter .5s ease-out;
  }

  .img-hover-zoom--point-zoom:hover img {
    transform: scale(5);
  }
  .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #181818;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu>li>a {
    clear: both;
    font-weight: 400;
    color: #ccc;
}
.dropdown-menu>li>a:hover {
   background: transparent;
    color: white;
    border-bottom: 1px solid #242323;
}

/*Jui Preview*/
.jui-preview-field-header {
    font-weight: 500;
    white-space: normal;
}

.jui-preview-field-value {
    white-space: normal;
}

.juipfname {
    font-weight: 700;
    font-size: 0.9em;
}

.juipfvalue {
    font-size: 0.9em;
}
.field-content {
    padding: 15px;
/*    margin-top: -18px;*/
}
    .field-content .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: #271c68;
    }

    .field-content ul li {
        list-style-type: disc !important;
        display: list-item;
        margin: 0 0 10px 20px;
    }
.breadcrumb {
    text-transform: uppercase;
    background-color: #9b030c !important;
    border-bottom: 1px solid #7a0707;
}

.ndclist ol {
    counter-reset: item
}

.ndclist li {
    display: block;
    counter-increment: item;
}
    /* replace the counter before list item with
              open parenthesis + counter + close parenthesis */
    .ndclist li:before {
        content: " (" counter(item,lower-alpha) ") ";
    }