@media (min-width: 768px) {
    .brand-pills > li > a {
        border-top-right-radius: 0px;
    	border-bottom-right-radius: 0px;
    }
    
    li.brand-nav.active a:after{
    	content: " ";
    	display: block;
    	width: 0;
    	height: 0;
    	border-top: 20px solid transparent;
    	border-bottom: 20px solid transparent;
    	border-left: 9px solid #428bca;
    	position: absolute;
    	top: 50%;
    	margin-top: -20px;
    	left: 100%;
    	z-index: 2;
    }
}

.checkbox-container {
	overflow-y:scroll; 
	height:200px;
	border: solid 1px lightgray;
    padding: 5px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-radius: 4px;
    background-color: #ffffff;
}

.checkbox-label {
	font-weight: normal;
	font-size: 12px;
}

.no-top-margin {
	margin-top: 0px !important;
}

.no-bottom-margin {
	margin-bottom: 0px !important;
}

.no-side-margin {
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.no-right-padding {
	padding-right: 0px !important;
}

h3 {
	color: #777777;
}

label {
	color: #707070;	
	font-size: 12px;
}

body {
	/*background-color: #999999;*/
	background-color: #fff;
}

html, body {height: 100%;}

  
.footer {
	font-size: 10px;
	background-color: #444444;
	color: #dddddd;
}

.small-right-margin {
	margin-right: 5px !important;
}

.small-left-margin {
	margin-left: 5px !important;
}

.instruction {
	color: #aaaaaa;
	font-size: 12px;
}

.information {
	
	color: #070ee8;
	font-size: 12px;
}

.button-on-hr {
	margin-bottom: 5px;
}


.align-right {
	text-align: right;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

.penndot-blue {
	color: #00205B !important;
}

.penndot-yellow {
	color: #C69214 !important;
}

.penndot-green {
	color: #007A33 !important;
}

.penndot-red {
	color: #AF272F !important;
}

.penndot-light-blue {
	color: #7BAFD4 !important;
}

.bkgnd-penndot-blue {
	background-color: #00205B !important;
}

.bkgnd-penndot-yellow {
	background-color: #C69214 !important;
}

.bkgnd-penndot-green {
	background-color: #007A33 !important;
}

.bkgnd-penndot-red {
	background-color: #AF272F !important;
}

.bkgnd-penndot-light-blue {
 	background-color: #7BAFD4 !important;
}

/*hide logout button in all pages, should be shown only for external user*/
#headerLogoutLink,#contractorReportHeaderLink,#partnerReportHeaderLink,#policeHeaderLink,#hsmGuides {
 display: none;
}

input[type=checkbox], input[type=radio] {
  vertical-align: -2px;
}

@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;
  }
}

.placeholder-label {
	font-size: 12px;
	font-weight: normal;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 10px;
    border-bottom: 1px solid #111;
}

table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 10px 6px 10px;
    border-top: 1px solid #111;
}

.bottom-margin-20 {
		margin-bottom: 20px;
	}
.container-fluid {
    padding-bottom: 40px;
}
.table-fcolumn{
width: 25% !important;
}

.alertCommon {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-left:2%;
  margin-right:2%;
}