@font-face {
    font-family:'Verdana';
    src: url(../../dist/fonts/Verdana.ttf);
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'Calibri';
    src: url(../../dist/fonts/Calibri.ttf);
    font-weight: normal;
    font-style: normal;
}

html{
overflow: visible;  
}
body{
  padding-top: 0;
  font-family: 'Calibri', serif;
  color:#252424;
}
p{
  color:#252424; 
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Calibri', serif;
  font-family: 'Verdana', serif;
}
label{
  color:#656565;
  font-weight: 500;
  font-family: 'Verdana', serif;
  font-family: 'Calibri', serif;
}
label{
  color:#252424;  
}
a:hover, a:focus{
  text-decoration: none;
}

/* Common css*/
.header-outs{
  min-height:0;
}

.text-danger{
  color:red;
}
.none{
display: none !important; 
}
.text-justfy{
  text-align: justify;
}
 .black_color{
  color:black;
 }
.clearfix{
   /*display: inline-block;*/
 }
h3.title_text_color_white{
    color:white;
}
.w3-header-top-right-text{
  float: right;
}
.w3-header-top-right-text a{
  color: #fff;
}
.w3-header-top-right-text a:hover{
  color: #ff5722;
}

.page-title{  
    color: black;
    margin-top: 0;
    display: inline-block;    
    font-size: 30px;    
    padding: 10px 10px 5px 0px;  
    margin-bottom: 10px;    
}
.txt-right{
  text-align: right !important;
}


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.pagination>li>a{
  color: black;
}
.padding-0{
    padding-right:0;
    padding-left:0;
}

/*
================== HEADER CSS ===================
*/  
.head-wl{
  padding-bottom: 7px;
}
ul.nav.navbar-nav li a{
  font-size: 17px;
  font-weight: 500;
}

.navbar{
  margin-bottom: 0px;
}
.container .jumbotron, .container-fluid .jumbotron{
  border-radius:0px;
}
.btn-custom-link{
  
}
.btn-custom-link span{
  padding-right: 5px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
  background-color: #ff5722;
    border-color: #ffd700;
    color: white;
}
.my-button{
  background-color: #ff5722;
  border-color: #ffd700;
  border-color:#efdfb3;
  color: white;  
}
.my-button:hover, .my-button:active, .my-button:focus, .my-button:active:focus{
    background-color: #9a1c26;
    border-color: #ffd700;
    color: white;
    outline: 0px;
}
.navbar-default{
  background-color: white;
}

