.navbar.navbar-light.navbar-expand-md.justify-content-center.align-items-center.align-content-center{background:linear-gradient(rgba(91,207,205,.91) 0,#90a0a0 100%);background-repeat:repeat-x;border-bottom:3px solid #d9be65;border-top:3px solid #d9be65;padding-top:1px;padding-bottom:1px}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:#000}nav .navbar-nav li{padding-left:10px;padding-right:10px}nav .navbar-nav li a:hover{color:#f5d00e!important}.dropdown-menu{font-size:inherit;top:75%;background-color:#7ebfbf}.dropdown-item{padding-top:0;margin-top:0;border-bottom:1px solid #fff;color:#000;height:30px}#top{background-color:#6ebdbd;padding:0px}#quicklinks{background-color:#6ebdbd;border-bottom:5px solid #000;border-top:5px solid #000;text-shadow:0 2px 0 rgb(255,255,255,.5)}.qlinks{font-size:14px;padding:1px;color:#000;border-color:#6ebebd;background-color:#6ebebd;text-shadow:0 1px 0 #0f0f0f}#firstRow{background-color:rgb#abd1c9}#secondRow{background-color:#abd1c9;border-bottom:2px solid #000}
.card-header{
    height:50px;
    background-color:#92e0df
}

@media screen and (max-width: 800px)
{
    .card-header{
        height:70px;    
        background-color:#92e0df;
    }
}
body{color:#000;background-color:#b8d2cd;font:11pt Roboto}a{font:inherit}fieldset{border:0 solid #ddd!important;margin:0;xmin-width:0;padding:10px;position:relative;border-radius:0;padding-left:10px!important}legend{font-size:14px;font-weight:700;margin-bottom:0;width:100%;text-align:center;border-radius:5px;border:0 solid #ddd;border-radius:1px;padding:5px 5px 5px 10px;background-color:#7ebfbf}.aq{display:flex;align-items:center;justify-content:left;height:100%;color:#000}.ticker{height:auto}.dropdown:hover>.dropdown-menu{display:block}#info td{padding:4px}.card{box-shadow:1px 1px 12px 6px #626b6985}.list-group-item{background-color:inherit}@media screen and (max-width:800px){.navbar .nav .dropdown:hover>.dropdown-menu{display:block}#slide{position:relative;overflow:hidden;width:auto;height:auto;border:1px solid #000;background-color:#abd1c9;z-index:9999999;position:absolute;left:-220px;width:auto;height:auto;background-color:#abd1c9;transition:1s}.wrapper:hover #slide{transition:1s;left:0;background:#abd1c9}#navbarDropdown1{background-color:#abd1c9}.dropdown-menu{display:block;border:0;color:#000;background-repeat:repeat-x;border-bottom:3px solid #d9be65;border-top:3px solid #d9be65;padding-top:1px;padding-bottom:1px;z-index:9999999999}.dropdown-item{display:block;padding:0;margin:0;border-bottom:1px solid #fff;font-size:12px;color:#000;height:20px}
.nav-item{height:30px}nav .navbar-nav li{padding-left:4px;padding-right:4px;height:auto;z-index:99999999999}.nav-tabs{z-index:0;padding:2px}.nav-link{padding:2px}}.nav-link{color:#000}.dropdown-item.active,.dropdown-item:active{background-color:#5d9fa0}.dropdown-item:focus,.dropdown-item:hover{background-color:#5d9fa0}.quick-links{font:9pt Roboto;padding:0 0;height:100%!important;background-color:#71a8e200;height:100%!important;color:#060606;border-color:#dabe64}.copyright>a{color:#fff}.judges-background{background-color:#99d8c2}.modal-content{background-color:#deffef}.bg-main{padding-bottom:10px;padding-top:10px}.overlay{background:#e9e9e9;display:none;position:fixed;top:0;right:0;bottom:0;left:0;opacity:.5;z-index:99;overflow:auto}.loader,.loader-label{position:absolute;left:50%;top:50%;border-radius:50%;width:120px;height:120px}.loader-label{left:53%;top:58%;width:53px;height:15px;color:#000}.loader{animation:spin 2s linear infinite;border-top:16px solid #4ca287}.anchor-link,.anchor-link:hover{color:#fff}.table-responsive{/*display:inline-table!important*/}.rules-header{font-size:15px;border-radius:5px;background-color:#bfbfbf}.rules-headings{font-size:14px}.rules-top-header{background-color:#dcdcd9;border-radius:5px;padding:5px}.sitemap-left{padding-top:10px;float:left;border:1px solid #5c5e61;border-bottom:0;border-radius:5px;box-shadow:5px -2px 12px 1px;background-color:#e3f1ee;min-height:950px}.himanshu-sitemap-link a{font-weight:Bold;border:1px solid #124578;width:100%;border-radius:5px;line-height:2;padding-top:2px;padding-right:5px;padding-bottom:2px;padding-left:5px}.himanshu-sitemap-link a:hover{text-decoration:none;color:#000}
  .former-cj-box {
        border: 1px solid #124554;
        padding: 5px;
        border-radius: 5px;
        background-color: #d6e0de;
    }

    
   #left-side-menu{
    padding: 0;
    float:left;
    background-color: #79aeaf;
    border-radius: 5px;
}
.left-menu-link{
    color: #000;
    display: block;
    font-size: 11.5pt;
}
.left-menu{
 background: whitesmoke;    
}

.left-menu li ul.dropdown{
    background: #f2f2f2;
}

#nav {
    background-color: #518c78;
    }



  #nav {

    cursor: default;
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("assets/img/bg01.png");
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("assets/img/bg01.png");
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("assets/img/bg01.png");
    background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("assets/img/bg01.png");
    padding: 0;
  }

    #nav:after {
      content: '';
      display: block;
      width: 100%;
      height: 0.75em;
      background-color: #197d74;
     background-image: url("assets/img/bg01.png");
    }

    #nav > ul {
      margin: 0;
    }

      #nav > ul > li {
        position: relative;
        display: inline-block;
        margin-left: 1em;
      }

     

        #nav > ul > li:first-child {
          margin-left: 0;
        }

       

        #nav > ul > li.current {
          font-weight: 600;
        }

          #nav > ul > li.current:before {
         /*   -moz-transform: rotateZ(45deg);
            -webkit-transform: rotateZ(45deg);
            -ms-transform: rotateZ(45deg);
            transform: rotateZ(45deg);
            width: 0.75em;
            height: 0.75em;
            content: '';
            display: block;
            position: absolute;
            bottom: -0.5em;
            left: 50%;
            margin-left: -0.375em;
            background-color: #37c0fb;
            background-image: url("assets/img/bg01.png");*/
          }

   

        #nav > ul > li.active.current:before {
          opacity: 0;
        }

        #nav > ul > li > ul {
          display: none;
        }

