/********************
 CENSUS COMPONENTS
********************/

/***
General reset
***/

/* Set default body */

body {
  color: #333333;
  font-family: 'PF Din Display', Arial, sans-serif;
  padding: 0px !important;
  margin: 0px !important;
  font-size: 13px;
  direction: ltr;
}

/*
 Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't
 properly apply the media queries in Bootstrap's CSS. To address this,
 you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.
*/

@-webkit-viewport {
  width: device-width;
}

@-moz-viewport {
  width: device-width;
}

@-ms-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

/*
 Internet Explorer 10 doesn't differentiate device width from viewport width,
 and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied
*/

@-ms-viewport {
  width: auto !important;
}

/* Custom scrollbars for webkit browsers */

/***
General typography
***/

/* Headings */

h1,
h2,
h3,
h4,
h5 {
  font-family: 'PF Din Display', Arial, sans-serif;
  font-weight: 300;
}

h1 {
  font-size: 33px;
}

h2 {
  font-size: 27px;
}

h3 {
  font-size: 23px;
}

h4 {
  font-size: 17px;
}

h5 {
  font-size: 13px;
}

/* Headings helper text */

/* Block headings */

/* Links */

a {
  text-shadow: none;
  color: #5b9bd1;
}

a:hover {
  color: #3175af;
}

a:focus,
a:hover,
a:active {
  outline: 0;
}

/* Horizontal break */

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 0;
}

/* Unstyled List */

/* Code */

code {
  border: 1px solid #e1e1e1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

/* Disabled Navigation Link */

/***
Utilities
***/

/* Links */

a:hover {
  cursor: pointer;
}

/* Primary Link */

/* Rounded Element */

/* Circle Element */

/* General utilities */

/* Margin and padding utilities */

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

/* IE8 & IE9 mode utilities */

/***
Responsive Utils
***/

/***
Demo Utils
***/

/***
Users
***/

/***
Top News Blocks(new in v1.2.2)
***/

/***
Block Images(new in v1.2.2)
***/

/***
Sidebar Tags
***/

/***
Custom vertical inline menu
***/

/***
Fontawesome Icons
***/

[class^="fa-"],
[class*=" fa-"] {
  display: inline-block;
  margin-top: 1px;
  font-size: 14px;
  *margin-right: .3em;
  line-height: 14px;
  -webkit-font-smoothing: antialiased;
}

/* Make font awesome icons fixed width */

li [class^="fa-"],
li [class*=" fa-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}

/* Icon sizing */

.fa-2x {
  font-size: 2em;
}

/* Icon coloring */

/***
Font Awesome 4.x Demo
***/

/***
Simple Line Icons Demo
***/

/***
Glyphicons Demo
***/

/***
Dropdown Menu Badges
***/

/***
Customized Bootstrap Buttons
***/

/* Default buttons */

.btn {
  border-width: 0;
  padding: 7px 14px;
  font-size: 14px;
  outline: none !important;
  background-image: none !important;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}

.btn:hover,
.btn:disabled,
.btn:focus,
.btn:active {
  outline: none !important;
  background-image: none !important;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}

/* Bootstrap buttons */

/* Button sizes */

/* Small button in button group */

/* Arrow link */

/* Circle Buttons */

/***
Customized Bootstrap Close Icon
***/

/***
Customized Bootstrap Dropdowns
***/

/***
Dropdowns
***/

/***
Dropdown Menu
***/

.dropdown-menu {
  max-width: 120px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  list-style: none;
  text-shadow: none;
  padding: 0px;
  background-color: #fffff;
  box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  min-width: 100px;
}

.dropdown-menu li > a {
  color: #555;
  text-decoration: none;
  clear: both;
  font-weight: 300;
  line-height: 18px;
  white-space: normal;
}

.dropdown-menu li > a:hover {
  text-decoration: none;
  background-image: none;
  background-color: #f6f6f6;
  color: #555;
  filter: none;
}

/* Dropdown submenu support for Bootsrap 3 */

@media (max-width: 767px) {
  /* 767px */
}

/***
Dropdown Checkboxes
***/

/***
Form Layouts
****/

/* Static info */

/* Help blocks */

/* Control Label */

/* Checkboxes */

/* Radio buttons */

/* Radio buttons in horizontal forms */

/* Rows seperated form layout */

/* Form bordered */

/* Horizontal bordered form */

/***
Forms
***/

/* Input placeholder font color */

.form-control::-moz-placeholder {
  color: #b3b3b3;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #b3b3b3;
}

/* Form inputs */

.form-control {
  font-size: 14px;
  font-weight: normal;
  color: #333333;
  background-color: white;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: none;
  -webkit-border-radius: 0;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
  border-color: #999999;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-control.form-control-solid::-moz-placeholder {
  color: #acb7be;
  opacity: 1;
}

.form-control.form-control-solid:-ms-input-placeholder {
  color: #acb7be;
}

/* Form uneditable input */

/* Form input sizing */

@media (max-width: 768px) {
  /* 768px */
}

/* Input  groups */

/* Input spinner */

/* Form labels */

/* Static form control */

/* Feedback states */

/* Circle Inputs */

/***
Custom icon buttons
***/

/***
Input icons
***/

.input-icon {
  position: relative;
}

.input-icon > .form-control {
  padding-left: 33px;
}

.input-icon > i {
  color: #ccc;
  display: block;
  position: absolute;
  margin: 1px 2px 4px 10px;
  z-index: 3;
  width: 16px;
  height: 16px;
  font-size: 12px;
  text-align: center;
}

.input-icon.right > .form-control {
  padding-right: 33px;
  padding-left: 12px;
}

.input-icon.right > i {
  right: 4px;
  font-size: 9px;
  float: right;
}

/***
Customized Bootstrap Labels
***/

/* Labels variants */

/***
Iconic labels
***/

/***
Text states
***/

/***
Customized List Group
***/

/* Contextual variants */

/***
UI Loading
***/

/***
Customized Bootstrap Pagination
***/

.pagination {
  margin: 10px 0;
}

.pagination .active > a,
.pagination .active > a:hover {
  /* background: #eee; */
  border-color: #dddddd;
  color: #333;
}

/***
Customized Bootstrap Panels
***/

/***
Accordions
***/

/***
Customized Bootstrap Popover
***/

/* popover colors*/

/***
Portlets
***/

/* Full Screen portlet mode */

/* Basic portlet */

/* Portlet background colors */

/* Side bordered portlet */

/* Solid colored portlet */

/* Solid bordered portlet */

/* Box portlet */

/* Light Portlet */

/* Reverse aligned tabs */

/* jQuery UI Draggable Portlets */

/***
Customized Progress Bars
***/

/* Button */

/**********
Blue Colors
***********/

/***
Blue Default
***/

/* Button */

/* Button Strip */

/***
Transparent Button
***/