.fixed-me{
    background-color:#fff !important;
    padding: 0px  !important;    
    position: fixed;
    top:0;
    z-index:888;
    width: 100%;
   -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
   -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
ul.nav.navbar-nav li a.active {
    color: #ff5722;
    border-bottom: 1px solid #ff5722;
}

/*1.)header css  */
.navbar{
  border-radius: 0px;
}
.navbar-default{
  border-bottom-width:1px !important;
}
.top-nav{
  /*border-bottom: 1px solid #eaeaea;  */
}
.header{
  /*background-color: #f8f8f8;*/  
  width: 100%;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/knowhowca/dist/img/menubg.gif);
    background-repeat: repeat-x;
    background-position: center top;
    border-top: 5px solid #EFA218;
}
ul.nav li a{
  color: white;
}
.nav>li{
  border-right: 1px solid white
}
.nav .caret, .nav a:hover .caret{
    border-top-color: #636363;
    border-bottom-color: #636363;
}
.navbar-toggle{
  border-color: white;
  margin: 0;
}
.navbar-toggle .icon-bar{
    background-color: white;
}
.nav>li>a:hover, .nav>li>a:focus{
  background-color: #0262AE;
  color: white;
}
.navbar-default{
  border-width:0 
}
.navbar-inverse{   
  
   /*background: #0667b2; /* For browsers that do not support gradients */
   /*background: -webkit-linear-gradient(#0667b2, #0771c2); /* For Safari 5.1 to 6.0 */
   /*background: -o-linear-gradient(#0667b2, #0771c2); /* For Opera 11.1 to 12.0 */
   /*background: -moz-linear-gradient(#0667b2, #0771c2); /* For Firefox 3.6 to 15 */
   /*background: linear-gradient(#0667b2, #0771c2); /* Standard syntax */
    border-color: #ffd700;  
    border-color:#efdfb3;
    padding: 5px 0;
}
.nav-section{
  background-color: #1f75b6;
}
.navbar-inverse .navbar-nav>.active>a{
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{
  
    background: white;
    /*background: -webkit-linear-gradient(red, yellow);
    background: -o-linear-gradient(red, yellow);
    background: -moz-linear-gradient(red, yellow);
    background: linear-gradient(white, rgb(255, 255, 255));*/
    border-radius: 5px;
    color: #9a1c26;
   
}
.navbar-nav{
   padding-top: 20px; 
}
.navbar-nav > li{
  margin-left: 10px;
}
ul.nav.navbar-nav li a{
   padding: 10px 0;
}
.navbar-nav > li > a{
  margin: 0;
  padding: 7px 15px;
     
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
  color: #9a1c26;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
  background-color: #fff;
  color: white;
}
.dropdown-menu{
  background-color: #fff;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
 background-color: #fff; 
}
.top-menu ul{
  float: right; 
  padding-top: 20px;
}
/*1.a) logo css */
.navbar-inverse .navbar-brand{
 color: white;  
}
.navbar-brand {
  padding: 0 0 0 5px;
  float: none;
}
.navbar-brand img{
  width: 350px;
  margin: 5px 0;
}
.navbar-brand .logo-img {
  height: 50px;
}
.navbar-brand h3{
  margin: 12px 0 0 0 ;
}

/*
================== CONTENT CSS ================
*/
.form-download-link{
  color:#ff5722;
}
/* HOME PAGE CSS*/
.agile-info-text h4{
  text-align: justify;
}
/*
================== HOME PAGE CSS ================
*/
.ser-icone{
  background: transparent;
  padding: 2px;
}
.stat-info-w3ls{  
  padding: 0;
}
.stats-grid{
  margin-bottom: 10px;
}
.stats-grid img{
  width: 100%;
}
.stats-grid h4{
  padding: 20px; 
  background: rgb(255, 255, 255);
  margin: 0;
}
/*
================== ABOUT PAGE CSS ================
*/
#about{
  padding: 0;
}
#about h3.title{
  margin-bottom: 12px;
}
.abut-grid-w3ls{
  padding-left: 0;
}
.abut-grid-w3ls h3{
  padding: 0;
  font-size:20px;
}
.specialcont ul li{
  font-family: 'Verdana', serif;
}
.specialcont h3{
    color: #000;
    margin-bottom: 10px;
    font-size: 20px;
    letter-spacing: 2px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px 0px;
    font-family: 'Verdana', serif;
}
 #about img{
  width: 100%;
  display: block;  
}
/*
================== CONTACT PAGE CSS ================
*/
#contact h3.title{
  margin-bottom: 22px;
}
.info-contact{
  padding-bottom: 0 !important;
  padding: 0;
  margin-bottom: 10px;
}
.contact-icons{
  padding: 0;
}
.gride-contact-agileinfo{
  padding:5px 0;
}
.contact-icons h5{
  padding-bottom: 5px;
}
 .footer_grid_left{
  margin-top: 5px;
 }
 .footer_grid_left p, .footer_grid_left p a{
  line-height: 25px;
 }
 .map-grid iframe{
  height: 205px;
 }
 .styled-input, .info-contact input[type="submit"]{
   margin:0.5em 0em 0em;
 }
/*
================== FOOTER CSS ================
*/
.footmenu{
  margin-top: 0 !important;
}
footer p, .buttom-social-grd{
  padding: 0 0 10px 0;
}
/*
================== MEDIA CSS ================
*/



/*1.b) menu css*/

/*
  banner css
*/
.banner{
  margin-bottom: 20px ;
}

/*1.c) sidebar menu css*/
.banner img{    
    width: 100%;
    height: 400px;
}
#sidebar p{
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#ffffff, #e8e8e8); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ffffff, #e8e8e8); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ffffff, #e8e8e8); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ffffff, #e8e8e8); /* Standard syntax */  
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
    background-color: #9a1c26;
    border-color: #9a1c26;    
    color: #ffd700;   
    color: #efdfb3;
}
.nav-sidebar-toggle {
  background-color: transparent;
  float: left;
}

.nav-sidebar-toggle .sidebar-toggle {
  border-color: #d8d4d4;
}

.nav-sidebar-toggle .sidebar-toggle .icon-bar {
  background-color: coral;
}

.nav-sidebar-toggle .sidebar-toggle:focus, .nav-sidebar-toggle .sidebar-toggle:hover{
  /*background-color: #9a1c26;*/
}
/*1.c) slider css*/
.jumbotron{
  background-image: url('../../dist/img/banner/banner.jpg');
}

