body
      {
        background-image: url('../img/CSVTUBG.png')!important;
        background-size:cover;
        background-blend-mode: multiply;
        cursor: pointer;
      }
      nav
      {
        margin-right: 0;
        font-family: Roboto, sans-serif;
        color: #fff;
        cursor: pointer;
        background-color:#ffffff1a;
      }
      .logo
      {
        height:60px;
        margin:7px 0px;
      }
      .btn-login
      {
        background: #00366c;
        border-radius:25px;
      }
      .btn-login a
      {
        background: #00346c;
        color: #fff;
        border-radius: 25px;
        font-size:14px;
        text-transform: uppercase;
        font-weight: 550;
      }
      /*.divHelpDesk p{
        margin-bottom:10px;
      }*/
      .btn-login a i{
        font-size:18px;
      }
      .quick-nav-bg
      {
        position: fixed;
        z-index: 10103;
        top: 73%;
        right: 10px;
        margin-top: -190px;
      }
      .quick-nav-bg img
      {
        width:70px;
      }
      .icon
      {
        width:83px;
      }
      .container-fluid
      {
        padding:0;
        width:100%;
      }
      .university_logo
      {
        text-align:center;
        margin-bottom:40px;
      }
      .university_name h3
      {
        font-size:21px;
        font-weight:500;
        text-align: center;
        font-family: sans-serif;
        font-style: revert-layer;
        text-shadow: 1px 0px 1px;
        color: #00376c;
      }
      .from_info2
      {
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
        border: 2px solid #003774;
        border-top-width: 2px;
        border-right-width: 2px;
        border-right-width: 2px;
        margin:8px 0px 0px -15px;
        height: 65.5px;
        width:300px;
        background-image: linear-gradient(to right bottom, #e1d7d714, #ffffffb8)
      }
      .text_info
      {
        padding:10px;
        color: #003874;
      }
      .text_info:hover
      {
        color:#0071d6;
      }
      .from_info2 h5
      {
        font-size:14px;
        text-align:center;
        font-family: sans-serif;
        font-weight:600;
        margin-top:3px;
      }
      .from_info2 p
      {
        font-size: 11px;
        font-family: 'Heebo-Regular', Helvetica, Arial, sans-serif;
        margin-top: -6px;
        text-align: center;
      }
      .hexagon_image
      {
        border-bottom-right-radius: 80px 80px;
        border-top-right-radius: 80px 80px;
        width: 70px;
        height: 65px;
        border: 3px solid #003774;
        rotate: 180deg;
        background-image: linear-gradient(to right bottom, #e1d7d7bf, #fff);
      }
      .hexagon_image i 
      {
        padding: 13px 4px;
        font-size: 35px;
        color: #0072d4;
        rotate: 180deg;
      }
      @media (max-width:767px)
      {
        .from_info2 
        {
          border-bottom-right-radius: 80px 80px;
          border-top-right-radius: 80px 80px;
          border: 2px solid #003774;
          border-top-width: 2px;
          border-right-width: 2px;
          border-right-width: 2px;
          margin: -85px 0px 0px 79px;
          height: 45.5px;
          width: 280px;
          background: linear-gradient(90deg, #00366c0d 0%, #0071cf0a 35%, #00366c0d 100%);
        }
        .quick-nav-bg {
          position: fixed;
          z-index: 10103;
          top:60%;
          right: 10px;
        }
        .divHelpDesk{
          margin-top: -30px;
          z-index: 1;
        }
        .divHelpDesk p{
          padding: 0px 10px 0 1px!important;
          height: 10px;
          margin-bottom:5px;
        }
      }
      @media (max-width:1024px)
      {
        .from_info2 
        {
          border-bottom-right-radius: 80px 80px;
          border-top-right-radius: 80px 80px;
          border: 2px solid #003774;
          border-top-width: 2px;
          border-right-width: 2px;
          border-right-width: 2px;
          margin: 32px 0px 0px 16px;
          height: 45.5px;
          width: 235px;
          background: linear-gradient(90deg, #00366c0d 0%, #0071cf0a 35%, #00366c0d 100%);
          margin-top:-84px;
          margin-left:79px;
        }
        .divHelpDesk{
          margin-top: -30px;
          z-index: 1;
        }
        .divHelpDesk p{
          padding: 0px 10px 0 1px!important;
          height:10px;
        }
        
      }
      @media (max-width:900px)
      {
        .from_info2 
        {
          border-bottom-right-radius: 80px 80px;
          border-top-right-radius: 80px 80px;
          border: 2px solid #003774;
          border-top-width: 2px;
          border-right-width: 2px;
          height: 65.5px;
          width: 235px;
          background: linear-gradient(90deg, #00366c0d 0%, #0071cf0a 35%, #00366c0d 100%);
          margin-top:-73px!important;
          margin-left:66px!important;
        }
        .quick-nav-bg {
          position: fixed;
          z-index: 10103;
          top:60%;
          right: 10px;
        }
        .divHelpDesk{
          margin-top: -30px;
          z-index: 1;
        }
        .divHelpDesk p{
          padding: 0px 10px 0 1px!important;
          height: 10px;
        }

      }
      @media (max-width: 400px) 
      {
        .from_info2 {
          border-bottom-right-radius: 80px 80px;
          border-top-right-radius: 80px 80px;
          border: 2px solid #003774;
          border-top-width: 2px;
          border-right-width: 2px;
          border-right-width: 2px;
          margin: 32px 0px 0px 16px;
          height: 65.5px;
          width: 235px;
          background: linear-gradient(90deg, #00366c0d 0%, #0071cf0a 35%, #00366c0d 100%);
          margin-top: -73px;
          margin-left: 67px;
        }
        .quick-nav-bg {
          position: fixed;
          z-index: 10103;
          top:60%;
          right: 10px;
        }
        .divHelpDesk{
          margin-top: -30px;
          z-index: 1;
        }
        .divHelpDesk p{
          padding: 0px 10px 0 1px!important;
          height: 10px;
        }
      }
      
      .icon i:hover
      {
        opacity: .9;
        transform: rotate(360deg);
        transition:  2s;
      }
      .main-menu .row
      {
        margin-left: 1rem ;
        margin-right: 1rem ;
      }
      .digiVarsity
      {
        margin-top: 3rem !important;
      }
      @media (max-width: 900px) 
      {
        .main-menu .row
        {
          margin:auto!important;
        }
        .digiVarsity
        {
          margin-top:2rem !important;
        }
      }
      .quick-nav :hover + .divHelpDesk 
      {
        display: block;
        position: fixed;
        top:41%;
        right:5px;
        margin-right:70px;
        background:#fff;
        padding: 10px;
        height:55px;
        border:1px solid;
        border-radius:10px;
        color:#00346c;
        padding:5px 10px;
        font-size:12px;
      }
      .quick-nav p {
        margin-bottom: .4rem;
        }
      .quick-nav :hover + .divHelpDesk i
      {
        font-size:12px;
        color:#0072d4;
      }
      .divHelpDesk
      {
        display: none;
      }
      .divHelpDesk p {
        margin-bottom: .4rem;
        }
      .divHelpDesk:hover{
        display: block;
        position: fixed;
        top:41%;
        right:5px;
        margin-right:70px;
        background:#fff;
        height:55px;
        border:1px solid;
        border-radius:10px;
        color:#00346c;
        padding:5px 10px;
        font-size:12px;
      }
      .divHelpDesk i:hover{
        font-size:12px;
        color:#0072d4;
      }
      .Helpdesk i{
        width:20%;
      }
      .Helpdesk a{
        width:80%;
      }
      .site-footer
      {
        padding: 10px 30px;
        background-color: #edeff4;
        border-top: 1px solid #e0e0e0;
        border-bottom : 1px solid #e0e0e0;
      }
      .site-footer span, .copyright
      {
        color:#003974;
        font-size:12px;
      }
      /*-----------login Page-------------*/
       .box-container 
      {
        border-right:1px solid #00376c;
        border-bottom:1px solid #00376c;
        border-left:1px solid #00376c;
        border-radius:4px;
      } 
      .box-heading 
      {
        background-color:#00376c;
        border: 1px solid #37495f;
        border-radius: 3px 3px 0 0;
        color: #fff;
        font-size: 1.4em;
        margin: 0;
        padding: 0 15px;
      }
      .box-heading h4
      {
        font-size: 18px;
      }
      
      .icon-section
      {
        height: 50px;
        width:170px;
        border: 1px solid #0072d2;
        border-radius: 50px;
        text-align: center;
        padding: 10px;
        box-shadow: 1px 0px 1px 1px;
        background-color: #00367cc7;
        margin: 10px 0;
      }
      .icon-section .login-btn-section p i
      {
        color: #fff;
        font-size:22px;
      }
      .login-section p
      {
        font-size: 12px;
        font-weight:600;
        color: #fff;
        text-align:center;
        padding-top:0px ;
      }
      .login-section  p:hover
      {
        text-decoration:none;
      }
/*---------------Sub login---------------------------------*/
form 
{
  position: relative;
  width: 330px;
  margin:20px 15px;
}
.form-group 
{
  position: relative;
  margin:20px 0;
}
.form-control 
{
  display: block;
  height: 36px;
  width: 100%;
  border: none;
  border-radius: 0 !important;
  font-size: 15px;
  font-family: inherit;
  font-weight: 300;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  border-bottom: 1px solid rgba(117, 117, 117, 0.15);
}
.form-control:focus 
{
  border-bottom: 2px solid rgb(3, 169, 245);
  outline: none;
  box-shadow: none;
}
.form-highlight 
{
  position: absolute;
  height: 60%;
  width: 60px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.4;
}
.form-control:focus ~ .form-highlight 
{
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}
.float-label 
{
  position: absolute;
  left: 0;
  top: 10px;
  font-size: 16px;
  color: #999;
  font-weight: 300;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.form-control:focus ~ .float-label, .form-control:valid ~ .float-label 
{
  top: -15px;
  font-size: 12px;
}
.form-group erroru, .form-group errorp 
{
  position: absolute;
  width: 100%;
  left: 0;
  top: 38px;
  font-size: 11px;
  color: #d34336;
  font-weight: 300;
  transition: 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55) all;
  -moz-transition: 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55) all;
  -webkit-transition: 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55) all;
  opacity: 0;
}
.form-group erroru i,.form-group errorp i 
{
        position: absolute;
        right: 0;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        float: right;
      }
      .form-group erroru i svg, .form-group errorp i svg 
      {
        fill:#d34336;
      }
      .form-group[errr] .float-label 
      {
        color: #d34336 !important;
      }
      .form-group[errr] .form-control 
      {
        border-bottom: 1px solid #d34336 !important;  
      }
      .form-group[errr] .form-control:focus 
      {
        border-bottom: 2px solid #d34336 !important;  
      }
      .form-group[errr] erroru, .form-group[errr] errorp  
      {
        opacity: 1;
      }
      input[type=checkbox]
      {
        display: none;
        visibility: hidden;
      }
      input[type="checkbox"] + label
      {
        cursor: pointer;
        font-size: 15px;
        font-weight: 500;
        transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
      }
      input[type="checkbox"] + label:before
      {
        display: inline-block;
        content: "";
        margin: 0 15px 3px 0px;
        width: 18px;
        height: 18px;
        background-color: #fff;
        border: 2px solid #5a5a5a;
        border-radius: 2px;
        vertical-align: middle;
      }
      button[type="submit"] 
      {
        position: relative;
        float: right;
        font-family: inherit;
        font-weight: 100;
        font-size: 15px;
        border: 0;
        padding:0px 15px;
        border-radius: 3px;
        cursor: pointer;
        background: rgb(0 80 146);
        color: #fff;
        border: 2px solid;
        border-radius: 25px;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
      }
      button[type="submit"]:focus 
      {
        outline: none;
      }
      /* -- highlighter animation --------------------------- */
      @-webkit-keyframes inputHighlighter 
      {
        from 
        { 
          background:#5264AE; 
        }
        to 
        { 
          width:0; background:transparent; 
        }
      }
      @-moz-keyframes inputHighlighter 
      {
        from 
        { 
          background:#5264AE; 
        }
        to 
        { 
          width:0; background:transparent; 
        }
      }
      @keyframes inputHighlighter 
      {
        from 
        { 
          background:#5264AE; 
        }
        to 
        { 
          width:0; 
          background:transparent;
        }
      }
      @keyframes user-head 
      {
        100% 
        {
          -webkit-transform:scale(1);
          transform:scale(1);
          -moz-transform:scale(1);
        } 
      }
      @keyframes user-body 
      {
        100% 
        {
         -webkit-transform:translateY(2px);
         transform:translateY(2px);
         -moz-transform:translateY(2px);
        } 
      }
      [ripple] 
      {
        position: relative;
        overflow: hidden;
        -webkit-transition: box-shadow .4s;
        -moz-transition: box-shadow .4s;
        -ms-transition: box-shadow .4s;
        -o-transition: box-shadow .4s;
        transition: box-shadow .4s;
        cursor: inherit;
      }
      [ripple] .touch 
      {
        background: rgba(255, 255, 255, 0.3);
        pointer-events: none;
        border-radius: 100%;
}
label span
{
  color:red;
}
label span a
{
  color:red;
}
.link
{
 font-size:14px;
 color:#00376c;
}
.university_logo img
{
  width:70px;
}