/*        nav > ul > li:hover {
           -moz-transform: rotateZ(45deg);
            -webkit-transform: rotateZ(45deg);
            -ms-transform: rotateZ(45deg);
            transform: rotateZ(45deg);
            width: 0.75em;
            height: 0.75em;
            content: '';
            display: block;
            position: absolute;
            bottom: -0.5em;
            left: 50%;
            margin-left: -0.375em;
            background-color: #37c0fb;
            background-image: url("assets/img/bg01.png");
        }*/


#nav > ul {
    margin: 0;
}

   #nav > ul > li a {
         color: White; 
          text-decoration: none;
          border: 0;
          display: block;
          padding: 0.8em 0.5em 0.8em 0.5em;
        }


      #nav > ul > li.current a {
            color: white;
          }

        #nav > ul > li.active a {
          color: white;
        }
 #nav > ul > li:hover a {
          color: white;
        }

 


.dropotron
{
    background-color: #439275;
}

.dropotron > li > a{
    color: #fff;
}
.dropotron > li > a {
        color: White;
        text-decoration: none;
        border: 0;
      }

      .dropotron > li.active > a, .dropotron > li:hover > a {
        color: #fff;
      }
.button{
    background-color: #17a2b8;
	color:white;
}

.active-accor, .accordion:hover {
    background-color: #457d6e;
    border-radius: 5px;
    margin-top: 5px;
}