/*1.c) sidebar menu*/
a.list-group-item-header{
  text-decoration: none;
  color:black; 
  font-size: 16px;
}
a.list-group-item-header i{
  color:#0775c9;
  font-size: 15px;
}
a.list-group-item-header:HOVER{
  text-decoration: none;  
}
.list-group-item:last-child{
  border-bottom-right-radius: 0px; 
  border-bottom-left-radius: 0px; 
}

/*1.d) slider*/

/*2.)content css*/
.table-group-concat-break{
   border: 1px solid darkgrey;
   padding: 2px 2px;
   margin-bottom: 5px;
   border-radius: 3px;
}
.home{
  padding:4em 0; 
}
.contact{
  background: white;
  padding: 0;
}
.about, .services, .contact, .info-contact, .team, .rate, .auto-bar, .testimonials, .gallery {
/*  padding: 0;
  background: white;*/
}
.whitecontainer{
  margin-top: 10px !important;
  padding: 0 !important;
}
.block{
  background-color: #f9f9f96b;
  border: 1px solid #ccc;
  border-radius: 1px;   
}
.block2 #sectionRecords{
  height:406px;
  overflow-y: auto;
}
.block2 #ruleRecords{
  height:395px;
  overflow-y: auto;
}
.rule-block2 #ruleRecords ,.notification-block2 #ruleRecords, .circular-block2 #ruleRecords{
   height:406px;
}
.block h4{
  background-color: #dedede;
  margin: 0 0 0 0;
  padding: 10px 5px;
  color: #0773c6;
}
.block .view_title h6{      
  background: #f4f4f4;
  color: #333;          
  padding: 10px 0;
  font-size: 18px;
}
div.block1-container{
  height: 490px;
}
div.block2-container{
  height: 490px; 
}
div.block3-container{
  height: 490px; 
}
.block3 .description{
  padding: 5px 10px;
  height: 412px;
  overflow-y: auto; 
  background-color: white;
}
.notification-block3 .description, .circular-block3 .description{
  height: 392px;
} 

div.adv-block1-container{
  height: 490px; 
}

div.adv-block2-container{
  height: 490px; 
}
.block2 div.adv-block2-container #sectionRecords{
  height: 450px;
}
div.adv-block3-container{
  height: 490px; 
}
div.adv-block3-container .description {
  height: 411px;
}
.block1 p{  
  border-bottom : 1px solid #d4d4d4;
  margin: 0;
}
.block1 p label.search-act-type{
   padding: 9px 50px 9px 20px;
   line-height: 1.5;
}
.block1 p.active{
  background-color: #efefef;
}


.block1 p a{
  padding: 10px 10px;
  display: block;
  color:black;
}
.block2 a{
  color: black;
}
.block2 p.section a{
  color: black;
  font-weight: bold; 
}
.block1 p a.btn-default{
  border-color: transparent;
}
.block2 p.active-section {
  background-color: whitesmoke;
}
.block1 p a:hover{
  text-decoration: none;
  color: red;
}
.block2 .search {
    margin: 5px 6px;
}
.block2 p{
  border-bottom : 1px solid #d4d4d4;
  padding: 0px 5px;
  margin: 0px;
}
.block3 .section-view{  
}

.block3 .description p{
  margin: 10px 0;
  font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
  font-size: 13px;
  color: #333;
  line-height: 1.6;
  word-wrap: break-word;
}

.block3 .description a{
  color: #ff5722;
}
.block3 .section-view-icon {
  font-size: 15px;
}
.block3 .section-view-icon a{
  color: #333333;
  text-decoration: none;
}
.gst-view .description{
  height: auto;
}
.gst_view_block .col-lg-6,.col-lg-3{
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 5px;
}
.gst_view_block .row{
  margin-left: 0;
  margin-right: 0;
}
p.author_coment {    
    padding: 4px 13px;
    border-radius: 2px;    
    font-weight: 600;
    display: inline;
    border-radius: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: #afafaf;
    /*background: #ab350f;
    color: white !important;
    font-size: 18px !important;*/
}
.block3 .description embed{
    width:100%;
    height:373px;
}
.chapter_records{
  height: 450px;
  overflow-y: auto;
  padding: 0px 5px;
}

