body {
	padding: 0px;
}

.navbar {
  margin-bottom: 0px;
}
.icon-bar {
  background-color: #000;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #fff;
  border-bottom: solid;
  color: #15297C;
  border-bottom-color: #E95006;
  border-right-color: #808080;
}
.my-li-a {
  color: #808080;
  border-right: solid;
  /*padding: 5px 15px 5px 25px;*/
  padding: 0px;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 30px;
}

.my-li-last {
  border-right: none;
}
.my-nav-top {
  border-top: 6px solid;
  border-top-color: #000099;
  padding: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.my-navbar-brand {
  color: #808080; 
  /*padding-top: 0px; 
  padding-bottom: 0px;*/
  height: 20px

}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    /*padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 30px;
    padding-right: 30px;*/
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 15px 0px;
  }
}
.vibrantgreat-active > a{
  text-decoration: none;
  background-color: #fff;
  border-bottom: solid;
  color: #15297C;
  border-bottom-color: #E95006;
  border-right-color: #808080;
}


.my-box-style {
  box-shadow: 5px 5px 10px #888888;
  padding: 20px;

}

.mybutton {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.mybutton3 {padding: 14px 40px;}

/*nav.mynavvv > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

nav.mynavvv > ul > li {
    float: left;
}

nav.mynavvv > ul > li > a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

nav.mynavvv > ul > li > a:hover {
    background-color: #111;
}*/

.my-div {
  margin: 0px;
  padding: 0px;
  width: 100%;
}

div.my-button-div {
  padding: 0px;
}

button.my-button {

    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}

button.my-button1 {
  background-color: #15297C;/*blue*/
  color: white;
/*  margin: 4px 2px;*/
  padding: 10px 0px;
}

button.my-button2 {
  background-color: #E95006;/*orange*/
  color: white;
/*  margin: 4px 2px;*/
  padding: 10px 0px;
}

button.my-button3 {
  background-color: #B5B5B6;/*gray*/
  color: black;
/*  margin: 4px 2px;*/
  padding: 10px 0px;
}

.application, .oe, .relearn {
  overflow-y: scroll;
  height: 500px;
}

img.application_head {
  /*position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;*/
}

div.application_head_title {
    position: absolute;
    left: 10%;
    top: 25%;
    width: 100%;
    font-size: 22px;
}


div.my-btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    left: 35%;
}

button.my-btn {
  color: white;
  background-color: #15297C;
  border-radius: 8px;
  border: none;
  padding-top: 0px;
  padding-bottom: 0px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

button.my-btn:hover {
	color: white;	
	background-color: #E95006;
	border-color: #E95006;
}

.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

@media (min-width: 768px) {
  .my-nav {
      /*float: right;*/
      /*margin: 0;*/
  }
}

.VG-btn-opacity{
    background: rgba(0,0,0,0.1);
    border: solid 2px;
    border-color: white;
    color: white;
}


.VG-fade-in-a-button{

}


.VG-img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.VG-middle {
	transition: .5s ease;
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%)
}

.VG-fade-in-a-button:hover .VG-img {
  opacity: 0.3;
}

.VG-fade-in-a-button:hover .VG-middle {
  opacity: 1;
}


#product_table th {
	background-color: rgba(21, 41, 124, 1);
	color: white;
}

#product_table tr:nth-child(even) {
  background-color: rgba(242, 242, 242, 0.5)
}

#product_table th, #product_table td {
  text-align: center;  
}

/*  for collapse below 991px */
@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}
/* collapse adjust end */


#table_detail th, #table_detail td {
  font-size: large;
}

.vibrant-content-font-size p {
  font-size: large;
}

.vibrant-content-font-size-FAQ p {
  font-size: medium;
}

.vibrant-pix-font-size-about {
  font-size: 180%;
  color: white;
}

div.news_overview {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

div.news_fix {
  height: 100px;
}

.VG-buttom-pic-style {
  padding: 0px;
}

.VG-tittle-style {
  color: #15297C;
}

.VG-select-style {
  background-color: white;
  color: #15297C;
  width: 135px;
  height: 25px;
  padding-left: 5px;
}