.accordion {
    box-shadow: 2px -5px 2px 0px #8fb3ac;
    background-color: #5f9288;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}


/*    Header CSS CODE    */
.top-bar {
    background: #6ebdbd;
    color: #000;

    width:100%;
    justify-content: space-between;
    align-items: center;

    padding: 6px 15px;*/
}
.top-icon:focus-visible{
    outline:3px solid #E5E41B;
    outline-offset:3px;
}


.top-left {
    font-size: 14px;
    font-weight: 500;
}

.top-right {
/*    display: flex;*/
    align-items: center;
    gap: 12px;
     padding-right: 10px;
/*      margin-right: 30px;*/
}

.top-icon {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-size: 15px;
    padding-right: 10px;
}

.top-icon:hover {
    color: #ffd700;
}

.top-icon img {
    width: 18px;
    height: 18px;
}

.search-box {
    display: flex;
    align-items: center;
    gap: 5px;
}

.search-box input {
    width: 220px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    z-index: 9999;
}



.dropdown-header {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    font-weight: 600;
}
.dropdown-accessibility {
    position: relative;
}

.dropdown-menu-accessibility {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 9999;
    background-color: #7ebfbf;
   width: 300px;

}

.dropdown-accessibility:hover .dropdown-menu-accessibility {
    display: block;
}

  
  input[type=date], input[type=time]{
    min-height: 2.5rem;
  }

.scroll-overflow{
  overflow-x: scroll;
}

/*.footer-dark{
    margin-top: 30px;
}*/

.header-link-seprator{
  border-right: 1px solid #4a967c;
  padding-right: 4px;
  padding-left: 4px;
}

#search_form {
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    position: absolute;
    padding: 0px;
   /* height: 36px;*/
    visibility: visible;
    right: 0px;
    z-index: 9999;
    /*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);*/
    padding: 0px 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
    text-align: -webkit-match-parent;
    /*background: rgba(0,http://10.146.19.63/highcourt/ 0, 0, .2);*/
}

.size-font{
  cursor:pointer; 
}

.size-font:hover{
  color:Blue !important;
}


.zoom-hover:hover{
      zoom: 1.1;
}

.nav-link{
      font-size: 11.5pt;
}

  
@-moz-document url-prefix() { 
  .card-header > .nav > .nav-item > .nav-link{ 
      padding: .2rem 0.5rem;
}
}

@media screen (max-width: 800px) {

.navbar {
    position: absolute !important;
    left: 0;
    top: 0;
  }

}
@media screen and (min-width: 1081px) and (max-width: 1290px) {
  .nav-link{
    font-size: 8.5pt;
  }

}

@media screen and (min-width: 1060px) and (max-width: 1080px) {
  .nav-link{
    font-size: 7.5pt;
  }

}

@media screen and (min-width: 992px) and (max-width: 1059px) {
  .nav-link{
    font-size: 6.5pt;
  }

}


.footer-wrapper {
    width: 100%;
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

/* ==========================
   TOP FOOTER
========================== */

.footer-top-wrapper {
    background: #000000;
    padding: 12px 0;
    color:#ffffff;
}

.footer-top-container ul {
    margin: 0;
    padding: 0;
    list-style: none;

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 20px;
}

.footer-top-container ul li {
    margin: 0;
    padding: 0;
}

.footer-top-container ul li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
}

.footer-top-container ul li a:hover {
    color: #fff;
    text-decoration: underline;
}

/* ==========================
   BOTTOM FOOTER
========================== */

.footer-bottom-wrapper {
    background: #000000;
    color: #ffffff;
    padding: 15px 0;
    border-top: 1px solid rgba(255,255,255,0.15);
}

.footer-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.copyright-content {
    flex: 1;
    font-size: 13px;
    line-height: 1.7;
}

.copyright-content strong {
    color: #ffffff;
}

.copyright-content span {
    display: block;
    margin-top: 4px;
}

.copyright-content a {
    color: #ffd700;
    text-decoration: none;
}

.copyright-content a:hover {
    text-decoration: underline;
}

/* ==========================
   LOGO
========================== */

.logo-cmf {
    flex-shrink: 0;
}

.logo-cmf img {
    max-height: 55px;
    width: auto;
    display: block;
}

/* ==========================
   COMMON CONTAINER
========================== */

.common-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* ==========================
   RESPONSIVE
========================== */

@media (max-width: 768px) {

    .footer-content {
        flex-direction: column;
        text-align: center;
    }

    .footer-top-container ul {
        flex-direction: column;
        gap: 8px;
    }

    .logo-cmf {
        margin-top: 10px;
    }
}