/*
================= GST SEARCH PAGE CSS ======================
*/
.gst-search {
  /*padding: 10px 10px 0px 10px;*/
}
.gst-search .page-title{
  padding: 0;
  margin:0;
}
.gst-search .block h4.block-title{
  border-bottom: 1px solid #ccc;
}
.gst-search .block1 h4.block-title, .gst-search .block2 h4.block-title{
  margin-bottom: 0px;   
}
.gst-search .block h4{
  color: #191919;
}
.gst-search .block2 a:hover{
  color:#ff5722;
}
.adv-search-link{
  float: right;
  color:#ff5722;
}
/*
================= GST ADVANCED SEARCH PAGE CSS ======================
*/
.advance_search .form-group{
  margin-bottom: 20px;
}
.advance_search label{
  color: black;
}
.gst-adv-search .block1 form{
  padding: 0 5px;
}
.gst-adv-search .block1 form label{
  margin-bottom: 0;
}
.gst-adv-search .block1 form .form-control{
  height: 27px;
  padding: 1px 12px;
}
.gst-adv-search .block1 form .form-group{
  margin-bottom: 0px;
}
.gst-adv-search .block1 form .txt{
  margin-bottom: 5px;
} 
.gst-adv-search .block1 form .btn{
  margin-bottom: 5px;
} 
/*
================= GST VIEW PAGE CSS ======================
*/  
.gst-view .block-title{
  color:#191919;
  border-bottom: 1px solid #ccc;
}
.gst-view .view_title h6{
  margin: 0;
}
.gst-view .description{
  padding: 0 !important;
}
.gst-view .gst-view-content{
  padding: 5px 10px;
}
/*
====================== GST SEARCH POPUP CSS ===============
*/
.gst-search-popup{
  padding: 0 20px;
}
.gst-search-popup .description{
    padding: 0 15px;
}

.show-rule-content-popup{
  padding: 0; 
  border-radius: 0;
  background-color: transparent;
  max-width: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100% !important;
  top: 0% !important;
  -webkit-transform: none !important; 
  -moz-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}
.show-rule-content-popup h6{
  font-weight: 600;
  font-size: 15px;
  border-color: #e4e4e4;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 0px 0;
  border-radius: 1px;
  padding: 3px 0 3px 5px;
}
.show-rule-content-popup a{
  color:#ff5722;
}
.show-rule-content-popup .popup-links-block{
  max-height: 400px;
  overflow-y: auto;
  margin-bottom: 5px;
  border-color: #d0d0d0;
  border-style: solid;
  border-width: 1px;
  border-top: 0px;
  border-radius: 2px;
}
.show-rule-content-popup .popup-links-block p{
    padding-top: 5px;
    border-bottom: 1px solid #d0d0d0;
    text-align: justify;
    padding-left: 3px;
    padding-right: 3px;
}

.showPopup{
  color:blue !important;
  text-decoration: underline;
}

#showRuleContent {
  position: sticky;
  bottom: 150px;
  background-color: white;
  display: inline-block;
  padding: 0 1px;
  line-height: 1.2;  
  border-width: 1px;
  border-style: solid;
  border-color: #afafaf;
  border-left-width: 0;
  border-top-right-radius:2px;
  border-bottom-right-radius:2px;
}
#showRuleContent  a{
  color: #565656;
}
#showRuleContent a.show-rule-content-text{
   color:#0072c6;
}
.footnote{
  display: none;
}
#popup{    
   text-align: justify;  
   border-radius : 5px; 
   position: sticky;
   width: 100%;
   bottom: 0;
   padding: 5px 5px 3px 5px;
}
.popupcontent{
  background-color: #f7f7f7;
  padding: 10px 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; 
  height: 112px;
  overflow: auto;
}
.popuptopbar{
  background-color: #6d6d6d;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; 
}
.popuptopbar p{
  margin-bottom: 0;
}
.popuptopbar i{
  font-size: 20px;
  color: white;
  padding: 4px 5px;
}

.header-note-design{
  border-color: #d6d6d6;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    margin-bottom: 10px;
}
h3.title{
  /*color: white;*/
  margin-top: 20px;
}
.home h3.title{
  margin-top: 0px; 
}

.remove_field{
  line-height: 2.5;
}
.close-headnote{
  background-color: #efefef;
}
.close-headnote .text-right{
  margin-bottom: 0;
}
.caseNoYearBlock .remove_field{
   padding-top:24px;
   display:block;
}
.court-title{
  border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: #dedede;
}
.citation-title{
  margin: 0;
}
#testimonials img{
  width: auto;
}
/*********Contact Page css***********/    
  .info-contact input[type="text"], .info-contact input[type="email"], .info-contact textarea{
    border: 1px solid #a2a2a2;
    border-radius: 5px;
  }   
