/* CSS Document */

body {
	font-family: "gotham-book", "HelveticaNeueW01-55Roma", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color: #575756;
	font-size: 17px;
	line-height: 23px;
	font-size: 1.7rem;
	line-height: 2.3rem
}

.navbar-brand,
.navbar-nav li a {
    line-height: 100px;
    height: 120px
}

.fpscolor {color: #8c1d81}

a {
    color: #8c1d81
}

a:focus,a:hover {
    color: #777
}

.progress-bar {background-color: #8c1d81}

.next,.previous {font-weight:bold}

.pager li > a {border: 2px solid #8c1d81}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #8c1d81;
  color: #fff
}

#chkgrp>.checkbox {padding:10px;margin-bottom:20px; background-color: #F0F0F0; width:50%}

#chkgrp>.checkbox > label.selected {
    border: 1px solid #555;
    background: #fff;
}
#chkgrp>.checkbox > label {width:100%}

strong {
 	font-weight: normal;
	color: #8c1d81
}
strongb {
 	font-weight: bold;
	color: #8c1d81
}

h3 {
	font-weight: bold;
	color: #8c1d81
}
h4 {
	font-weight: bold;
	color: #8c1d81
}
.container-fluid{
	background-color: white;
}
.breadcrumb{
	background-color: white;
}
.logo{
	margin: 0 auto;
	width:auto;
	padding:10px;
}
mark {
  background: #DA9EEB;
}
.btn-primary {
  color: #fff;
  background-color: #8c1d81;
  border-color: #8c1d81;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #8c1d81;
  background-color: white;
  border-color: #8c1d81;
}
.btn-primary:hover {
  color: #8c1d81;
  background-color: white;
  border-color: #8c1d81;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #8c1d81;
  background-color: white;
  border-color: #8c1d81;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #8c1d81;
  background-color: white;
  border-color: #8c1d81;
}
.form-group{
	font-weight: lighter;
	color: #8c1d81
}
.hidden {
    display: none;
}
.visible {
    display: block;
}
.table > tbody > tr > td {
     vertical-align: middle;
}
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

.table-wrapper {
  height:150px !important;
  overflow: scroll;  
}
.btn-nowrap {
	white-space: normal;
}

.invalid {
    background: #D3D3D3;
    color: black;
}
.error {
    color: red;
	font-size: 80%;
	font-weight: normal; 
	font-style: italic;
}
.col-centered{
    float: none;
    margin: 0 auto;
}

/*Breadcrumb*/
/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  /*border-left: 10px solid rgb(173, 173, 173); */
	 border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
  padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid white;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #ccc;
}

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
  border-left: 10px solid #8c1d81;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
  border-left: 10px solid #8c1d81;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
  border-left: 10px solid white;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
  border-left: 10px solid #8c1d81;
}

/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:last-child):after {
  border-left: 10px solid #8c1d81;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
  border-left: 10px solid #8c1d81;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
  border-left: 10px solid #8c1d81;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
  border-left: 10px solid #8c1d81;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: white;
  border-color: #ccc;
}
.btn-default:hover {
  color: #333;
  background-color:white;
  border-color: #ccc;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: white;
  border-color: #ccc;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: white;
  border-color: #ccc;
}

.btn-info {
  color: #fff;
  background-color: #8c1d81;
  border-color: #8c1d81;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #8c1d81;
  border-color: #8c1d81;
}
.btn-info:hover {
  color: #fff;
  background-color: #8c1d81;
  border-color: #8c1d81;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #8c1d81;
  border-color: #8c1d81;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #8c1d81;
  border-color: #8c1d81;
}

.helpBoxDefault{
	color: #fff;
  	background-color: #8c1d81;
	border: 1px solid grey; 
	border-radius: 10px; 
	padding: 15px;
}
.helpBox{
	display: none;
	color: #fff;
  	background-color: #8c1d81;
	border: 1px solid grey; 
	border-radius: 10px; 
	padding: 15px;
}

.arrow_box {
	position: relative;
	background: #8c1d81;
}
.arrow_box:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(140, 29, 129, 0);
	border-right-color: #8c1d81;
	border-width: 30px;
	margin-top: -30px;
}

.table > tbody > tr > td {
     vertical-align: middle;
}
.btn-primary-2 {
  color: #fff;
  background-color: #8c1d81;
  border-color: #8c1d81;
}
.btn-primary-2:focus,
.btn-primary-2.focus {
  color: #fff;
  background-color: #8c1d81;
  border-color: #8c1d81;
}
.btn-primary-2:hover {
  color: #fff;
  background-color: #8c1d81;
  border-color: #8c1d81;
}

.surveyModal{
    width:400px;
}
    
.surveyModal-header{
   border-bottom:0px !important; 
}
    
.surveyModal-body{
    text-align:center;
    padding-bottom:0px;
    padding-top:0px;
    width:80%;
    margin-left:auto;
    margin-right:auto;
}
    
.surveyModal-footer{
    padding-top:0px;
    border-top: 0px !important;
}