.inline-font-size{
  font-size: 11pt;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.top-bar {
    background: #003366;
    color: #fff;

    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 6px 15px;
}

.top-left {
    font-size: 14px;
    font-weight: 500;
}

.top-right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.top-icon {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-size: 15px;
}

.top-icon:hover {
    color: #ffd700;
}

.top-icon img {
    width: 18px;
    height: 18px;
}

.search-box {
    display: flex;
    align-items: center;
    gap: 5px;
}

.search-box input {
    width: 220px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    z-index: 9999;
}



.dropdown-header {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    font-weight: 600;
}

@media (max-width:768px) {

    .top-bar {
        flex-direction: column;
        gap: 8px;
    }

    .top-left {
        display: none;
    }

    .top-right {
        flex-wrap: wrap;
        justify-content: center;
    }

    .search-box input {
        width: 140px;
    }
}




ol {
    list-style: decimal;
    padding-left: 1.25em;
  }

    ol li {
      padding-left: 0.25em;
    }

  ul {
    list-style: disc;
    padding-left: 1em;
  }


  ul.links {
    list-style: none;
    padding-left: 0;
  }

    ul.links li {
      line-height: 2.5em;
      padding-left: 0;
    }
ul.icons {
    cursor: default;
    list-style: none;
    padding-left: 0;
  }

    ul.icons li {
      display: inline-block;
      line-height: 1em;
      padding-left: 1.5em;
    }

      ul.icons li:first-child {
        padding-left: 0;
      }

      ul.icons li a, ul.icons li span {
        font-size: 2em;
        border: 0;
      }

ul.menu {
    list-style: none;
    padding-left: 0;
  }

    ul.menu li {
      border-left: solid 1px #e0e0e0;
      display: inline-block;
      padding: 0 0 0 1em;
      margin: 0 0 0 1em;
    }

      ul.menu li:first-child {
        border-left: 0;
        margin-left: 0;
        padding-left: 0;
      }


ul {
    list-style: disc;
    padding-left: 1em;
}

ul {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* Dropotron */

  .dropotron {
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("assets/img/bg01.png");
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("assets/img/bg01.png");
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("assets/img/bg01.png");
    background-image: linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("assets/img/bg01.png");
   /* background-color: #439275;*/
    border-radius: 5px;
    /*color: #fff;*/
    min-width: 10em;
    padding: 1em 0;
    text-align: justify;
    box-shadow: 0 1em 1em 0 rgba(0, 0, 0, 0.5);
    list-style: none;
  }

    .dropotron > li {
      line-height: 2em;
      padding: 0 1.1em 0 1em;
    }

      

    .dropotron.level-0 {
      border-radius: 0 0 5px 5px;
      font-size: 0.9em;
      padding-top: 0;
      margin-top: -1px;
    }



  /* Narrower */
  #navPanel, #titleBar {
    display: none;
  }

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

      /* Basic */
      html, body {
        overflow-x: hidden;
      }

      body, input, select, textarea {
        font-size: 13pt;
      }

      h1, h2, h3, h4, h5, h6 {
        margin-bottom: 0.5em;
      }

      header p {
        margin-top: -0.75em;
      }

      header.major {
        text-align: center;
        margin: 0 0 2em 0;
      }

        header.major h2 {
          font-size: 1.75em;
        }

        header.major p {
          top: -0.25em;
          font-size: 1.25em;
        }

    /* Box */

      .box.highlight {
        text-align: left;
        position: relative;
        padding-left: 7em;
      }

        .box.highlight i {
          position: absolute;
          margin: 0;
          left: 0;
          top: 0.25em;
        }

      .box.post .inner {
        margin-left: calc(20% + 2em);
      }

      .box.post .image {
        width: 20%;
      }

    /* Header */

      #header {
        display: none;
      }

    /* Banner */

      #banner {
        height: 20em;
      }

        #banner header h2 {
          display: block;
        }

        #banner header .button {
          margin: 1em 0 0 0;
        }

      /* CTA */
      /*
      #cta {
        padding: 1.5em 0;
      }

        #cta header h2 {
          display: block;
        }

        #cta header .button {
          margin: 1em 0 0 0;
        }
        */

    /* Footer */

   