/*********Services Page css***********/
.services-block{
  border:1px solid #0775c9;
  padding: 5px 10px;
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 30px;
}
.services-block h4{
    background-color: #2790e0;
    margin: -5px -10px 6px -10px;
    padding: 10px 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size:12px;
  font-weight: 600;
  color: white;
}
.services-block img{
   float: left;
   padding-right:3px;
}
.servdiv{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.columngap{
  display: inline-block;
}
/*--======================= act page css =================--*/

/*3.)footer css*/
footer{
  padding: 10px 0 0;
}
.footer{
  background-color: black;
  color: white; 
}
.footer a{
  color: #ffd700; 
  color: #efdfb3;
}
/*4.)media css*/
@media ( max-width : 767px) {
  /*1.)header css  */
  /*1.a) logo css */
  /*1.b) menu css*/
  .navbar-collapse{
    background-color: #0775c9;
    box-shadow: none;
  }
  .nav>li{
    border-width: 0;
  } 

  /*1.c) sidebar menu*/
  /*1.d) slider*/
  /*2.)content css*/
  /*********Services Page css***********/
   .services-block img{
          float: none;          
          padding:0 0 5px 0; 
     } 
    #about img{
      width: 90%;
      margin: 0 auto;
    }

  /*3.)footer css*/ 
  }
}

body {
  counter-reset: section;
  text-align: justify;
}

@page {
  size: A4;
  margin: 5%;
  padding: 0 0 10%;
}

@media print {
  h3 {
    position: absolute;
    page-break-before: always;
    page-break-after: always;
    bottom: 0;
    right: 0;
  }
  h3::before {
    position: relative;
    bottom: -20px;
    counter-increment: section;
    content: counter(section);
  }
  .print {
    display: none;
  }
}


.navbar-nav:not(.sm-collapsible) ul .caret {
  position: absolute;
  right: 0;
  margin-top: 6px;
  margin-right: 15px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px dashed;
}
.navbar-nav:not(.sm-collapsible) ul a.has-submenu {
  padding-right: 30px;
}
/* make sub menu arrows look like +/- buttons in collapsible mode */
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
  position: absolute;
  right: 0;
  margin: -3px 15px 0 0;
  padding: 0;
  width: 32px;
  height: 26px;
  line-height: 24px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
}
.navbar-nav.sm-collapsible .caret:before {
  content: '+';
  font-family: monospace;
  font-weight: bold;
}
.navbar-nav.sm-collapsible .open > a > .caret:before {
  content: '-';
}
.navbar-nav.sm-collapsible a.has-submenu {
  padding-right: 50px;
}
/* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
  position: static;
  margin: 0 0 0 2px;
  padding: 0;
  width: 0;
  height: 0;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-bottom: 0;
  border-left: 4px solid transparent;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before {
  content: '' !important;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
  padding-right: 15px;
}
/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
  position: absolute;
  display: none;
  visibility: hidden;
  height: 20px;
  overflow: hidden;
  text-align: center;
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
  position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-top: 7px dashed transparent;
  border-right: 7px dashed transparent;
  border-bottom: 7px solid;
  border-left: 7px dashed transparent;
}
.navbar-nav span.scroll-down-arrow {
  top: 6px;
  border-top: 7px solid;
  border-right: 7px dashed transparent;
  border-bottom: 7px dashed transparent;
  border-left: 7px dashed transparent;
}
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
  padding-left: 35px;
}
.navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
  padding-left: 45px;
}
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
  padding-left: 55px;
}
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
  padding-left: 65px;
}
/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
.navbar-nav .dropdown-menu > li > a {
  white-space: normal;
}
.navbar-nav ul.sm-nowrap > li > a {
  white-space: nowrap;
}
.navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
  white-space: normal;
}
/* fix .navbar-right subs alignment */
.navbar-right ul.dropdown-menu {
  left: 0;
  right: auto;
}

@media (max-width: 767px){
  div#navbar {
    background: white;
  }
  .navbar-nav{
    float: none;
  }
  ul.nav.navbar-nav li a{
    text-align: left;
  }
  .top-menu ul{
  float: none;  
  padding:0;
  margin: 0 -15px;
  }
}
.section-view .login-gst-block{    
    padding: 50px !important;
    margin: 50px;
    border-top: 6px solid #008DD2;
    background: #F5F5F5;
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
}
.section-view .login-gst-block a{
    margin: 10px 0;
    width: 100%;
    color:white;
}
.section-view .login-gst-block p{
    text-align: center;
 }
 .admincontainer{
  background-color: white; 
 }
 .admincontainer hr{
  display: none; 
 }
 /*
 Contact Page Css
 */
 .gride-contact-agileinfo{
    border: 1px solid #e0e0e0;        
    margin-bottom: 10px;
 }
 .info-contact{
  padding-bottom: 30px;
 }
 .contact-icons h5{
  color:black;
 }
 .footer_grid_left p, .footer_grid_left p a{
  color:black;
 }