/* Place your Bootstrap and SmartGuide overwrites here as well as any custom classes */
/* General properties */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
body {
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.846;
    color: #000000;
    background-color: #ffffff;
    overflow-x: hidden;
}
/* Tooltip and popover */
.tooltip, .popover {
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Navigation bar */
.navbar-inverse {
	background-color: #2196f3;
}
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.active>a:focus {
    color: #ffffff;
    background-color: #0c7cd5;
}
/* First set of links in top navigation bar */
.navbar-collapse > ul:first-of-type a {
	text-transform: uppercase;
}
/* Spacing above logo section */
.page-header {
	margin: 86px 0 12px;
	padding-bottom: 0;
}
@media (min-width: 768px) {
	.page-header {
		margin: 10px 0 23px;
		padding-bottom: 10px;
	}
}
/* Logo */
@media (max-width: 768px) {
	img.logo {
		max-width: 60%;
	}
}
/* "Online services" text below navigation bar */
.page-header .pull-right {
	font-size: 18px;
}
/* Smartlet title */
.page-header h1 {
	color: #0c7cd5;
	font-size: 20px;
	text-align: center;
	border: 1px solid #ccc; 
	border-width: 1px 0;
	margin: 20px 0;
	padding: 7px;
}
@media (min-width: 768px) {
	.page-header h1 {
		font-size: 24px;
		margin: 40px 0;
	}
}
/* Page sections breadcrumb trail */
.section li p.current {
	color: white;
}
.section li p.current, 
.section li p.current:after,
.section li p.before-current:after {
	background-color: #0c7cd5;
}
/* Page title */
.page-title h2 {
  color: #0c7cd5;
  font-size: 20px;
  margin-top: 0;
}
@media (min-width: 768px) {
	.page-title h2 {
		font-size: 24px;
	}
}
/* Readonly */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	color: #bbb;
}

.viewDiv {
            padding: 0;
      margin: 0;
      height: 30vw;
      width: 100%;
        }
/****************************************************************/
.btn-group button {
  background-color: #EEEEEE; /* Green background */
  border-right: 1px solid white; /* Green border */
  border-radius:0;
  color: #004B87; /* White text */
  padding: 0; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  float: left; /* Float the buttons side by side */
}

/* Clear floats (clearfix hack) */
.btn-group:after {
  content: "";
  clear: both;
  display: table;
}

.btn-group button:not(:last-child) {
  border-right: none; /* Prevent double borders */
}

/* Add a background color on hover */
.btn-group button:hover {
  background-color: #004B87;
  color:#ffffff;
}

.btn-group button:active{
    background-color: #004B87;
    color:#ffffff;
}

.btn-block.btn-link {
    padding: 5px !important;
    margin: 0px !important;
    display: inline !important;
    width: 100% !important;
    border-right: 1px solid #ffffff !important;
}

.form-group {
     margin-bottom: none !important;
}
.tabbing .col-md-1,.col-md-2{
    padding: 0px !important;
    
}
.tabbing .row{
    width: 100% !important;
    margin: 0px !important;
}

.ml-neg15{
    margin-left:15px;
}

.mr15{
    margin-right:15px;
}