.footer-wrapper {
    width: 100%;
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

/* ==========================
   TOP FOOTER
========================== */

.footer-top-wrapper {
    background: #000000;
    padding: 12px 0;
}

.footer-top-container ul {
    margin: 0;
    padding: 0;
    list-style: none;

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 20px;
}

.footer-top-container ul li {
    margin: 0;
    padding: 0;
}

.footer-top-container ul li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
}

.footer-top-container ul li a:hover {
    color: #white;
    text-decoration: underline;
}

/* ==========================
   BOTTOM FOOTER
========================== */

.footer-bottom-wrapper {
    background: #000000;
    color: #ffffff;
    padding: 15px 0;
    border-top: 1px solid rgba(255,255,255,0.15);
}

.footer-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.copyright-content {
    flex: 1;
    font-size: 13px;
    line-height: 1.7;
}

.copyright-content strong {
    color: #ffffff;
}

.copyright-content span {
    display: block;
    margin-top: 4px;
}

.copyright-content a {
    color: #ffd700;
    text-decoration: none;
}

.copyright-content a:hover {
    text-decoration: underline;
}

/* ==========================
   LOGO
========================== */

.logo-cmf {
    flex-shrink: 0;
}

.logo-cmf img {
    max-height: 55px;
    width: auto;
    display: block;
}

/* ==========================
   COMMON CONTAINER
========================== */

.common-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* ==========================
   RESPONSIVE
========================== */

@media (max-width: 768px) {

    .footer-content {
        flex-direction: column;
        text-align: center;
    }

    .footer-top-container ul {
        flex-direction: column;
        gap: 8px;
    }

    .logo-cmf {
        margin-top: 10px;
    }
}


    /* Nav */

      #page-wrapper {
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-transition: -moz-transform 0.5s ease;
        -webkit-transition: -webkit-transform 0.5s ease;
        -ms-transition: -ms-transform 0.5s ease;
        transition: transform 0.5s ease;
        padding-bottom: 1px;
        padding-top: 44px;
      }

      #titleBar {
       /* top: 15px !important;*/
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-transition: -moz-transform 0.5s ease;
        -webkit-transition: -webkit-transform 0.5s ease;
        -ms-transition: -ms-transform 0.5s ease;
        transition: transform 0.5s ease;
        display: block;
        height: 44px;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10001;
        background-color: #333;
        /*background-color: #94aaac00;*/
        background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("assets/img/bg01.png");
        background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("assets/img/bg01.png");
        background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("assets/img/bg01.png");
        background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("assets/img/bg01.png");
        height: 44px;
        line-height: 44px;
        /*box-shadow: 0 4px 0 0 #37c0fb;*/
        box-shadow: 0 4px 0 0 #0f5a2d;
      }

        #titleBar .title {
          display: block;
          position: relative;
          font-weight: 600;
          text-align: center;
          color: #fff;
          z-index: 1;
        }

          #titleBar .title em {
            font-style: normal;
            font-weight: 300;
          }

        #titleBar .toggle {
          text-decoration: none;
          border: 0;
          height: 60px;
          left: 0;
          position: absolute;
          top: 0;
          width: 80px;
          z-index: 2;
        }

          #titleBar .toggle:before {
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-transform: none !important;
          }

          #titleBar .toggle:before {
            content: '';/*\f0c9*/
            /*content: url(assets/img/menu_icon.png);*/
            
            background-image: url('assets/img/menu_icon.png');
            background-repeat: no-repeat;
            background-size: contain;
            display: inline-block;

            display: block;
            height: 44px;
            width: 44px;

            text-align: center;
            color: #fff;
            opacity: 0.7;
          }

          #titleBar .toggle:active:before {
            opacity: 0.75;
          }

      #navPanel {
        background-color: #1f1f1f;
        box-shadow: inset -1px 0 3px 0 rgba(0, 0, 0, 0.5);
        background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 75%, rgba(0,0,0,0.15)), url("assets/img/bg01.png");
        background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 75%, rgba(0,0,0,0.15)), url("assets/img/bg01.png");
        background-image: -ms-linear-gradient(left, rgba(0,0,0,0) 75%, rgba(0,0,0,0.15)), url("assets/img/bg01.png");
        background-image: linear-gradient(left, rgba(0,0,0,0) 75%, rgba(0,0,0,0.15)), url("assets/img/bg01.png");
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-transform: translateX(-275px);
        -webkit-transform: translateX(-275px);
        -ms-transform: translateX(-275px);
        transform: translateX(-275px);
        -moz-transition: -moz-transform 0.5s ease;
        -webkit-transition: -webkit-transform 0.5s ease;
        -ms-transition: -ms-transform 0.5s ease;
        transition: transform 0.5s ease;
        display: block;
        height: 100%;
        left: 0;
        overflow-y: auto;
        position: fixed;
        top: 0;
        width: 275px;
        z-index: 10002;
      }


        #navPanel .link {
          font-size: 15px;
          border-bottom: 0;
          border-top: solid 1px rgba(255, 255, 255, 0.05);
          color: #888;
          /* display: block; */
          display: table;
          height: 48px;
          line-height: 48px;
          padding: 0 1em 0 0.4em;
          text-decoration: none;
        }

          #navPanel .link:first-child {
            border-top: 0;
          }

          #navPanel .link.depth-0 {
            color: #fff;
          }

          #navPanel .link .indent-1 {
            display: inline-block;
            width: 1em;
          }

          #navPanel .link .indent-2 {
            display: inline-block;
            width: 2em;
          }

          #navPanel .link .indent-3 {
            display: inline-block;
            width: 3em;
          }

          #navPanel .link .indent-4 {
            display: inline-block;
            width: 4em;
          }

          #navPanel .link .indent-5 {
            display: inline-block;
            width: 5em;
          }

      body.navPanel-visible #page-wrapper {
        -moz-transform: translateX(275px);
        -webkit-transform: translateX(275px);
        -ms-transform: translateX(275px);
        transform: translateX(275px);
      }

      body.navPanel-visible #titleBar {
        -moz-transform: translateX(275px);
        -webkit-transform: translateX(275px);
        -ms-transform: translateX(275px);
        transform: translateX(275px);
      }

      body.navPanel-visible #navPanel {
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }

  }

.dropdown-item:focus, .dropdown-item:hover {
    border-radius: 5px;
  }
/* Mobile */

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

    /* Basic */

 /*     body, input, select, textarea {
        font-size: 11pt;
        line-height: 1.35em;
      }

      h2 {
        font-size: 1.25em;
        letter-spacing: 0;
        line-height: 1.35em;
      }

      h3 {
        font-size: 1em;
        letter-spacing: 0;
        line-height: 1.35em;
      }

      header p {
        margin-top: -0.5em;
        font-size: 1em;
      }

      header.major {
        padding: 0 20px;
      }

        header.major h2 {
          font-size: 1.25em;
        }

        header.major p {
          top: 0;
          margin-top: 1.25em;
          font-size: 1em;
        }
*/
    /* Menu */

      ul.menu li {
        border: 0;
        padding: 0;
        margin: 0;
        display: block;
        line-height: 2em;
      }

    /* Banner */

    /*  #banner {
        height: 18em;
      }*/

    /* Wrapper */
/*
      .wrapper {
        padding: 2em 0 1px 0;
      }
*/
  }


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

     /* #item {display: block;}
      #button {display: block;}
*/
}
.header-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 120px;

    padding: 2px;

    background: linear-gradient(
        to bottom,
        #5da28d 0%,
        #6eb39d 50%,
        #6ab09a 100%
    );

    box-shadow: inset 0 -8px 15px rgba(0,0,0,0.08);
}

.header-logo {
    flex: 0 0 100px;
    text-align: center;
}

.header-logo img {
    max-height: 100%;
    width: 100%;
}

.left-logo {
    position: relative;
    width: 140px;
    height: 140px;

    display: block;
    justify-content: center;
    align-items: center;
}


.header-title {
    flex: 1;
    text-align: center;
    color: #fff;
}

.header-title h1 {
    margin: 0;
    flex:1;
    font-size: 3rem;
    font-weight: 700;
    font-family: Georgia, serif;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

.header-title h2 {
    margin-top: 12px;
    font-size: 1.8rem;
    font-weight: 600;
    font-family: Georgia, serif;
    letter-spacing: 1px;
}

.right-logo {
    position: relative;
    width: 140px;
    height: 140px;

    display: block;
    justify-content: center;
    align-items: center;
}

/*.right-logo::before {
    content: "";
    position: relative;

    width: 110px;
    height: 110px;

    background: #fff;
    border-radius: 50%;
      border-radius: 50%;

    border: 2px solid rgba(0,0,0,0.15);
    z-index: 0;
}*/
.left-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}



.right-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* Responsive */

@media (max-width: 768px) {

    .header-banner {
        flex-direction: column;
        gap: 10px;
        padding: 2px;
    }

    .header-title {
    flex: 1;
    min-width: 0;
    text-align: center;
    color: #fff;
}

    .header-title h1 {
        font-size: 1.8rem;
    }

    .header-title h2 {
        font-size: 1rem;
    }

    .header-logo img {
        max-height: 70px;
    }
}
/*     MAIN CSSSS */
.card:hover{
  /*background-color: #edf2f7;*/
  webkit-box-shadow: 0 1px 20px 3px #f5dae7; */
    /* box-shadow: 0 1px 20px 3px #f5dae7; */
    /* border: 1px solid rgba(229,31,123,0.18); */
    -webkit-box-shadow: 0 1px 20px 3px #A39EA0;
    box-shadow: 0 1px 20px 3px #a29ea0;
    border: 1px solid rgba(154, 151, 152, 0.18);
}
.nav-item-border
{
    border-top: 1px solid #8e8e8e;
    border-right: 1px solid #8e8e8e;
    border-left: 1px solid #8e8e8e;
    border-radius: 5px;
    box-shadow: 0px -2px 0px 2px #a1b1ad;
}

.nav-item-border > a:hover, .nav-item-border:hover{
  background-color: #f1f1f1b8;
  box-shadow: 0px -2px 0px 2px #8e8e8ead;
}

.card{
  min-height: 330px;
 }

.more{
  font-weight: bold;
}

hr{
      margin: 0.5em;
}

.card1{
    min-height: 440px !important;
}

.card-body
{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.list-group-item{
  line-height:1.7;
  padding:0px;
}

#multilines > .container{
  padding-right: 0px !important;
  padding-left:  0px !important;
  margin-right: auto; 
  margin-left: auto;
}

/*maps css goes here*/

/*#multilines ul.newsticker > li:nth-child(even)*/
.ticker-odd{
    background-color: White;
    border-radius: 5px;
}

.ticker-even{
  background-color: #f9f9f9;
  border-radius: 5px;
  padding:5px;
}


#multilines ul.newsticker >li{
  padding:5px;
}

#multilines .container:before, #multilines .container:after {
  border-radius: 100px 100px 100px 100px / 10px 10px 10px 10px;
  bottom: 0;
  content: "";
  left: 10px;
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: -1;
}

#multilines ul {
  display: block;
  margin: 0;
  padding: 0;
}

#multilines ul > li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  /*padding: 14px 17px;*/
  /* border-bottom: 1px dotted #888; */
  -o-transition: background-color .2s;
  -moz-transition: background-color .2s;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
  border-bottom: 1px dotted #888;
  border-top: 1px dotted #888;
}


.card-header{
      font-size: 12pt;
}


@media screen and (min-width: 1060px) and (max-width: 1080px) {
  .card-header{
    font-size: 11pt;
  }

}

@media screen and (min-width: 992px) and (max-width: 1059px) {
  .card-header{
    font-size: 10pt;
  }

}


.aq:hover{
  text-decoration: none;
}



.list-group{
    text-align: justify;
}



 .list-group li a{
  font-weight: bold;
  font-size: 12.50px;
}


  .left-menu{
    border: 1px solid #bdbdbd;
    list-style: none;
    }
    .left-menu li{
    
        display: inline-block;
        position: relative;
        line-height: 1.2;
        text-align: left;
    }
    .left-menu li a{
        display: block;
        padding: 8px 20px;
       
        text-decoration: none;
    }
    .left-menu li a:hover{
      color: #005fd4;
      text-decoration: underline;
      background: #96929200;
    }
    .left-menu li ul.dropdown{
        min-width: 80%; /* Set width of the dropdown */
        display: none;
        position: absolute;
        z-index: 999;
        left: 0;
    }
    .left-menu li:hover ul.dropdown{
         margin-left: 20%;
        display: block; /* Display the dropdown */
            border: 1px solid #8c9196;
    }
    .left-menu li ul.dropdown li{
        display: block;
    }