/**
 *
 * Admin section
 * for all admin specific styles adn settings
 * 
 */
/**
 * Admin Dashboard
 */
/** Platforms **/
.admin-platform-listing {
  margin: 0;
  padding: 20px; }

.setting-genre .span_1_of_4, .setting-genre .span_3_of_4 {
  width: 100%; }

.setting-genre-form .span_1_of_4 {
  width: 23.8%;
  height: 50px !important; }

.setting-genre-form .span_1_of_4.status {
  width: 10%;
  padding-top: 9px; }

.setting-genre-form .span_1_of_4.btn {
  width: 10%;
  padding-top: 4px; }

.setting-genre-form .span_1_of_4 button[type="submit"] {
  margin: 0 !important;
  float: right; }

.setting-genre-form .span_1_of_4 input[type="text"] {
  margin-top: 5px; }

@media all and (max-width: 1200px) {
  .setting-genre-form .span_1_of_4,
  .setting-genre-form .span_1_of_4.status,
  .setting-genre-form .span_1_of_4.btn {
    width: 100%;
    margin: 0 !important; }
  .setting-genre-form .span_1_of_4.btn button[type="submit"].create-button-add {
    min-width: 80px !important;
    max-width: 80px !important;
    width: 80px !important;
    float: left !important; }
  .setting-genre-form .span_1_of_4.btn button[type="submit"]::after {
    content: ' Add'; } }

@charset "UTF-8";
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

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

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\002a"; }

.glyphicon-plus:before {
  content: "\002b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

* {
  box-sizing: border-box; }

*:before,
*:after {
  box-sizing: border-box; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #337ab7;
  text-decoration: none; }
  a:hover, a:focus {
    color: #23527c;
    text-decoration: underline; }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

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

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
  h1 small,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777; }

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small,
  h1 .small, .h1 small,
  .h1 .small,
  h2 small,
  h2 .small, .h2 small,
  .h2 .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .small, .h6 small,
  .h6 .small {
    font-size: 75%; }

h1, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 21px; } }

small,
.small {
  font-size: 85%; }

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #777777; }

.text-primary {
  color: #337ab7; }

a.text-primary:hover,
a.text-primary:focus {
  color: #286090; }

.text-success {
  color: #3c763d; }

a.text-success:hover,
a.text-success:focus {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover,
a.text-info:focus {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c; }

.text-danger {
  color: #a94442; }

a.text-danger:hover,
a.text-danger:focus {
  color: #843534; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #337ab7; }

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table; }

.dl-horizontal dd:after {
  clear: both; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014 \00A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: '\00A0 \2014'; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none; }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
  @media screen and (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table-bordered {
        border: 0; }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control::-ms-expand {
    border: 0;
    background-color: transparent; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

input[type="search"] {
  -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px; }
  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
  .input-group-sm > input[type="date"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="date"].btn,
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input[type="time"].form-control,
  .input-group-sm > input[type="time"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="time"].btn,
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input[type="datetime-local"].form-control,
  .input-group-sm > input[type="datetime-local"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input[type="month"].form-control,
  .input-group-sm > input[type="month"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="month"].btn,
  .input-group-sm
  input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
  .input-group-lg > input[type="date"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="date"].btn,
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input[type="time"].form-control,
  .input-group-lg > input[type="time"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="time"].btn,
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input[type="datetime-local"].form-control,
  .input-group-lg > input[type="datetime-local"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input[type="month"].form-control,
  .input-group-lg > input[type="month"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="month"].btn,
  .input-group-lg
  input[type="month"] {
    line-height: 46px; } }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label,
  .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px; }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px; }

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px; }

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto; }

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control {
    padding-right: 42.5px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442; }

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }

.has-error .form-control-feedback {
  color: #a94442; }

.has-feedback label ~ .form-control-feedback {
  top: 25px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px; }

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px; } }

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px; } }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c; }
  .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
    .open > .btn-default.dropdown-toggle:hover,
    .open > .btn-default.dropdown-toggle:focus,
    .open > .btn-default.dropdown-toggle.focus {
      color: #333;
      background-color: #d4d4d4;
      border-color: #8c8c8c; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40; }
  .btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #204d74;
      border-color: #122b40; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4; }
  .btn-primary .badge {
    color: #337ab7;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625; }
  .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #398439;
      border-color: #255625; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85; }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d; }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #985f0d; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19; }
  .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #ac2925;
      border-color: #761c19; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333333;
    white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left; }
    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
  .btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table; }
  .btn-toolbar:after {
    clear: both; }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

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

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

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

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }

.btn-group-vertical > .btn-group:after {
  clear: both; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%; }
  .btn-group-justified > .btn-group .btn {
    width: 100%; }
  .btn-group-justified > .btn-group .dropdown-menu {
    left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }
    .input-group .form-control:focus {
      z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
      z-index: 2; }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #777777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777777;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7; }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #555555;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 4px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      text-align: center;
      margin-bottom: 5px; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #fff; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    content: " ";
    display: table; }
  .navbar:after {
    clear: both; }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 4px; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }

.navbar-header:after {
  clear: both; }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse,
      .navbar-static-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }
  @media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px; } }

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }
  @media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 7.5px -15px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px; }
  @media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none; }
      .navbar-nav .open .dropdown-menu > li > a,
      .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px; }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
  @media (min-width: 768px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 15px;
          padding-bottom: 15px; } }

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px; }
  @media (min-width: 768px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .navbar-form .form-control-static {
      display: inline-block; }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle; }
      .navbar-form .input-group .input-group-addon,
      .navbar-form .input-group .input-group-btn,
      .navbar-form .input-group .form-control {
        width: auto; }
    .navbar-form .input-group > .form-control {
      width: 100%; }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle; }
      .navbar-form .radio label,
      .navbar-form .checkbox label {
        padding-left: 0; }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0; } }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px; }
      .navbar-form .form-group:last-child {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .navbar-text {
      float: left;
      margin-left: 15px;
      margin-right: 15px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -15px; }
    .navbar-right ~ .navbar-right {
      margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5e5e;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
  .navbar-default .navbar-nav > li > a {
    color: #777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #333;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; } }
  .navbar-default .navbar-link {
    color: #777; }
    .navbar-default .navbar-link:hover {
      color: #333; }
  .navbar-default .btn-link {
    color: #777; }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #333; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:hover,
    fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #090909;
    color: #fff; }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-link {
    color: #9d9d9d; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: #9d9d9d; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      content: "/ ";
      padding: 0 5px;
      color: #ccc; }
  .breadcrumb > .active {
    color: #777777; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.42857;
      text-decoration: none;
      color: #337ab7;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center; }
  .pager:before, .pager:after {
    content: " ";
    display: table; }
  .pager:after {
    clear: both; }
  .pager li {
    display: inline; }
    .pager li > a,
    .pager li > span {
      display: inline-block;
      padding: 5px 14px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 15px; }
    .pager li > a:hover,
    .pager li > a:focus {
      text-decoration: none;
      background-color: #eeeeee; }
  .pager .next > a,
  .pager .next > span {
    float: right; }
  .pager .previous > a,
  .pager .previous > span {
    float: left; }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #777777;
    background-color: #fff;
    cursor: not-allowed; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
  .label:empty {
    display: none; }
  .btn .label {
    position: relative;
    top: -1px; }

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-default {
  background-color: #777777; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e; }

.label-primary {
  background-color: #337ab7; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #286090; }

.label-success {
  background-color: #5cb85c; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }
  .label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f; }

.label-danger {
  background-color: #d9534f; }
  .label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px; }
  .badge:empty {
    display: none; }
  .btn .badge {
    position: relative;
    top: -1px; }
  .btn-xs .badge, .btn-group-xs > .btn .badge,
  .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px; }
  .list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff; }
  .list-group-item > .badge {
    float: right; }
  .list-group-item > .badge + .badge {
    margin-right: 5px; }
  .nav-pills > li > a > .badge {
    margin-left: 3px; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee; }
  .jumbotron h1,
  .jumbotron .h1 {
    color: inherit; }
  .jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200; }
  .jumbotron > hr {
    border-top-color: #d5d5d5; }
  .container .jumbotron,
  .container-fluid .jumbotron {
    border-radius: 6px;
    padding-left: 15px;
    padding-right: 15px; }
  .jumbotron .container {
    max-width: 100%; }
  @media screen and (min-width: 768px) {
    .jumbotron {
      padding-top: 48px;
      padding-bottom: 48px; }
      .container .jumbotron,
      .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px; }
      .jumbotron h1,
      .jumbotron .h1 {
        font-size: 63px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: border 0.2s ease-in-out; }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto; }
  .thumbnail .caption {
    padding: 9px;
    color: #333333; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px; }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
  .alert-danger hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link {
    color: #843534; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease; }

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #5cb85c; }
  .progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5bc0de; }
  .progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }
  .progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #d9534f; }
  .progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media {
  margin-top: 15px; }
  .media:first-child {
    margin-top: 0; }

.media,
.media-body {
  zoom: 1;
  overflow: hidden; }

.media-body {
  width: 10000px; }

.media-object {
  display: block; }
  .media-object.img-thumbnail {
    max-width: none; }

.media-right,
.media > .pull-right {
  padding-left: 10px; }

.media-left,
.media > .pull-left {
  padding-right: 10px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }

a.list-group-item,
button.list-group-item {
  color: #555; }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:hover, a.list-group-item:focus,
  button.list-group-item:hover,
  button.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5; }

button.list-group-item {
  width: 100%;
  text-align: left; }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed; }
  .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit; }
  .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #777777; }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7; }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading > small,
  .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit; }
  .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #c7ddef; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d; }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:hover, a.list-group-item-success:focus,
  button.list-group-item-success:hover,
  button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6; }
  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
  button.list-group-item-success.active,
  button.list-group-item-success.active:hover,
  button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f; }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:hover, a.list-group-item-info:focus,
  button.list-group-item-info:hover,
  button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
  button.list-group-item-info.active,
  button.list-group-item-info.active:hover,
  button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b; }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:hover, a.list-group-item-warning:focus,
  button.list-group-item-warning:hover,
  button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:hover,
  button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442; }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:hover, a.list-group-item-danger:focus,
  button.list-group-item-danger:hover,
  button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:hover,
  button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }
  .panel-body:before, .panel-body:after {
    content: " ";
    display: table; }
  .panel-body:after {
    clear: both; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }
  .panel-title > a,
  .panel-title > small,
  .panel-title > .small,
  .panel-title > small > a,
  .panel-title > .small > a {
    color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0; }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px; }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-left: 15px;
    padding-right: 15px; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
      border-top-left-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
      border-top-right-radius: 3px; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
      border-bottom-left-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
      border-bottom-right-radius: 3px; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0; }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0; }

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0; }

.panel-group {
  margin-bottom: 20px; }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px; }
    .panel-group .panel + .panel {
      margin-top: 5px; }
  .panel-group .panel-heading {
    border-bottom: 0; }
    .panel-group .panel-heading + .panel-collapse > .panel-body,
    .panel-group .panel-heading + .panel-collapse > .list-group {
      border-top: 1px solid #ddd; }
  .panel-group .panel-footer {
    border-top: 0; }
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }
  .panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd; }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ddd; }
    .panel-default > .panel-heading .badge {
      color: #f5f5f5;
      background-color: #333333; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd; }

.panel-primary {
  border-color: #337ab7; }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7; }
    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #337ab7; }
    .panel-primary > .panel-heading .badge {
      color: #337ab7;
      background-color: #fff; }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7; }

.panel-success {
  border-color: #d6e9c6; }
  .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
    .panel-success > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #d6e9c6; }
    .panel-success > .panel-heading .badge {
      color: #dff0d8;
      background-color: #3c763d; }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }
  .panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1; }
    .panel-info > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #bce8f1; }
    .panel-info > .panel-heading .badge {
      color: #d9edf7;
      background-color: #31708f; }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; }
    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #faebcc; }
    .panel-warning > .panel-heading .badge {
      color: #fcf8e3;
      background-color: #8a6d3b; }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }
  .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1; }
    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ebccd1; }
    .panel-danger > .panel-heading .badge {
      color: #f2dede;
      background-color: #a94442; }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header:before, .modal-header:after {
    content: " ";
    display: table; }
  .modal-header:after {
    clear: both; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0); }
  .tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .carousel-inner > .item {
    display: none;
    position: relative;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
      max-width: 100%;
      height: auto;
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .item {
        transition: -webkit-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px; }
        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          left: 0; } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: transparent; }
  .carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .carousel-control.right {
    left: auto;
    right: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif; }
  .carousel-control .icon-prev:before {
    content: '\2039'; }
  .carousel-control .icon-next:before {
    content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: transparent; }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn {
    text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

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

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

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

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

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

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

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

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

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-feed:before,
.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper-pp:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-intersex:before,
.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-genderless:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

.fa-yc:before,
.fa-y-combinator:before {
  content: ""; }

.fa-optin-monster:before {
  content: ""; }

.fa-opencart:before {
  content: ""; }

.fa-expeditedssl:before {
  content: ""; }

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: ""; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: ""; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: ""; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: ""; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: ""; }

.fa-mouse-pointer:before {
  content: ""; }

.fa-i-cursor:before {
  content: ""; }

.fa-object-group:before {
  content: ""; }

.fa-object-ungroup:before {
  content: ""; }

.fa-sticky-note:before {
  content: ""; }

.fa-sticky-note-o:before {
  content: ""; }

.fa-cc-jcb:before {
  content: ""; }

.fa-cc-diners-club:before {
  content: ""; }

.fa-clone:before {
  content: ""; }

.fa-balance-scale:before {
  content: ""; }

.fa-hourglass-o:before {
  content: ""; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: ""; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: ""; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: ""; }

.fa-hourglass:before {
  content: ""; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: ""; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: ""; }

.fa-hand-scissors-o:before {
  content: ""; }

.fa-hand-lizard-o:before {
  content: ""; }

.fa-hand-spock-o:before {
  content: ""; }

.fa-hand-pointer-o:before {
  content: ""; }

.fa-hand-peace-o:before {
  content: ""; }

.fa-trademark:before {
  content: ""; }

.fa-registered:before {
  content: ""; }

.fa-creative-commons:before {
  content: ""; }

.fa-gg:before {
  content: ""; }

.fa-gg-circle:before {
  content: ""; }

.fa-tripadvisor:before {
  content: ""; }

.fa-odnoklassniki:before {
  content: ""; }

.fa-odnoklassniki-square:before {
  content: ""; }

.fa-get-pocket:before {
  content: ""; }

.fa-wikipedia-w:before {
  content: ""; }

.fa-safari:before {
  content: ""; }

.fa-chrome:before {
  content: ""; }

.fa-firefox:before {
  content: ""; }

.fa-opera:before {
  content: ""; }

.fa-internet-explorer:before {
  content: ""; }

.fa-tv:before,
.fa-television:before {
  content: ""; }

.fa-contao:before {
  content: ""; }

.fa-500px:before {
  content: ""; }

.fa-amazon:before {
  content: ""; }

.fa-calendar-plus-o:before {
  content: ""; }

.fa-calendar-minus-o:before {
  content: ""; }

.fa-calendar-times-o:before {
  content: ""; }

.fa-calendar-check-o:before {
  content: ""; }

.fa-industry:before {
  content: ""; }

.fa-map-pin:before {
  content: ""; }

.fa-map-signs:before {
  content: ""; }

.fa-map-o:before {
  content: ""; }

.fa-map:before {
  content: ""; }

.fa-commenting:before {
  content: ""; }

.fa-commenting-o:before {
  content: ""; }

.fa-houzz:before {
  content: ""; }

.fa-vimeo:before {
  content: ""; }

.fa-black-tie:before {
  content: ""; }

.fa-fonticons:before {
  content: ""; }

.fa-reddit-alien:before {
  content: ""; }

.fa-edge:before {
  content: ""; }

.fa-credit-card-alt:before {
  content: ""; }

.fa-codiepie:before {
  content: ""; }

.fa-modx:before {
  content: ""; }

.fa-fort-awesome:before {
  content: ""; }

.fa-usb:before {
  content: ""; }

.fa-product-hunt:before {
  content: ""; }

.fa-mixcloud:before {
  content: ""; }

.fa-scribd:before {
  content: ""; }

.fa-pause-circle:before {
  content: ""; }

.fa-pause-circle-o:before {
  content: ""; }

.fa-stop-circle:before {
  content: ""; }

.fa-stop-circle-o:before {
  content: ""; }

.fa-shopping-bag:before {
  content: ""; }

.fa-shopping-basket:before {
  content: ""; }

.fa-hashtag:before {
  content: ""; }

.fa-bluetooth:before {
  content: ""; }

.fa-bluetooth-b:before {
  content: ""; }

.fa-percent:before {
  content: ""; }

.fa-gitlab:before {
  content: ""; }

.fa-wpbeginner:before {
  content: ""; }

.fa-wpforms:before {
  content: ""; }

.fa-envira:before {
  content: ""; }

.fa-universal-access:before {
  content: ""; }

.fa-wheelchair-alt:before {
  content: ""; }

.fa-question-circle-o:before {
  content: ""; }

.fa-blind:before {
  content: ""; }

.fa-audio-description:before {
  content: ""; }

.fa-volume-control-phone:before {
  content: ""; }

.fa-braille:before {
  content: ""; }

.fa-assistive-listening-systems:before {
  content: ""; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: ""; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: ""; }

.fa-glide:before {
  content: ""; }

.fa-glide-g:before {
  content: ""; }

.fa-signing:before,
.fa-sign-language:before {
  content: ""; }

.fa-low-vision:before {
  content: ""; }

.fa-viadeo:before {
  content: ""; }

.fa-viadeo-square:before {
  content: ""; }

.fa-snapchat:before {
  content: ""; }

.fa-snapchat-ghost:before {
  content: ""; }

.fa-snapchat-square:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-first-order:before {
  content: ""; }

.fa-yoast:before {
  content: ""; }

.fa-themeisle:before {
  content: ""; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: ""; }

.fa-fa:before,
.fa-font-awesome:before {
  content: ""; }

.fa-handshake-o:before {
  content: ""; }

.fa-envelope-open:before {
  content: ""; }

.fa-envelope-open-o:before {
  content: ""; }

.fa-linode:before {
  content: ""; }

.fa-address-book:before {
  content: ""; }

.fa-address-book-o:before {
  content: ""; }

.fa-vcard:before,
.fa-address-card:before {
  content: ""; }

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: ""; }

.fa-user-circle:before {
  content: ""; }

.fa-user-circle-o:before {
  content: ""; }

.fa-user-o:before {
  content: ""; }

.fa-id-badge:before {
  content: ""; }

.fa-drivers-license:before,
.fa-id-card:before {
  content: ""; }

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: ""; }

.fa-quora:before {
  content: ""; }

.fa-free-code-camp:before {
  content: ""; }

.fa-telegram:before {
  content: ""; }

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: ""; }

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: ""; }

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: ""; }

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: ""; }

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: ""; }

.fa-shower:before {
  content: ""; }

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: ""; }

.fa-podcast:before {
  content: ""; }

.fa-window-maximize:before {
  content: ""; }

.fa-window-minimize:before {
  content: ""; }

.fa-window-restore:before {
  content: ""; }

.fa-times-rectangle:before,
.fa-window-close:before {
  content: ""; }

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: ""; }

.fa-bandcamp:before {
  content: ""; }

.fa-grav:before {
  content: ""; }

.fa-etsy:before {
  content: ""; }

.fa-imdb:before {
  content: ""; }

.fa-ravelry:before {
  content: ""; }

.fa-eercast:before {
  content: ""; }

.fa-microchip:before {
  content: ""; }

.fa-snowflake-o:before {
  content: ""; }

.fa-superpowers:before {
  content: ""; }

.fa-wpexplorer:before {
  content: ""; }

.fa-meetup:before {
  content: ""; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

/**
 *
 *
  *  a great place to convert hex to css content code. http://www.evotech.net/articles/testjsentities.html see the eg's below
 */
@font-face {
  font-family: 'typicons';
  src: url("../../fonts/typicons.eot");
  src: url("../../fonts/typicons.eot?#iefix") format("embedded-opentype"), url("../../fonts/typicons.woff") format("woff"), url("../../fonts/typicons.ttf") format("truetype"), url("../../fonts/typicons.svg#typicons") format("svg");
  font-weight: normal;
  font-style: normal; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  box-sizing: border-box; }

/*html { height: 101%; overflow: hidden;}*/
html {
  height: 100%; }

body {
  margin: 0 auto;
  padding: 0;
  color: #555;
  text-align: center;
  background: #ececec;
  font-family: "ff-din-web",futura, arial, helvetica, sans-serif;
  font-size: 100%;
  line-height: 16px;
  overflow: hidden !important; }

/**
 *
 *  main site wrapper
 *
 */
.main-site-wrapper {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  position: relative;
  text-align: left;
  overflow: hidden !important; }

a:hover {
  text-decoration: none; }

/* The MIT License */
.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
  box-sizing: border-box; }

.dropzone {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(0, 0, 0, 0.02);
  padding: 1em; }

.dropzone.dz-clickable {
  cursor: pointer; }

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message span {
  cursor: pointer; }

.dropzone.dz-clickable * {
  cursor: default; }

.dropzone .dz-message {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none; }

.dropzone.dz-drag-hover {
  border-color: rgba(0, 0, 0, 0.15);
  background: rgba(0, 0, 0, 0.04); }

.dropzone.dz-started .dz-message {
  display: none; }

.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  display: inline-block;
  margin: 17px;
  vertical-align: top;
  border: 1px solid #acacac;
  padding: 6px 6px 6px 6px; }

.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
  display: none; }

.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details {
  width: 100px;
  height: 100px;
  position: relative;
  background: #ebebeb;
  padding: 5px;
  margin-bottom: 22px; }

.dropzone .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename {
  overflow: hidden;
  height: 100%; }

.dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px; }

.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size {
  position: absolute;
  bottom: -28px;
  left: 3px;
  height: 28px;
  line-height: 28px; }

.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  display: block; }

.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  display: block; }

.dropzone .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview:hover .dz-details img {
  display: none; }

.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px; }

.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  color: #8cc657; }

.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  color: #ee162d; }

.dropzone .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress {
  position: absolute;
  top: 100px;
  left: 6px;
  right: 6px;
  height: 6px;
  background: #d7d7d7;
  display: none; }

.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #8cc657; }

.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview.dz-processing .dz-progress {
  display: block; }

.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: none;
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245, 245, 245, 0.8);
  padding: 8px 10px;
  color: #800;
  min-width: 140px;
  max-width: 500px;
  z-index: 500; }

.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  display: block; }

.dropzone {
  /*border: 1px solid rgba(0,0,0,0.03);*/
  min-height: 250px;
  min-width: 250px;
  max-width: 250px;
  width: 250px;
  border-radius: 3px;
  padding: 0;
  background: rgba(0, 0, 0, 0.03) url("../../../imgs/dropzone/Drag_Drop_background.png") repeat; }

.dropzone .dz-default.dz-message {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none;
  transition: opacity 0.3s ease-in-out;
  background-image: url("../../../imgs/dropzone/Drag_Drop_Icon.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  width: 250px;
  height: 250px;
  margin-left: -125px;
  margin-top: -125px;
  top: 50%;
  left: 50%;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.03); }

@media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5 / 1), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) {
  .dropzone .dz-default.dz-message {
    background-image: url("../../imgs/dropzone/Drag_Drop_Icon.png");
    background-size: contain; } }

.dropzone .dz-default.dz-message span {
  display: none; }

.dropzone.dz-square .dz-default.dz-message {
  background-position: 0 -123px;
  width: 268px;
  margin-left: -134px;
  height: 174px;
  margin-top: -87px; }

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.15;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
  filter: alpha(opacity=15); }

.dropzone.dz-started .dz-message {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0); }

.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
  font-size: 14px; }

.dropzone .dz-preview.dz-image-preview:hover .dz-details img,
.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
  display: block;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10); }

.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none; }

.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none; }

.dropzone .dz-preview.dz-error .dz-progress .dz-upload,
.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
  background: #ee1e2d; }

.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  transition: opacity 0.4s ease-in-out;
  background-image: url("../../imgs/dropzone/spritemap.png");
  background-repeat: no-repeat; }

@media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5 / 1), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) {
  .dropzone .dz-preview .dz-error-mark,
  .dropzone-previews .dz-preview .dz-error-mark,
  .dropzone .dz-preview .dz-success-mark,
  .dropzone-previews .dz-preview .dz-success-mark {
    background-image: url("../../imgs/dropzone/spritemap@2x.png");
    background-size: 428px 406px; } }

.dropzone .dz-preview .dz-error-mark span,
.dropzone-previews .dz-preview .dz-error-mark span,
.dropzone .dz-preview .dz-success-mark span,
.dropzone-previews .dz-preview .dz-success-mark span {
  display: none; }

.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  background-position: -268px -123px; }

.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  background-position: -268px -163px; }

.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  -webkit-animation: loading 0.4s linear infinite;
  -ms-animation: loading 0.4s linear infinite;
  animation: loading 0.4s linear infinite;
  transition: width 0.3s ease-in-out;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-image: url("../../imgs/dropzone/spritemap.png");
  background-repeat: repeat-x;
  background-position: 0px -400px; }

@media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5 / 1), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) {
  .dropzone .dz-preview .dz-progress .dz-upload,
  .dropzone-previews .dz-preview .dz-progress .dz-upload {
    background-image: url("../../imgs/dropzone/spritemap@2x.png");
    background-size: 428px 406px; } }

.dropzone .dz-preview.dz-success .dz-progress,
.dropzone-previews .dz-preview.dz-success .dz-progress {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  transition: opacity 0.4s ease-in-out; }

.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  transition: opacity 0.3s ease-in-out; }

.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  filter: none; }

.dropzone a.dz-remove,
.dropzone-previews a.dz-remove {
  background-image: linear-gradient(top, #fafafa 0, #eee 100%);
  border-radius: 2px;
  border: 1px solid #eee;
  text-decoration: none;
  display: block;
  padding: 4px 5px;
  text-align: center;
  color: #aaa;
  margin-top: 26px; }

.dropzone a.dz-remove:hover,
.dropzone-previews a.dz-remove:hover {
  color: #666; }

@-webkit-keyframes loading {
  0% {
    background-position: 0 -400px; }
  100% {
    background-position: -7px -400px; } }

@-ms-keyframes loading {
  0% {
    background-position: 0 -400px; }
  100% {
    background-position: -7px -400px; } }

@keyframes loading {
  0% {
    background-position: 0 -400px; }
  100% {
    background-position: -7px -400px; } }

div.dz-error-message {
  display: none !important; }

.tv-artwork-cont {
  padding: 4px;
  width: 310px;
  height: 310px;
  border: 1px #ddd solid;
  position: relative; }

.tv-google-artwork-cont {
  padding: 4px;
  width: 510px;
  height: 310px;
  border: 1px #ddd solid;
  position: relative; }

.tv-amazon-artwork-cont {
  padding: 4px;
  width: 410px;
  height: 310px;
  border: 1px #ddd solid;
  position: relative; }

.tv-sony-artwork-cont {
  padding: 4px;
  border: 1px #ddd solid;
  position: relative; }

.film-title-artwork-cont .title-image {
  background: transparent;
  background-size: cover;
  width: 300px;
  height: 450px;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 10px; }

.extra-title-artwork-cont .title-image {
  background: transparent;
  background-size: cover;
  width: 300px;
  height: 450px;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 10px; }

.tv-artwork-cont .tv-image {
  background: transparent;
  background-size: cover;
  width: 300px;
  height: 300px;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 10px; }

.tv-google-artwork-cont .tv-image {
  background: transparent;
  background-size: cover;
  width: 500px;
  height: 300px;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 10px; }

.tv-amazon-artwork-cont .tv-image {
  background: transparent;
  background-size: cover;
  width: 400px;
  height: 300px;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 10px; }

.film-title-artwork-cont .title-artwork-opts {
  background: rgba(255, 255, 255, 0.6); }

.extra-title-artwork-cont .title-artwork-opts {
  background: rgba(255, 255, 255, 0.6); }

.tv-artwork-cont .title-artwork-opts,
.tv-google-artwork-cont .title-artwork-opts {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  background: rgba(255, 255, 255, 0.6); }

.tv-artwork-cont .title-artwork-opts,
.tv-amazon-artwork-cont .title-artwork-opts {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  background: rgba(255, 255, 255, 0.6); }

.film-title-artwork-cont button.add-artwork,
.film-title-artwork-cont button.view-artwork,
.film-title-artwork-cont button.delete-artwork {
  margin-top: 10px;
  padding: 5px 5px;
  min-width: 30px;
  width: auto;
  height: 30px;
  border: 0px;
  text-transform: uppercase;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  border-radius: 4px;
  border: none;
  background: #7bbb7b;
  z-index: 14px; }

.extra-title-artwork-cont button.add-artwork,
.extra-title-artwork-cont button.view-artwork,
.extra-title-artwork-cont button.delete-artwork {
  margin-top: 10px;
  padding: 5px 5px;
  min-width: 30px;
  width: auto;
  height: 30px;
  border: 0px;
  text-transform: uppercase;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  border-radius: 4px;
  border: none;
  background: #7bbb7b;
  z-index: 14px; }

.tv-artwork-cont button.add-artwork,
.tv-artwork-cont button.view-artwork,
.tv-artwork-cont button.delete-artwork {
  margin-top: 10px;
  padding: 5px 5px;
  min-width: 30px;
  width: auto;
  height: 30px;
  border: 0px;
  text-transform: uppercase;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  border-radius: 4px;
  border: none;
  background: #7bbb7b;
  position: absolute;
  right: 20px;
  bottom: 12px;
  z-index: 14px; }

.tv-google-artwork-cont button.add-artwork,
.tv-google-artwork-cont button.view-artwork,
.tv-google-artwork-cont button.delete-artwork {
  margin-top: 10px;
  padding: 5px 5px;
  min-width: 30px;
  width: auto;
  height: 30px;
  border: 0px;
  text-transform: uppercase;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  border-radius: 4px;
  border: none;
  background: #7bbb7b;
  position: absolute;
  right: 20px;
  bottom: 12px;
  z-index: 14px; }

.tv-amazon-artwork-cont button.add-artwork,
.tv-amazon-artwork-cont button.view-artwork,
.tv-amazon-artwork-cont button.delete-artwork {
  margin-top: 10px;
  padding: 5px 5px;
  min-width: 30px;
  width: auto;
  height: 30px;
  border: 0px;
  text-transform: uppercase;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  border-radius: 4px;
  border: none;
  background: #7bbb7b;
  position: absolute;
  right: 20px;
  bottom: 12px;
  z-index: 14px; }

.tv-artwork-cont button.delete-artwork {
  background: #bb4945;
  color: #fff; }

.tv-artwork-cont button.view-artwork {
  background: #3686af;
  color: #fff;
  right: 60px; }

.tv-google-artwork-cont button.delete-artwork {
  background: #bb4945;
  color: #fff; }

.tv-google-artwork-cont button.view-artwork {
  background: #3686af;
  color: #fff;
  right: 60px; }

.tv-amazon-artwork-cont button.delete-artwork {
  background: #bb4945;
  color: #fff; }

.tv-amazon-artwork-cont button.view-artwork {
  background: #3686af;
  color: #fff;
  right: 60px; }

button.delete-artwork:before {
  vertical-align: middle; }

button.add-artwork:before {
  vertical-align: middle; }

.film-title-artwork-cont button.delete-artwork {
  background: #bb4945;
  color: #fff; }

button.delete-artwork:before {
  vertical-align: middle; }

.film-title-artwork-cont button.view-artwork {
  background: #3686af;
  color: #fff;
  right: 60px; }

button.view-artwork:before {
  vertical-align: middle; }

.extra-title-artwork-cont button.delete-artwork {
  background: #bb4945;
  color: #fff; }

button.delete-artwork:before {
  vertical-align: middle; }

.extra-title-artwork-cont button.view-artwork {
  background: #3686af;
  color: #fff;
  right: 60px; }

button.view-artwork:before {
  vertical-align: middle; }

.artwork-wrapper {
  max-width: 600px;
  height: auto; }

.artwork-wrapper #artworkcontainer {
  margin: 0 auto;
  width: 200px;
  height: 200px; }

/* timecode ordering */
#reportTable, #reportTable-header {
  width: 700px;
  height: auto;
  display: table;
  padding: 0;
  margin: 0; }

#reportTable.drag-drop-list {
  min-height: 40px !important; }

#reportTable {
  margin-bottom: 20px; }

#reportTable .row, #reportTable-header .row {
  padding: 0;
  margin: 0;
  width: 700px;
  height: 40px;
  display: table-row;
  font-size: 11px;
  text-transform: uppercase; }

#reportTable-header .row {
  background: #eee; }

#reportTable .timecode-drag, #reportTable-header .timecode-drag {
  padding: 0;
  margin: 0;
  width: 30px;
  height: 40px;
  vertical-align: middle;
  display: table-cell;
  border: 1px #ccc solid;
  border-right: none;
  font-size: 2em; }

#reportTable .timecode, #reportTable-header .timecode {
  padding: 0;
  margin: 0;
  width: 176px;
  height: 40px;
  border: 1px #ccc solid;
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
  border-left: none; }

#reportTable-header .timecode {
  width: 178px; }

#reportTable .timecode {
  width: 180px; }

#reportTable .timecode input {
  width: 156px;
  height: 30px;
  padding: 0;
  margin: 0; }

#reportTable .timecode-desc, #reportTable-header .timecode-desc {
  padding: 0;
  margin: 0;
  width: 390px;
  height: 40px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
  border: 1px #ccc solid;
  border-left: none;
  border-right: none; }

#reportTable-header .timecode-desc {
  width: 390px; }

#reportTable .timecode-desc input {
  width: 376px;
  height: 30px;
  padding: 0;
  margin: 0; }

#reportTable .timecode-cleared, #reportTable-header .timecode-cleared {
  padding: 0;
  margin: 0;
  width: 60px;
  height: 40px;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
  border: 1px #ccc solid; }

#reportTable-header .timecode-cleared {
  width: 60px; }

#reportTable .timecode-cleared {
  border-left: none; }

#reportTable .timecode-cleared input {
  height: 30px;
  padding: 0;
  margin: 0; }

#reportTable .timecode-delete, #reportTable-header .timecode-delete {
  padding: 0;
  margin: 0;
  width: 35px;
  height: 40px;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
  border: 1px #ccc solid;
  border-left: none; }

#reportTable .timecode-delete {
  background: #f2dede; }

#reportTable .timecode-delete button {
  height: 40px;
  width: 35px;
  /*background: #bb4945;*/
  background: #f2dede;
  /*url('../imgs/icons/mgr-icons-delete-red.png') no-repeat center;*/
  border: none;
  padding: 0;
  margin: 0; }

/*#reportTable .timecode-delete button:hover {background: #e05752;}*/
#reportTable .timecode-delete button:hover {
  background-color: #e9c7c7; }

#reportTable .timecode, #reportTable .timecode-desc, #reportTable .timecode-cleared, #reportTable .timecode-delete {
  border-top: none; }

#reportTable input {
  padding: 0;
  margin: 0;
  border: none; }

#reportTable select {
  padding: 0;
  margin: 0;
  border: none;
  height: 40px;
  width: 30px; }

#reportTable .draggable {
  padding: 0;
  margin: 0;
  max-width: 56px;
  height: 40px;
  background: #f6fbff;
  /* url('../imgs/icons/draggable.png') no-repeat  center center;*/
  height: inherit;
  margin-right: 0px;
  cursor: move;
  vertical-align: middle;
  display: table-cell;
  border: 1px #ccc solid;
  border-right: none;
  border-top: none; }

#reportTable .draggable:hover {
  cursor: move; }

/**
 *
 *  footer
 *
 */
footer {
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  bottom: 0;
  height: 30px;
  width: 100%;
  background: #ededed;
  border-top: 1px #e2e2e2 solid;
  text-align: left;
  color: #5c5c5c; }

footer .span_1_of_2 {
  margin: 0;
  padding: 0;
  width: 50%; }

/** user details text **/
footer .userdetails {
  padding: 8px 0 0 20px;
  font-size: 12px;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: left; }

footer span.title_pointer {
  position: relative;
  top: 0;
  font-family: 'EntypoRegular';
  font-size: 1.5em;
  color: #5c5c5c;
  padding: 0 8px; }

/** Copyrightd text **/
footer .copyright {
  padding: 8px 20px 0 0;
  font-size: 12px;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-align: right;
  float: right; }

/** Log Out **/
footer .log-out {
  float: right; }

footer .log-out a:link, footer .log-out a:visited, footer .log-out a:active {
  display: table-cell;
  vertical-align: middle;
  width: 80px;
  height: 30px;
  background: #54728c;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .07em;
  cursor: pointer;
  webkit-transition: all .300s ease-out;
  transition: all .300s ease-out; }

footer .log-out a:hover, footer .log-out a:hover:visited {
  background: #6683a2; }

.alert-success {
  display: none;
  position: absolute;
  top: 74px;
  right: 22px;
  z-index: 100;
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }
  .alert-success button.close {
    position: relative;
    top: -18px;
    right: -30px;
    z-index: 200;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0; }

.alert-info {
  display: none;
  position: absolute;
  top: 74px;
  right: 22px;
  z-index: 100;
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1; }
  .alert-info button.close {
    position: relative;
    top: -18px;
    right: -30px;
    z-index: 200;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0; }

.alert-warning {
  display: none;
  position: absolute;
  top: 74px;
  right: 22px;
  z-index: 100;
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }
  .alert-warning button.close {
    position: relative;
    top: -18px;
    right: -30px;
    z-index: 200;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0; }

.alert-danger {
  display: none;
  position: absolute;
  top: 74px;
  right: 22px;
  z-index: 100;
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }
  .alert-danger button.close {
    position: relative;
    top: -18px;
    right: -30px;
    z-index: 200;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0; }

/**
 *
 * Form settings for the site
 *
 * At the moment i have included th etwitter bootstrap form and tab style in order to make my time coing easier see the tw-bootstrap.css file
 */
@import url("twbs-forms.css");
#listcontainer {
  min-height: 300px;
  height: 540px; }

label.form-title, label.issue-title {
  margin-bottom: 5px;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500; }

label.issue-title {
  padding-bottom: 3px;
  margin-bottom: 2px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-transform: capitalize;
  font-weight: 700; }

label sup.form-required {
  font-size: 14px;
  color: #bb4945; }

label span {
  font-size: 12px;
  color: #a1a1a1; }

.required {
  font-size: 12px;
  color: #bb4945; }

.form-submit-box {
  padding: 0 20px; }

span.correct:after, span.ouch:after {
  position: relative;
  top: 18px;
  left: 10px;
  font-family: 'typicons';
  font-size: 2em;
  font-weight: normal;
  vertical-align: top;
  line-height: 0;
  content: "\e105";
  color: #448944; }

span.ouch:after {
  content: "\e109";
  color: #bb4945; }

/**
 *
 *  Buttons
 *
 */
button.disabled, button.create-button, button.create-button-sml, button.create-button-add,
button.delete-button, button.delete-button-sml,
button.add-button, button.add-button-sml,
button.resubmit-button, button.resubmit-button-sml,
button.edit-button, button.edit-button-sml,
button.update-button, button.update-button-sml,
button.user-button, button.user-button-sml,
button.title-button, button.title-button-sml,
button.report-button, button.report-button-sml,
button.confirm-button, button.confirm-button-sml,
button.clearlogs-button, button.clearlogs-button-sml,
button.refresh-button, button.refresh-button-sml,
button.perf-refresh-button, button.perf-refresh-button-sml,
button.cast-crew-button, button.cast-crew-button-sml,
button.comment-button, button.comment-button-sml,
button.search-button, button.search-button-sml,
button.archive-button, button.archive-button-sml,
button.next-button, button.next-button-sml,
button.previous-button, button.previous-button-sml,
button.announce-button, button.announce-button-sml
a.link-button {
  margin: 0;
  margin-top: 10px;
  padding: 5px 15px;
  min-width: 120px;
  width: auto;
  height: 50px;
  border: 0px;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: .1em;
  color: #5e5e5e;
  border-radius: 4px;
  border: 1px #dadada solid;
  background: transparent; }

.base-button-sml {
  margin: 0;
  padding: 0 10px;
  width: auto;
  height: 32px;
  border: 0px;
  text-transform: uppercase;
  font-size: 22px;
  border-radius: 4px;
  background: transparent;
  position: relative;
  right: -220px;
  top: -36px;
  color: #bb4945; }

.base-button-sml:hover {
  background: #bb4945;
  color: white; }

button.create-button-sml,
button.search-button-sml,
button.add-button-sml,
button.resubmit-button-sml,
button.create-button-add,
button.confirm-button-sml,
button.delete-button-sml,
button.edit-button-sml,
button.update-button-sml,
button.user-button-sml,
button.title-button-sml,
button.report-button-sml,
button.comment-button-sml,
button.refresh-button-sml,
button.perf-refresh-button-sml,
button.cast-crew-button-sml,
button.clearlogs-button-sml,
button.archive-button-sml,
button.next-button-sml,
button.previous-button-sml,
button.announce-button-sml {
  margin: 0;
  padding: 5px 8px;
  min-width: 80px;
  height: 40px;
  font-size: 12px; }

button.create-button-add {
  min-width: 40px !important;
  max-width: 40px !important;
  width: 40px !important; }

#delete-timecode {
  color: #8B0000;
  border: none; }

#delete-timecode:before {
  content: "\e109 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 0px; }

/** Create Button **/
button.create-button, button.create-button-sml, button.create-button-add {
  background: #7bbb7b;
  color: #fff;
  border: none; }

button.create-button:before {
  content: "\e105 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.create-button-sml:before {
  content: "\e0c1 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.create-button-add:before {
  content: "\e0c1";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle; }

button.create-button:hover, button.create-button-sml:hover, button.create-button-add:hover {
  background: #4e9e4e; }

/** User Button **/
button.user-button, button.user-button-sml {
  background: #7bbb7b;
  color: #fff;
  border: none;
  float: left; }

button.user-button:before {
  content: "\e113 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.user-button-sml:before {
  content: "\e113 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.user-button:hover, button.user-button-sml:hover {
  background: #4e9e4e; }

/** Delete Button **/
button.delete-button {
  background: #bb4945;
  color: #fff;
  border: none;
  float: left; }

button.delete-button-sml {
  background: #bb4945;
  color: #fff;
  border: none; }

button.delete-button:before, button.delete-button-sml:before {
  content: "\e10a ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.delete-button:hover, button.delete-button-sml:hover {
  background: #9a3935; }

/** Title Button **/
button.title-button, button.title-button-sml {
  background: #7bbb7b;
  color: #fff;
  border: none;
  float: left; }

button.title-button:before {
  content: "\e047 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.title-button-sml:before {
  content: "\e047 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.title-button:hover, button.title-button-sml:hover {
  background: #4e9e4e; }

/** Report Button **/
button.report-button, button.report-button-sml {
  background: #54728c;
  color: #fff;
  border: none;
  float: left; }

button.report-button:before {
  content: "\e0b5 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.report-button-sml:before {
  content: "\e0b5 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.report-button:hover, button.report-button-sml:hover {
  background: #003366; }

/** Clearlogs Button **/
button.clearlogs-button {
  background: #bb4945;
  color: #fff;
  border: none;
  float: left; }

button.clearlogs-button-sml {
  background: #bb4945;
  color: #fff;
  border: none;
  float: right; }

button.clearlogs-button:before, button.clearlogs-button-sml:before {
  content: "\e109 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.clearlogs-button:hover, button.clearlogs-button-sml:hover {
  background: #9a3935; }

/** confirm Button **/
button.confirm-button, button.confirm-button-sml {
  background: #7bbb7b;
  color: #fff;
  border: none; }

button.confirm-button:before {
  content: "\e105 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.confirm-button-sml:before {
  content: "\e105 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.confirm-button:hover, button.confirm-button-sml:hover {
  background: #4e9e4e; }

/** comment Button **/
button.comment-button, button.comment-button-sml {
  background: #7bbb7b;
  color: #fff;
  border: none; }

button.comment-button:before {
  content: "\e0ac ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.comment-button-sml:before {
  content: "\e0ac ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.comment-button:hover, button.comment-button-sml:hover {
  background: #4e9e4e; }

/** refresh Button **/
button.refresh-button, button.refresh-button-sml {
  background: #5bc0de;
  color: #fff;
  border: none; }

button.refresh-button:before {
  content: "\e01e ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.refresh-button-sml:before {
  content: "\e01e ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.refresh-button:hover, button.refresh-button-sml:hover {
  background: #43a9c8; }

/** performrefresh  Button **/
button.perf-refresh-button, button.perf-refresh-button-sml {
  background: #5bc0de;
  color: #fff;
  border: none; }

button.perf-refresh-button:before {
  content: "\e103 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.perf-refresh-button-sml:before {
  content: "\e103 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.perf-refresh-button:hover, button.perf-refresh-button-sml:hover {
  background: #43a9c8; }

/** Cast Crew  Button **/
button.cast-crew-button, button.cast-crew-button-sml {
  background: #7bbb7b;
  color: #fff;
  border: none;
  float: left; }

button.cast-crew-button:before {
  content: "\e113 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.cast-crew-button-sml:before {
  content: "\e113 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.cast-crew-button:hover, button.cast-crew-button-sml:hover {
  background: #4e9e4e; }

/** Edit  Button **/
button.edit-button, button.edit-button-sml {
  background: #7bbb7b;
  color: #fff;
  border: none;
  float: left; }

button.edit-button:before {
  content: "\e0b5 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.edit-button-sml:before {
  content: "\e0b5 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.edit-button:hover, button.edit-button-sml:hover {
  background: #4e9e4e; }

/** Update  Button **/
button.update-button, button.update-button-sml {
  background: #7bbb7b;
  color: #fff;
  border: none;
  float: left; }

button.update-button:before {
  content: "\e0b5 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.update-button-sml:before {
  content: "\e0b5 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.update-button:hover, button.update-button-sml:hover {
  background: #4e9e4e; }

/** Archive  Button **/
button.archive-button, button.archive-button-sml {
  background: #7bbb7b;
  color: #fff;
  border: none;
  float: left; }

button.archive-button:before {
  content: "\e052 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.archive-button-sml:before {
  content: "\e052 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.archive-button:hover, button.archive-button-sml:hover {
  background: #4e9e4e; }

button.next-button, button.next-button-sml {
  background: #7B9BBA;
  color: #fff;
  border: none;
  float: left; }

button.next-button:before {
  content: "\e01a ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.next-button-sml:after {
  content: "\e01a ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.next-button:hover, button.next-button-sml:hover {
  background: #5A7B9C; }

button.previous-button, button.previous-button-sml {
  background: #7B9BBA;
  color: #fff;
  border: none;
  float: left; }

button.previous-button:before {
  content: "\e00d ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.previous-button-sml:before {
  content: "\e00d ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.previous-button:hover, button.previous-button-sml:hover {
  background: #5A7B9C; }

button.announce-button, button.announce-button-sml {
  background: #7B9BBA;
  color: #fff;
  border: none;
  float: left; }

button.announce-button:before {
  content: '\e118 ';
  font-family: 'typicons';
  font-size: 2.3em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.announce-button-sml:before {
  content: '\e118 ';
  font-family: 'typicons';
  font-size: 2.3em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.announce-button:hover, button.announce-button-sml:hover {
  background: #5A7B9C; }

/** Add Button **/
button.add-button, button.add-button-sml, button.add-button-add {
  background: #7bbb7b;
  color: #fff;
  border: none; }

button.add-button:before {
  content: "\e0c1 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.add-button-sml:before {
  content: "\e0c1 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.add-button:hover, button.add-button-sml:hover {
  background: #4e9e4e; }

/** resubmit Button **/
button.resubmit-button, button.resubmit-button-sml, button.resubmit-button-resubmit {
  background: #7bbb7b;
  color: #fff;
  border: none; }

button.resubmit-button:before {
  content: "\e00b ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  presubmiting-right: 8px; }

button.resubmit-button-sml:before {
  content: "\e00b ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  presubmiting-right: 8px; }

button.resubmit-button:hover, button.resubmit-button-sml:hover {
  background: #4e9e4e; }

/** search button **/
button.search-button, button.search-button-sml, button.search-button-search {
  background: orange;
  color: #fff;
  border: none; }

button.search-button:before {
  content: "\e132 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  presubmiting-right: 8px; }

button.search-button-sml:before {
  content: "\e132 ";
  font-family: 'typicons';
  font-size: 1.7em;
  font-weight: normal;
  vertical-align: middle;
  presubmiting-right: 8px; }

button.search-button:hover, button.search-button-sml:hover {
  background: darkorange; }

/** Cancel Button */
button.cancel-button {
  margin: 16px 0 0 15px;
  padding: 5px 8px;
  min-width: 80px;
  height: 40px;
  font-size: 12px;
  background: #a1a1a1;
  color: #fff;
  border: none;
  width: auto;
  text-transform: uppercase;
  letter-spacing: .1em;
  border-radius: 4px;
  float: left; }

button.cancel-button:before {
  content: "\e109 ";
  font-family: 'typicons';
  font-size: 2em;
  font-weight: normal;
  vertical-align: middle;
  padding-right: 8px; }

button.cancel-button:hover {
  background: #5e5e5e; }

/**
 *
 * Switch(s)
 * Thanks to proto.io for this switch code http://proto.io/freebies/onoff/
 *
 */
.onoffswitch {
  position: relative;
  width: 100px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.onoffswitch-checkbox {
  display: none; }

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #dadada;
  border-radius: 20px; }

.onoffswitch-inner {
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s; }

.onoffswitch-inner:before, .onoffswitch-inner:after {
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  box-sizing: border-box; }

/** the active state **/
.onoffswitch-inner:before {
  content: "Active";
  padding-left: 10px;
  background-color: #7bbb7b;
  color: #fff; }

.onoffswitch-inner:after {
  content: "Disabled";
  padding-right: 10px;
  background-color: #bb4945;
  color: #fff;
  text-align: right; }

.onoffswitch-switch {
  width: 20px;
  height: 20px;
  margin: 6px;
  background: #fff;
  /*border: 2px solid #999999; */
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 70px;
  transition: all 0.3s ease-in 0s; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
  background: #fff; }

/**
 * Vednorid Switch
 */
.vendoridswitch {
  position: relative;
  width: 100px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.vendoridswitch-checkbox {
  display: none; }

.vendoridswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #dadada;
  border-radius: 20px; }

.vendoridswitch-inner {
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s; }

.vendoridswitch-inner:before, .vendoridswitch-inner:after {
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  box-sizing: border-box; }

/** the active state **/
.vendoridswitch-inner:before {
  content: "Auto";
  padding-left: 10px;
  background-color: #7bbb7b;
  color: #fff; }

.vendoridswitch-inner:after {
  content: "Manual";
  padding-right: 10px;
  background-color: #bb4945;
  color: #fff;
  text-align: right; }

.vendoridswitch-switch {
  width: 20px;
  height: 20px;
  margin: 6px;
  background: #fff;
  /*border: 2px solid #999999; */
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 70px;
  transition: all 0.3s ease-in 0s; }

.vendoridswitch-checkbox:checked + .vendoridswitch-label .vendoridswitch-inner {
  margin-left: 0; }

.vendoridswitch-checkbox:checked + .vendoridswitch-label .vendoridswitch-switch {
  right: 0px;
  background: #fff; }

/* platform vendor ids switch */
.platformvendorswitch {
  position: relative;
  width: 100px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.platformvendorswitch-checkbox {
  display: none; }

.platformvendorswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #dadada;
  border-radius: 20px; }

.platformvendorswitch-inner {
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s; }

.platformvendorswitch-inner:before, .platformvendorswitch-inner:after {
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  box-sizing: border-box; }

/** the active state **/
.platformvendorswitch-inner:before {
  content: "On";
  padding-left: 10px;
  background-color: #7bbb7b;
  color: #fff; }

.platformvendorswitch-inner:after {
  content: "Off";
  padding-right: 10px;
  background-color: #bb4945;
  color: #fff;
  text-align: right; }

.platformvendorswitch-switch {
  width: 20px;
  height: 20px;
  margin: 6px;
  background: #fff;
  /*border: 2px solid #999999; */
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 70px;
  transition: all 0.3s ease-in 0s; }

.platformvendorswitch-checkbox:checked + .platformvendorswitch-label .platformvendorswitch-inner {
  margin-left: 0; }

.platformvendorswitch-checkbox:checked + .platformvendorswitch-label .platformvendorswitch-switch {
  right: 0px;
  background: #fff; }

/* end platform vendor id */
.logsswitch {
  position: relative;
  width: 100px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.logsswitch-checkbox {
  display: none; }

.logsswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #dadada;
  border-radius: 20px; }

.logsswitch-inner {
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s; }

.logsswitch-inner:before, .logsswitch-inner:after {
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  box-sizing: border-box; }

/** the active state **/
.logsswitch-inner:before {
  content: "Active";
  padding-left: 10px;
  background-color: #7bbb7b;
  color: #fff; }

.logsswitch-inner:after {
  content: "Disabled";
  padding-right: 10px;
  background-color: #bb4945;
  color: #fff;
  text-align: right; }

.logsswitch-switch {
  width: 20px;
  height: 20px;
  margin: 6px;
  background: #fff;
  /*border: 2px solid #999999; */
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 70px;
  transition: all 0.3s ease-in 0s; }

.logsswitch-checkbox:checked + .logsswitch-label .logsswitch-inner {
  margin-left: 0; }

.logsswitch-checkbox:checked + .logsswitch-label .logsswitch-switch {
  right: 0px;
  background: #fff; }

.disable_edit_vswitch {
  position: relative;
  width: 100px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.disable_edit_vswitch-checkbox {
  display: none; }

.disable_edit_vswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #dadada;
  border-radius: 20px; }

.disable_edit_vswitch-inner {
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s; }

.disable_edit_vswitch-inner:before, .disable_edit_vswitch-inner:after {
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  box-sizing: border-box; }

/** the active state **/
.disable_edit_vswitch-inner:before {
  content: "Active";
  padding-left: 10px;
  background-color: #7bbb7b;
  color: #fff; }

.disable_edit_vswitch-inner:after {
  content: "Disabled";
  padding-right: 10px;
  background-color: #bb4945;
  color: #fff;
  text-align: right; }

.disable_edit_vswitch-switch {
  width: 20px;
  height: 20px;
  margin: 6px;
  background: #fff;
  /*border: 2px solid #999999; */
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 70px;
  transition: all 0.3s ease-in 0s; }

.disable_edit_vswitch-checkbox:checked + .disable_edit_vswitch-label .disable_edit_vswitch-inner {
  margin-left: 0; }

.disable_edit_vswitch-checkbox:checked + .disable_edit_vswitch-label .disable_edit_vswitch-switch {
  right: 0px;
  background: #fff; }

/* --------------------------- */
.wholesale_vswitch {
  position: relative;
  width: 100px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.wholesale_vswitch-checkbox {
  display: none; }

.wholesale_vswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #dadada;
  border-radius: 20px; }

.wholesale_vswitch-inner {
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s; }

.wholesale_vswitch-inner:before, .wholesale_vswitch-inner:after {
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  box-sizing: border-box; }

/** the active state **/
.wholesale_vswitch-inner:before {
  content: "Active";
  padding-left: 10px;
  background-color: #7bbb7b;
  color: #fff; }

.wholesale_vswitch-inner:after {
  content: "Disabled";
  padding-right: 10px;
  background-color: #bb4945;
  color: #fff;
  text-align: right; }

.wholesale_vswitch-switch {
  width: 20px;
  height: 20px;
  margin: 6px;
  background: #fff;
  /*border: 2px solid #999999; */
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 70px;
  transition: all 0.3s ease-in 0s; }

.wholesale_vswitch-checkbox:checked + .wholesale_vswitch-label .wholesale_vswitch-inner {
  margin-left: 0; }

.wholesale_vswitch-checkbox:checked + .wholesale_vswitch-label .wholesale_vswitch-switch {
  right: 0px;
  background: #fff; }

/* ------------------------- */
.series_vswitch {
  position: relative;
  width: 100px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.series_vswitch-checkbox {
  display: none; }

.series_vswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #dadada;
  border-radius: 20px; }

.series_vswitch-inner {
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s; }

.series_vswitch-inner:before, .series_vswitch-inner:after {
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  box-sizing: border-box; }

/** the active state **/
.series_vswitch-inner:before {
  content: "Active";
  padding-left: 10px;
  background-color: #7bbb7b;
  color: #fff; }

.series_vswitch-inner:after {
  content: "Disabled";
  padding-right: 10px;
  background-color: #bb4945;
  color: #fff;
  text-align: right; }

.series_vswitch-switch {
  width: 20px;
  height: 20px;
  margin: 6px;
  background: #fff;
  /*border: 2px solid #999999; */
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 70px;
  transition: all 0.3s ease-in 0s; }

.series_vswitch-checkbox:checked + .series_vswitch-label .series_vswitch-inner {
  margin-left: 0; }

.series_vswitch-checkbox:checked + .series_vswitch-label .series_vswitch-switch {
  right: 0px;
  background: #fff; }

/**
 *
 * Option Switch(s)
 *
 */
.opt-sublabel, .opt-shortsynopsis, .opt-imdb, .opt-trailerlink, .opt-referenceidlink,
.opt-lfschdates, .opt-lftvodcurdates, .opt-lftvodlibdates, .opt-lfsvodlibdates,
.opt-nfexpous, .opt-nfexpodt,
.opt-bbtagline, .opt-bbshorttt,
.opt-msart,
.opt-msmls,
.opt-mloc,
.opt-gloc,
.opt-gmls,
.opt-itlr,
.opt-fffirst,
.opt-ffcabled,
.opt-ffbbdates,
.opt-ffqualcriteria,
.opt-ffqualdetails,
.opt-ffprice,
.opt-ff4wkprice,
.opt-ffinHD,
.opt-ffHDprice,
.opt-ffnotes,
.opt-sylocaltitle,
.opt-syboxoffice,
.opt-syhomevideo,
.opt-sydisplays,
.opt-sypricing,
.opt-syartwork,
.opt-sypriority,
.opt-seasononly,
.opt-synotes {
  float: left;
  margin-right: 8px;
  position: relative;
  width: 80px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.opt-sublabel-checkbox, .opt-shortsynopsis-checkbox, .opt-imdb-checkbox, .opt-trailerlink-checkbox, .opt-referenceid-checkbox,
.opt-lfschdates-checkbox, .opt-lftvodcurdates-checkbox, .opt-lftvodlibdates-checkbox, .opt-lfsvodlibdates-checkbox,
.opt-nfexpous-checkbox, .opt-nfexpodt-checkbox,
.opt-bbtagline-checkbox, .opt-bbshorttt-checkbox,
.opt-msart-checkbox,
.opt-msmls-checkbox,
.opt-mloc-checkbox,
.opt-gloc-checkbox,
.opt-gmls-checkbox,
.opt-itlr-checkbox,
.opt-fffirst-checkbox,
.opt-ffcabled-checkbox,
.opt-ffbbdates-checkbox,
.opt-ffqualcriteria-checkbox,
.opt-ffqualdetails-checkbox,
.opt-ffprice-checkbox,
.opt-ff4wkprice-checkbox,
.opt-ffinHD-checkbox,
.opt-ffHDprice-checkbox,
.opt-ffnotes-checkbox,
.opt-sylocaltitle-checkbox,
.opt-syboxoffice-checkbox,
.opt-syhomevideo-checkbox,
.opt-sydisplays-checkbox,
.opt-sypricing-checkbox,
.opt-syartwork-checkbox,
.opt-sypriority-checkbox,
.opt-msart-checkbox,
.opt-seasononly-checkbox {
  display: none; }

.opt-sublabel-label, .opt-shortsynopsis-label, .opt-imdb-label, .opt-trailerlink-label, .opt-referenceid-label,
.opt-lfschdates-label, .opt-lftvodcurdates-label, .opt-lftvodlibdates-label, .opt-lfsvodlibdates-label,
.opt-nfexpous-label, .opt-nfexpodt-label,
.opt-bbtagline-label, .opt-bbshorttt-label,
.opt-msart-label,
.opt-msmls-label,
.opt-mloc-label,
.opt-gloc-label,
.opt-gmls-label,
.opt-itlr-label,
.opt-fffirst-label,
.opt-ffcabled-label,
.opt-ffbbdates-label,
.opt-ffqualcriteria-label,
.opt-ffqualdetails-label,
.opt-ffprice-label,
.opt-ff4wkprice-label,
.opt-ffinHD-label,
.opt-ffHDprice-label,
.opt-ffnotes-label,
.opt-sylocaltitle-label,
.opt-syboxoffice-label,
.opt-syhomevideo-label,
.opt-sydisplays-label,
.opt-sypricing-label,
.opt-syartwork-label,
.opt-sypriority-label,
.opt-seasononly-label,
.opt-synotes-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #dadada;
  border-radius: 20px; }

.opt-sublabel-inner, .opt-shortsynopsis-inner, .opt-imdb-inner, .opt-trailerlink-inner, .opt-referenceid-inner,
.opt-lfschdates-inner, .opt-lftvodcurdates-inner, .opt-lftvodlibdates-inner, .opt-lfsvodlibdates-inner,
.opt-nfexpous-inner, .opt-nfexpodt-inner,
.opt-bbtagline-inner, .opt-bbshorttt-inner,
.opt-msart-inner,
.opt-msmls-inner,
.opt-mloc-inner,
.opt-gloc-inner,
.opt-gmls-inner,
.opt-itlr-inner,
.opt-fffirst-inner,
.opt-ffcabled-inner,
.opt-ffbbdates-inner,
.opt-ffqualcriteria-inner,
.opt-ffqualdetails-inner,
.opt-ffprice-inner,
.opt-ff4wkprice-inner,
.opt-ffinHD-inner,
.opt-ffHDprice-inner,
.opt-ffnotes-inner,
.opt-sylocaltitle-inner,
.opt-syboxoffice-inner,
.opt-syhomevideo-inner,
.opt-sydisplays-inner,
.opt-sypricing-inner,
.opt-syartwork-inner,
.opt-sypriority-inner,
.opt-seasononly-inner,
.opt-synotes-inner {
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s; }

.opt-sublabel-inner:before, .opt-sublabel-inner:after, .opt-shortsynopsis-inner:before, .opt-shortsynopsis-inner:after,
.opt-imdb-inner:before, .opt-imdb-inner:after,
.opt-trailerlink-inner:before, .opt-trailerlink-inner:after,
.opt-referenceid-inner:before, .opt-referenceid-inner:after,
.opt-lfschdates-inner:before, .opt-lfschdates-inner:after, .opt-lftvodcurdates-inner:before, .opt-lftvodcurdates-inner:after,
.opt-lftvodlibdates-inner:before, .opt-lftvodlibdates-inner:after, .opt-lfsvodlibdates-inner:before, .opt-lfsvodlibdates-inner:after,
.opt-nfexpous-inner:before, .opt-nfexpous-inner:after, .opt-nfexpodt-inner:before, .opt-nfexpodt-inner:after,
.opt-bbtagline-inner:before, .opt-bbtagline-inner:after, .opt-bbshorttt-inner:before, .opt-bbshorttt-inner:after,
.opt-msart-inner:before, .opt-msart-inner:after,
.opt-msmls-inner:before, .opt-msmls-inner:after,
.opt-mloc-inner:before, .opt-mloc-inner:after,
.opt-gloc-inner:before, .opt-gloc-inner:after,
.opt-gmls-inner:before, .opt-gmls-inner:after,
.opt-itlr-inner:before, .opt-itlr-inner:after,
.opt-fffirst-inner:before, .opt-fffirst-inner:after,
.opt-ffcabled-inner:before, .opt-ffcabled-inner:after,
.opt-ffbbdates-inner:before, .opt-ffbbdates-inner:after,
.opt-ffqualcriteria-inner:before, .opt-ffqualcriteria-inner:after,
.opt-ffqualdetails-inner:before, .opt-ffqualdetails-inner:after,
.opt-ffprice-inner:before, .opt-ffprice-inner:after,
.opt-ff4wkprice-inner:before, .opt-ff4wkprice-inner:after,
.opt-ffinHD-inner:before, .opt-ffinHD-inner:after,
.opt-ffHDprice-inner:before, .opt-ffHDprice-inner:after,
.opt-ffnotes-inner:before, .opt-ffnotes-inner:after,
.opt-sylocaltitle-inner:before, .opt-sylocaltitle-inner:after,
.opt-syboxoffice-inner:before, .opt-syboxoffice-inner:after,
.opt-syhomevideo-inner:before, .opt-syhomevideo-inner:after,
.opt-sydisplays-inner:before, .opt-sydisplays-inner:after,
.opt-sypricing-inner:before, .opt-sypricing-inner:after,
.opt-syartwork-inner:before, .opt-syartwork-inner:after,
.opt-sypriority-inner:before, .opt-sypriority-inner:after,
.opt-seasononly-inner:before, .opt-seasononly-inner:after,
.opt-synotes-inner:before, .opt-synotes-inner:after {
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  box-sizing: border-box; }

/** the active state **/
.opt-sublabel-inner:before, .opt-shortsynopsis-inner:before, .opt-imdb-inner:before, .opt-trailerlink-inner:before, .opt-referenceid-inner:before,
.opt-lfschdates-inner:before, .opt-lftvodcurdates-inner:before, .opt-lftvodlibdates-inner:before, .opt-lfsvodlibdates-inner:before,
.opt-nfexpous-inner:before, .opt-nfexpodt-inner:before,
.opt-bbtagline-inner:before, .opt-bbshorttt-inner:before,
.opt-msart-inner:before,
.opt-msmls-inner:before,
.opt-mloc-inner:before,
.opt-gloc-inner:before,
.opt-gmls-inner:before,
.opt-itlr-inner:before,
.opt-fffirst-inner:before,
.opt-ffcabled-inner:before,
.opt-ffbbdates-inner:before,
.opt-ffqualcriteria-inner:before,
.opt-ffqualdetails-inner:before,
.opt-ffprice-inner:before,
.opt-ff4wkprice-inner:before,
.opt-ffinHD-inner:before,
.opt-ffHDprice-inner:before,
.opt-ffnotes-inner:before,
.opt-sylocaltitle-inner:before,
.opt-syboxoffice-inner:before,
.opt-syhomevideo-inner:before,
.opt-sydisplays-inner:before,
.opt-sypricing-inner:before,
.opt-syartwork-inner:before,
.opt-sypriority-inner:before,
.opt-synotes-inner:before {
  content: "Show";
  padding-left: 10px;
  background-color: #7bbb7b;
  color: #fff; }

.opt-seasononly-inner:before {
  content: "True";
  padding-left: 10px;
  background-color: #7bbb7b;
  color: #fff; }

.opt-sublabel-inner:after, .opt-shortsynopsis-inner:after, .opt-imdb-inner:after, .opt-trailerlink-inner:after, .opt-referenceid-inner:after,
.opt-lfschdates-inner:after, .opt-lftvodcurdates-inner:after, .opt-lftvodlibdates-inner:after, .opt-lfsvodlibdates-inner:after,
.opt-nfexpous-inner:after, .opt-nfexpodt-inner:after,
.opt-bbtagline-inner:after, .opt-bbshorttt-inner:after,
.opt-msart-inner:after,
.opt-msmls-inner:after,
.opt-mloc-inner:after,
.opt-gloc-inner:after,
.opt-gmls-inner:after,
.opt-itlr-inner:after,
.opt-fffirst-inner:after,
.opt-ffcabled-inner:after,
.opt-ffbbdates-inner:after,
.opt-ffqualcriteria-inner:after,
.opt-ffqualdetails-inner:after,
.opt-ffprice-inner:after,
.opt-ff4wkprice-inner:after,
.opt-ffinHD-inner:after,
.opt-ffHDprice-inner:after,
.opt-ffnotes-inner:after,
.opt-sylocaltitle-inner:after,
.opt-syboxoffice-inner:after,
.opt-syhomevideo-inner:after,
.opt-sydisplays-inner:after,
.opt-sypricing-inner:after,
.opt-syartwork-inner:after,
.opt-sypriority-inner:after,
.opt-synotes-inner:after {
  content: "Hide";
  padding-right: 10px;
  background-color: #bb4945;
  color: #fff;
  text-align: right; }

.opt-seasononly-inner:after {
  content: "False";
  padding-right: 10px;
  background-color: #bb4945;
  color: #fff;
  text-align: right; }

.opt-sublabel-switch, .opt-shortsynopsis-switch, .opt-imdb-switch, .opt-trailerlink-switch, .opt-referenceid-switch,
.opt-lfschdates-switch, .opt-lftvodcurdates-switch, .opt-lftvodlibdates-switch, .opt-lfsvodlibdates-switch,
.opt-nfexpous-switch, .opt-nfexpodt-switch,
.opt-bbtagline-switch, .opt-bbshorttt-switch,
.opt-msart-switch,
.opt-msmls-switch,
.opt-mloc-switch,
.opt-gloc-switch,
.opt-gmls-switch,
.opt-itlr-switch,
.opt-fffirst-switch,
.opt-ffcabled-switch,
.opt-ffbbdates-switch,
.opt-ffqualcriteria-switch,
.opt-ffqualdetails-switch,
.opt-ffprice-switch,
.opt-ff4wkprice-switch,
.opt-ffinHD-switch,
.opt-ffHDprice-switch,
.opt-ffnotes-switch,
.opt-sylocaltitle-switch,
.opt-syboxoffice-switch,
.opt-syhomevideo-switch,
.opt-sydisplays-switch,
.opt-sypricing-switch,
.opt-syartwork-switch,
.opt-sypriority-switch,
.opt-seasononly-switch,
.opt-synotes-switch {
  width: 20px;
  height: 20px;
  margin: 6px;
  background: #fff;
  /*border: 2px solid #999999; */
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 48px;
  transition: all 0.3s ease-in 0s; }

.opt-sublabel-checkbox:checked + .opt-sublabel-label .opt-sublabel-inner,
.opt-shortsynopsis-checkbox:checked + .opt-shortsynopsis-label .opt-shortsynopsis-inner,
.opt-imdb-checkbox:checked + .opt-imdb-label .opt-imdb-inner,
.opt-trailerlink-checkbox:checked + .opt-trailerlink-label .opt-trailerlink-inner,
.opt-referenceid-checkbox:checked + .opt-referenceid-label .opt-referenceid-inner,
.opt-lfschdates-checkbox:checked + .opt-lfschdates-label .opt-lfschdates-inner,
.opt-lftvodcurdates-checkbox:checked + .opt-lftvodcurdates-label .opt-lftvodcurdates-inner,
.opt-lftvodlibdates-checkbox:checked + .opt-lftvodlibdates-label .opt-lftvodlibdates-inner,
.opt-lfsvodlibdates-checkbox:checked + .opt-lfsvodlibdates-label .opt-lfsvodlibdates-inner,
.opt-nfexpous-checkbox:checked + .opt-nfexpous-label .opt-nfexpous-inner,
.opt-nfexpodt-checkbox:checked + .opt-nfexpodt-label .opt-nfexpodt-inner,
.opt-bbtagline-checkbox:checked + .opt-bbtagline-label .opt-bbtagline-inner,
.opt-bbshorttt-checkbox:checked + .opt-bbshorttt-label .opt-bbshorttt-inner,
.opt-msart-checkbox:checked + .opt-msart-label .opt-msart-inner,
.opt-msmls-checkbox:checked + .opt-msmls-label .opt-msmls-inner,
.opt-mloc-checkbox:checked + .opt-mloc-label .opt-mloc-inner,
.opt-gloc-checkbox:checked + .opt-gloc-label .opt-gloc-inner,
.opt-gmls-checkbox:checked + .opt-gmls-label .opt-gmls-inner,
.opt-itlr-checkbox:checked + .opt-itlr-label .opt-itlr-inner,
.opt-fffirst-checkbox:checked + .opt-fffirst-label .opt-fffirst-inner,
.opt-ffcabled-checkbox:checked + .opt-ffcabled-label .opt-ffcabled-inner,
.opt-ffbbdates-checkbox:checked + .opt-ffbbdates-label .opt-ffbbdates-inner,
.opt-ffqualcriteria-checkbox:checked + .opt-ffqualcriteria-label .opt-ffqualcriteria-inner,
.opt-ffqualdetails-checkbox:checked + .opt-ffqualdetails-label .opt-ffqualdetails-inner,
.opt-ffprice-checkbox:checked + .opt-ffprice-label .opt-ffprice-inner,
.opt-ff4wkprice-checkbox:checked + .opt-ff4wkprice-label .opt-ff4wkprice-inner,
.opt-ffinHD-checkbox:checked + .opt-ffinHD-label .opt-ffinHD-inner,
.opt-ffHDprice-checkbox:checked + .opt-ffHDprice-label .opt-ffHDprice-inner,
.opt-ffnotes-checkbox:checked + .opt-ffnotes-label .opt-ffnotes-inner,
.opt-sylocaltitle-checkbox:checked + .opt-sylocaltitle-label .opt-sylocaltitle-inner,
.opt-syboxoffice-checkbox:checked + .opt-syboxoffice-label .opt-syboxoffice-inner,
.opt-syhomevideo-checkbox:checked + .opt-syhomevideo-label .opt-syhomevideo-inner,
.opt-sydisplays-checkbox:checked + .opt-sydisplays-label .opt-sydisplays-inner,
.opt-sypricing-checkbox:checked + .opt-sypricing-label .opt-sypricing-inner,
.opt-syartwork-checkbox:checked + .opt-syartwork-label .opt-syartwork-inner,
.opt-sypriority-checkbox:checked + .opt-sypriority-label .opt-sypriority-inner,
.opt-seasononly-checkbox:checked + .opt-seasononly-label .opt-seasononly-inner,
.opt-synotes-checkbox:checked + .opt-synotes-label .opt-synotes-inner {
  margin-left: 0; }

.opt-sublabel-checkbox:checked + .opt-sublabel-label .opt-sublabel-switch,
.opt-shortsynopsis-checkbox:checked + .opt-shortsynopsis-label .opt-shortsynopsis-switch,
.opt-imdb-checkbox:checked + .opt-imdb-label .opt-imdb-switch,
.opt-trailerlink-checkbox:checked + .opt-trailerlink-label .opt-trailerlink-switch,
.opt-referenceid-checkbox:checked + .opt-referenceid-label .opt-referenceid-switch,
.opt-lfschdates-checkbox:checked + .opt-lfschdates-label .opt-lfschdates-switch,
.opt-lftvodcurdates-checkbox:checked + .opt-lftvodcurdates-label .opt-lftvodcurdates-switch,
.opt-lftvodlibdates-checkbox:checked + .opt-lftvodlibdates-label .opt-lftvodlibdates-switch,
.opt-lfsvodlibdates-checkbox:checked + .opt-lfsvodlibdates-label .opt-lfsvodlibdates-switch,
.opt-nfexpous-checkbox:checked + .opt-nfexpous-label .opt-nfexpous-switch,
.opt-nfexpodt-checkbox:checked + .opt-nfexpodt-label .opt-nfexpodt-switch,
.opt-bbtagline-checkbox:checked + .opt-bbtagline-label .opt-bbtagline-switch,
.opt-bbshorttt-checkbox:checked + .opt-bbshorttt-label .opt-bbshorttt-switch,
.opt-msart-checkbox:checked + .opt-msart-label .opt-msart-switch,
.opt-msmls-checkbox:checked + .opt-msmls-label .opt-msmls-switch,
.opt-mloc-checkbox:checked + .opt-mloc-label .opt-mloc-switch,
.opt-gloc-checkbox:checked + .opt-gloc-label .opt-gloc-switch,
.opt-gmls-checkbox:checked + .opt-gmls-label .opt-gmls-switch,
.opt-itlr-checkbox:checked + .opt-itlr-label .opt-itlr-switch,
.opt-fffirst-checkbox:checked + .opt-fffirst-label .opt-fffirst-switch,
.opt-ffcabled-checkbox:checked + .opt-ffcabled-label .opt-ffcabled-switch,
.opt-ffbbdates-checkbox:checked + .opt-ffbbdates-label .opt-ffbbdates-switch,
.opt-ffqualcriteria-checkbox:checked + .opt-ffqualcriteria-label .opt-ffqualcriteria-switch,
.opt-ffqualdetails-checkbox:checked + .opt-ffqualdetails-label .opt-ffqualdetails-switch,
.opt-ffprice-checkbox:checked + .opt-ffprice-label .opt-ffprice-switch,
.opt-ff4wkprice-checkbox:checked + .opt-ff4wkprice-label .opt-ff4wkprice-switch,
.opt-ffinHD-checkbox:checked + .opt-ffinHD-label .opt-ffinHD-switch,
.opt-ffHDprice-checkbox:checked + .opt-ffHDprice-label .opt-ffHDprice-switch,
.opt-ffnotes-checkbox:checked + .opt-ffnotes-label .opt-ffnotes-switch,
.opt-sylocaltitle-checkbox:checked + .opt-sylocaltitle-label .opt-sylocaltitle-switch,
.opt-syboxoffice-checkbox:checked + .opt-syboxoffice-label .opt-syboxoffice-switch,
.opt-syhomevideo-checkbox:checked + .opt-syhomevideo-label .opt-syhomevideo-switch,
.opt-sydisplays-checkbox:checked + .opt-sydisplays-label .opt-sydisplays-switch,
.opt-sypricing-checkbox:checked + .opt-sypricing-label .opt-sypricing-switch,
.opt-syartwork-checkbox:checked + .opt-syartwork-label .opt-syartwork-switch,
.opt-sypriority-checkbox:checked + .opt-sypriority-label .opt-sypriority-switch,
.opt-seasononly-checkbox:checked + .opt-seasononly-label .opt-seasononly-switch,
.opt-synotes-checkbox:checked + .opt-synotes-label .opt-synotes-switch {
  right: 0px;
  background: #fff; }

.options-title {
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-size: 18px !important;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.option-switch-cont {
  margin: 10px 0;
  clear: both; }

.options-text {
  float: left;
  padding-top: 5px;
  text-transform: uppercase;
  font-size: 14px; }

.format-mxf,
.format-prores,
.format-dvd {
  float: left;
  margin-right: 8px;
  position: relative;
  width: 36px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.format-mxf-checkbox,
.format-prores-checkbox,
.format-dvd-checkbox {
  display: none; }

.format-mxf-label,
.format-prores-label,
.format-dvd-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #dadada;
  border-radius: 20px; }

.format-mxf-inner,
.format-prores-inner,
.format-dvd-inner {
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s; }

.format-mxf-inner:before, .format-mxf-inner:after,
.format-prores-inner:before, .format-prores-inner:after,
.format-dvd-inner:before, .format-dvd-inner:after {
  float: left;
  width: 50%;
  height: 28px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  box-sizing: border-box; }

.format-mxf-inner:before,
.format-prores-inner:before,
.format-dvd-inner:before {
  content: "\e105";
  font-family: 'typicons';
  font-size: 1.9em;
  padding-left: 10px;
  background-color: #7bbb7b;
  color: #fff; }

.format-mxf-inner:after,
.format-prores-inner:after,
.format-dvd-inner:after {
  content: "\e109";
  font-family: 'typicons';
  font-size: 1.9em;
  padding-right: 10px;
  background-color: #bb4945;
  color: #fff;
  text-align: right; }

.format-mxf-switch,
.format-prores-switch,
.format-dvd-switch {
  width: 20px;
  height: 20px;
  margin: 6px;
  background: #fff;
  /*border: 2px solid #999999; */
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 28px;
  transition: all 0.3s ease-in 0s; }

.format-mxf-checkbox:checked + .format-mxf-label .format-mxf-inner,
.format-prores-checkbox:checked + .format-prores-label .format-prores-inner,
.format-dvd-checkbox:checked + .format-dvd-label .format-dvd-inner {
  margin-left: 0; }

.format-mxf-checkbox:checked + .format-mxf-label .format-mxf-switch,
.format-prores-checkbox:checked + .format-prores-label .format-prores-switch,
.format-dvd-checkbox:checked + .format-dvd-label .format-dvd-switch {
  right: 0px;
  background: #fff; }

input[disabled].format-mxf-checkbox + .format-mxf-label .format-mxf-inner:after,
input[disabled].format-prores-checkbox + .format-prores-label .format-prores-inner:after,
input[disabled].format-dvd-checkbox + .format-dvd-label .format-dvd-inner:after {
  background: #ccc; }

/**
 * button effects
 */
.button-container {
  position: relative;
  left: 0px;
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
  white-space: nowrap; }

.button-container button {
  margin: 0;
  padding: 0 10px;
  width: auto;
  height: 30px;
  border: 0px;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: .1em;
  color: #5e5e5e;
  border-radius: 0px;
  border: 1px #dadada solid;
  background: #eee; }

.button-container button:hover {
  background: transparent; }

.button-container button.left {
  border-radius: 4px 0  0 4px;
  border-right: 0; }

.button-container button.right {
  border-radius: 0 4px 4px 0;
  border-left: 0; }

.button-container button.selected {
  background: #dadada !important; }

.reports-container {
  position: relative;
  left: 0px;
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
  white-space: nowrap; }

.reports-container button {
  margin: 0;
  padding: 0 10px;
  min-width: 100px;
  height: 30px;
  border: 0px;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: .1em;
  color: #fff;
  border-radius: 0px;
  border: 1px #dadada solid;
  background: #54728c; }

.reports-container button.left {
  border-radius: 4px 0  0 4px;
  border-right: 0; }

.reports-container button.right {
  border-radius: 0 4px 4px 0;
  border-left: 0; }

.reports-container button:hover {
  background: #003366; }

textarea, input[readonly="readonly"] {
  background: #f9f9f9; }

textarea.system_issues {
  resize: none;
  width: 440px;
  max-width: 440px;
  min-width: 440px; }

textarea.system_comments {
  width: 440px;
  max-width: 440px;
  min-width: 440px;
  height: 100px; }

.vendor-wrapper {
  width: 100%;
  min-height: 50px;
  height: auto;
  display: table;
  vertical-align: middle;
  margin: 0;
  padding: 0; }

.vendor-row {
  display: table-row;
  margin: 0;
  padding: 0; }

.vendor-cell {
  display: table-cell; }

.vendor-cell.spinner {
  background: transparent url(../../imgs/icons/ajax-loader-sq.gif) no-repeat left 14px; }

.vendor-cell span.correct:after, .vendor-cell span.ouch:after {
  position: relative;
  top: 5px;
  left: 0px;
  font-family: 'typicons';
  font-size: 2em;
  font-weight: normal;
  vertical-align: top;
  line-height: 0;
  content: "\e105";
  color: #448944; }

.vendor-cell span.ouch:after {
  content: "\e109";
  color: #bb4945; }

.spinner {
  background: transparent url(/imgs/icons/ajax-loader-sq.gif) no-repeat;
  height: 20px; }

.copyright-wrapper, .ratings-wrapper, .dates-wrapper {
  width: 96%;
  min-height: 50px;
  height: auto;
  display: table;
  vertical-align: middle;
  margin: 0;
  padding: 0; }

.copyright-wrapper {
  border: 1px #dadada solid;
  border-radius: 5px; }

.ratings-wrapper {
  border: 1px #dadada solid;
  border-radius: 5px 5px 0 0; }

.ratings-wrapper.second {
  border-top: none;
  border-radius: 0 0 5px 5px; }

.copyright-row {
  display: table-row;
  margin: 0;
  padding: 0; }

.copyright-cell {
  display: table-cell;
  padding: 10px 0 10px 0;
  text-align: center; }

.copyright-cell.symbol {
  width: 25px !important; }

.copyright-cell.year {
  width: 120px !important;
  padding-right: 10px; }

.ratings-row {
  display: table-row;
  margin: 0;
  padding: 0; }

.ratings-cell {
  display: table-cell;
  padding: 10px 0 0 0;
  text-align: center; }

.ratings-cell.system {
  width: 80px !important; }

.ratings-cell.rate {
  width: 65px !important; }

.dates-row {
  display: table-row;
  margin: 0;
  padding: 0;
  max-height: 50px !important;
  min-height: 30px !important;
  overflow: hidden; }

.dates-cell, .dates-cell-opt {
  padding: 0;
  max-height: 40px;
  margin-bottom: 10px; }

.dates-cell img, .dates-cell-opt img {
  margin: 4px 0 0 5px;
  vertical-align: top;
  cursor: pointer;
  position: relative;
  right: -140px;
  top: -40px;
  transition: opacity 500ms ease-out; }

.dates-cell img:hover, .dates-cell-opt img:hover {
  margin: 4px 0 0 5px;
  vertical-align: top;
  opacity: .5; }

.dates-cell-opt img {
  right: -140px; }

.reports-date {
  display: inline-block;
  padding: 0;
  max-height: 30px; }

.reports-date img {
  margin: 4px 0 0 5px;
  vertical-align: top;
  cursor: pointer;
  position: relative;
  right: -65px;
  top: -40px;
  transition: opacity 500ms ease-out; }

.reports-date img:hover {
  margin: 4px 0 0 5px;
  vertical-align: top;
  opacity: .5; }

.report-date {
  display: inline-block;
  padding: 0;
  max-height: 30px; }

.report-date img {
  margin: 4px 0 0 5px;
  vertical-align: top;
  cursor: pointer;
  position: relative;
  right: -140px;
  top: -40px;
  transition: opacity 500ms ease-out; }

.report-date img:hover {
  margin: 4px 0 0 5px;
  vertical-align: top;
  opacity: .5; }

/*.dates-cell.active:after {content: " \e036";font-family: 'typicons';font-size: 2.5em; color:#dadada;}*/
.ui-datepicker-prev, .ui-datepicker-next {
  display: none !important; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  margin: 0 5px !important;
  width: 42% !important; }

.disabled-form-input {
  padding: 0 6px;
  width: 100%;
  max-width: 180px;
  min-width: 180px;
  height: 40px;
  border: 1px #dadada dashed;
  background: #f9f9f9;
  border-radius: 5px;
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  cursor: no-drop;
  word-wrap: break-word; }

span.waiting:before,
span.inprogress:before,
span.failed:before,
span.completed:before,
span.confirmed:before {
  font-family: 'typicons';
  content: '\e0a9 ';
  font-size: 1.5em;
  color: #dadada; }

.platform-key {
  margin-top: 5px;
  padding-bottom: 4px;
  font-size: 10px;
  border-bottom: 1px rgba(0, 0, 0, 0.1) solid; }

.platform-key .waiting:before,
.platform-key .inprogress:before,
.platform-key .failed:before,
.platform-key .completed:before,
.platform-key .confirmed:before {
  font-family: 'typicons';
  content: '\e0a9 ';
  font-size: 1.5em;
  color: #dadada; }

.platform-key div {
  float: left;
  padding: 0 5px; }

.platform-key .inprogress:before {
  content: '\e0a9 ';
  color: #e7a857; }

.platform-key .failed:before {
  content: '\e109 ';
  color: #bb4945; }

.platform-key .completed:before {
  content: '\e105 ';
  color: #448944; }

.platform-key .confirmed:before {
  content: '\e0a5 ';
  color: #298fca; }

span.inprogress, span .failed, span .completed {
  float: left; }

span.inprogress:before {
  content: '\e0a9 ';
  color: #e7a857; }

span.failed:before {
  content: '\e109 ';
  color: #bb4945; }

span.completed:before {
  content: '\e105 ';
  color: #448944; }

span.confirmed:before {
  content: '\e0a5 ';
  color: #298fca; }

.spinner {
  width: 100px; }

.spinner input {
  text-align: right; }

.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell; }

.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0; }

.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px; }

.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px; }

.input-group-btn-vertical i {
  position: absolute;
  top: 0;
  left: 4px; }

.select2-container {
  font-size: 14px; }

/**
 *
 *  full content
 *
 */
section[role="full-content-wrapper"] {
  position: fixed;
  left: 1%;
  right: 1%;
  top: 70px;
  bottom: 40px;
  width: auto;
  background: #fff;
  border: 1px #dadada solid;
  text-align: left;
  color: #5e5e5e;
  /*overflow-x: hidden;
  overflow-y: scroll;*/
  overflow: hidden; }

/**
 *
 * Main Full content
 *
 */
.full-content {
  margin-bottom: 10px;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  position: fixed;
  left: 1%;
  right: 1%;
  top: 130px;
  bottom: 40px;
  width: auto;
  background: transparent;
  overflow-x: hidden;
  overflow-y: auto; }

/** Single Page content **/
.full-content .content .single-page {
  margin: 20px 0;
  padding: 0;
  width: 100%;
  text-align: left;
  color: #5e5e5e;
  line-height: 18px; }

/** Split Page content **/
.full-content .content .span_1_of_2 {
  margin: 20px 0;
  padding: 0 10px 0 20px;
  width: 46.8%;
  text-align: left;
  color: #5e5e5e;
  line-height: 18px; }

/** Thin Split Page content **/
.content .span_2_of_5, .content .span_3_of_5,
.content .span_1_of_4, .content .span_2_of_4, .content .span_3_of_4 {
  margin: 20px 0;
  padding: 0 10px 0 20px;
  text-align: left;
  color: #5e5e5e;
  line-height: 18px; }

.full-content .content .span_1_of_4 {
  width: 23% !important; }

.full-content .content .span_2_of_4 {
  width: 48% !important; }

.full-content .content .span_3_of_4 {
  width: 73% !important; }

/**
 *
 * full content title band
 */
.full-content-title {
  position: relative;
  left: 0;
  right: 0;
  top: 0px;
  height: 60px;
  width: 100%;
  background: #f9f9f9;
  border-bottom: 1px #dadada solid;
  overflow: hidden;
  display: table; }

.full-content-title .title {
  padding-left: 20px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  color: #5e5e5e;
  width: 90%;
  font-size: 18px;
  letter-spacing: .1em; }

.full-content-title .btn {
  display: table-cell;
  vertical-align: middle;
  width: 1%;
  text-align: right;
  padding-right: 10px; }

/**
 *
 * Genre Switch(s)
 *
 */
.genre-cont {
  float: left; }

.genre-switch-cont {
  margin: 8px 0;
  width: 220px;
  clear: both; }

.genre-musical,
.genre-turkish,
.genre-russian,
.genre-regionalindian,
.genre-middleeastern,
.genre-madefortv,
.genre-kidsfamily,
.genre-bollywood,
.genre-african,
.genre-urban,
.genre-western,
.genre-sports,
.genre-thriller,
.genre-specialinterest,
.genre-shortfilm,
.genre-scififantasy,
.genre-romance,
.genre-musicfeaturefilm,
.genre-musicdocumentaries,
.genre-independent,
.genre-horror,
.genre-ffprice,
.genre-holiday,
.genre-foreign,
.genre-holiday,
.genre-foreign,
.genre-drama,
.genre-documentary,
.genre-concertfilms,
.genre-comedy,
.genre-classics,
.genre-anime,
.genre-actionadventure {
  float: left;
  margin-right: 8px;
  position: relative;
  width: 36px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.genre-musical-checkbox,
.genre-turkish-checkbox,
.genre-russian-checkbox,
.genre-regionalindian-checkbox,
.genre-middleeastern-checkbox,
.genre-madefortv-checkbox,
.genre-kidsfamily-checkbox,
.genre-bollywood-checkbox,
.genre-african-checkbox,
.genre-urban-checkbox,
.genre-western-checkbox, .genre-sports-checkbox,
.genre-thriller-checkbox,
.genre-specialinterest-checkbox,
.genre-shortfilm-checkbox,
.genre-scififantasy-checkbox,
.genre-romance-checkbox,
.genre-musicfeaturefilm-checkbox,
.genre-musicdocumentaries-checkbox,
.genre-independent-checkbox,
.genre-horror-checkbox,
.genre-ffprice-checkbox,
.genre-holiday-checkbox,
.genre-foreign-checkbox,
.genre-holiday-checkbox,
.genre-foreign-checkbox,
.genre-drama-checkbox,
.genre-documentary-checkbox,
.genre-concertfilms-checkbox,
.genre-comedy-checkbox,
.genre-classics-checkbox,
.genre-anime-checkbox,
.genre-actionadventure-checkbox {
  display: none; }

.genre-musical-label,
.genre-turkish-label,
.genre-russian-label,
.genre-regionalindian-label,
.genre-middleeastern-label,
.genre-madefortv-label,
.genre-kidsfamily-label,
.genre-bollywood-label,
.genre-african-label,
.genre-urban-label,
.genre-western-label,
.genre-sports-label,
.genre-thriller-label,
.genre-specialinterest-label,
.genre-shortfilm-label,
.genre-scififantasy-label,
.genre-romance-label,
.genre-musicfeaturefilm-label,
.genre-musicdocumentaries-label,
.genre-independent-label,
.genre-horror-label,
.genre-ffprice-label,
.genre-holiday-label,
.genre-foreign-label,
.genre-holiday-label,
.genre-foreign-label,
.genre-drama-label,
.genre-documentary-label,
.genre-concertfilms-label,
.genre-comedy-label,
.genre-classics-label,
.genre-anime-label,
.genre-actionadventure-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #dadada;
  border-radius: 20px; }

.genre-musical-inner,
.genre-turkish-inner,
.genre-russian-inner,
.genre-regionalindian-inner,
.genre-middleeastern-inner,
.genre-madefortv-inner,
.genre-kidsfamily-inner,
.genre-bollywood-inner,
.genre-african-inner,
.genre-urban-inner,
.genre-western-inner,
.genre-sports-inner,
.genre-thriller-inner,
.genre-specialinterest-inner,
.genre-shortfilm-inner,
.genre-scififantasy-inner,
.genre-romance-inner,
.genre-musicfeaturefilm-inner,
.genre-musicdocumentaries-inner,
.genre-independent-inner,
.genre-horror-inner,
.genre-ffprice-inner,
.genre-holiday-inner,
.genre-foreign-inner,
.genre-holiday-inner,
.genre-foreign-inner,
.genre-drama-inner,
.genre-documentary-inner,
.genre-concertfilms-inner,
.genre-comedy-inner,
.genre-classics-inner,
.genre-anime-inner,
.genre-actionadventure-inner {
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s; }

.genre-musical-inner:before, .genre-musical-inner:after,
.genre-turkish-inner:before, .genre-turkish-inner:after,
.genre-russian-inner:before, .genre-russian-inner:after,
.genre-regionalindian-inner:before, .genre-regionalindian-inner:after,
.genre-middleeastern-inner:before, .genre-middleeastern-inner:after,
.genre-madefortv-inner:before, .genre-madefortv-inner:after,
.genre-kidsfamily-inner:before, .genre-kidsfamily-inner:after,
.genre-bollywood-inner:before, .genre-bollywood-inner:after,
.genre-african-inner:before, .genre-african-inner:after,
.genre-urban-inner:before, .genre-urban-inner:after,
.genre-western-inner:before, .genre-western-inner:after,
.genre-sports-inner:before, .genre-sports-inner:after,
.genre-thriller-inner:before, .genre-thriller-inner:after,
.genre-specialinterest-inner:before, .genre-specialinterest-inner:after,
.genre-shortfilm-inner:before, .genre-shortfilm-inner:after,
.genre-scififantasy-inner:before, .genre-scififantasy-inner:after,
.genre-romance-inner:before, .genre-romance-inner:after,
.genre-musicfeaturefilm-inner:before, .genre-musicfeaturefilm-inner:after,
.genre-musicdocumentaries-inner:before, .genre-musicdocumentaries-inner:after,
.genre-independent-inner:before, .genre-independent-inner:after,
.genre-horror-inner:before, .genre-horror-inner:after,
.genre-ffprice-inner:before, .genre-ffprice-inner:after,
.genre-holiday-inner:before, .genre-holiday-inner:after,
.genre-foreign-inner:before, .genre-foreign-inner:after,
.genre-holiday-inner:before, .genre-holiday-inner:after,
.genre-foreign-inner:before, .genre-foreign-inner:after,
.genre-drama-inner:before, .genre-drama-inner:after,
.genre-documentary-inner:before, .genre-documentary-inner:after,
.genre-concertfilms-inner:before, .genre-concertfilms-inner:after,
.genre-comedy-inner:before, .genre-comedy-inner:after,
.genre-classics-inner:before, .genre-classics-inner:after,
.genre-anime-inner:before, .genre-anime-inner:after,
.genre-actionadventure-inner:before, .genre-actionadventure-inner:after {
  float: left;
  width: 50%;
  height: 28px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  box-sizing: border-box; }

/** the active state **/
.genre-musical-inner:before,
.genre-turkish-inner:before,
.genre-russian-inner:before,
.genre-regionalindian-inner:before,
.genre-middleeastern-inner:before,
.genre-madefortv-inner:before,
.genre-kidsfamily-inner:before,
.genre-bollywood-inner:before,
.genre-african-inner:before,
.genre-urban-inner:before,
.genre-western-inner:before,
.genre-sports-inner:before,
.genre-thriller-inner:before,
.genre-specialinterest-inner:before,
.genre-shortfilm-inner:before,
.genre-scififantasy-inner:before,
.genre-romance-inner:before,
.genre-musicfeaturefilm-inner:before,
.genre-musicdocumentaries-inner:before,
.genre-independent-inner:before,
.genre-horror-inner:before,
.genre-ffprice-inner:before,
.genre-holiday-inner:before,
.genre-foreign-inner:before,
.genre-holiday-inner:before,
.genre-foreign-inner:before,
.genre-drama-inner:before,
.genre-documentary-inner:before,
.genre-concertfilms-inner:before,
.genre-comedy-inner:before,
.genre-classics-inner:before,
.genre-anime-inner:before,
.genre-actionadventure-inner:before {
  content: "\e105";
  font-family: 'typicons';
  font-size: 1.9em;
  padding-left: 10px;
  background-color: #7bbb7b;
  color: #fff; }

.genre-musical-inner:after,
.genre-turkish-inner:after,
.genre-russian-inner:after,
.genre-regionalindian-inner:after,
.genre-middleeastern-inner:after,
.genre-madefortv-inner:after,
.genre-kidsfamily-inner:after,
.genre-bollywood-inner:after,
.genre-african-inner:after,
.genre-urban-inner:after,
.genre-western-inner:after,
.genre-sports-inner:after,
.genre-thriller-inner:after,
.genre-specialinterest-inner:after,
.genre-shortfilm-inner:after,
.genre-scififantasy-inner:after,
.genre-romance-inner:after,
.genre-musicfeaturefilm-inner:after,
.genre-musicdocumentaries-inner:after,
.genre-independent-inner:after,
.genre-horror-inner:after,
.genre-ffprice-inner:after,
.genre-holiday-inner:after,
.genre-foreign-inner:after,
.genre-holiday-inner:after,
.genre-foreign-inner:after,
.genre-drama-inner:after,
.genre-documentary-inner:after,
.genre-concertfilms-inner:after,
.genre-comedy-inner:after,
.genre-classics-inner:after,
.genre-anime-inner:after,
.genre-actionadventure-inner:after {
  content: "\e109";
  font-family: 'typicons';
  font-size: 1.9em;
  padding-right: 10px;
  background-color: #bb4945;
  color: #fff;
  text-align: right; }

.genre-musical-switch,
.genre-turkish-switch,
.genre-russian-switch,
.genre-regionalindian-switch,
.genre-middleeastern-switch,
.genre-madefortv-switch,
.genre-kidsfamily-switch,
.genre-bollywood-switch,
.genre-african-switch,
.genre-urban-switch,
.genre-western-switch,
.genre-sports-switch,
.genre-thriller-switch,
.genre-specialinterest-switch,
.genre-shortfilm-switch,
.genre-scififantasy-switch,
.genre-romance-switch,
.genre-musicfeaturefilm-switch,
.genre-musicdocumentaries-switch,
.genre-independent-switch,
.genre-horror-switch,
.genre-ffprice-switch,
.genre-holiday-switch,
.genre-foreign-switch,
.genre-holiday-switch,
.genre-foreign-switch,
.genre-drama-switch,
.genre-documentary-switch,
.genre-concertfilms-switch,
.genre-comedy-switch,
.genre-classics-switch,
.genre-anime-switch,
.genre-actionadventure-switch {
  width: 20px;
  height: 20px;
  margin: 6px;
  background: #fff;
  /*border: 2px solid #999999; */
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 28px;
  transition: all 0.3s ease-in 0s; }

.genre-musical-checkbox:checked + .genre-musical-label .genre-musical-inner,
.genre-turkish-checkbox:checked + .genre-turkish-label .genre-turkish-inner,
.genre-russian-checkbox:checked + .genre-russian-label .genre-russian-inner,
.genre-regionalindian-checkbox:checked + .genre-regionalindian-label .genre-regionalindian-inner,
.genre-middleeastern-checkbox:checked + .genre-middleeastern-label .genre-middleeastern-inner,
.genre-madefortv-checkbox:checked + .genre-madefortv-label .genre-madefortv-inner,
.genre-kidsfamily-checkbox:checked + .genre-kidsfamily-label .genre-kidsfamily-inner,
.genre-bollywood-checkbox:checked + .genre-bollywood-label .genre-bollywood-inner,
.genre-african-checkbox:checked + .genre-african-label .genre-african-inner,
.genre-urban-checkbox:checked + .genre-urban-label .genre-urban-inner,
.genre-western-checkbox:checked + .genre-western-label .genre-western-inner,
.genre-sports-checkbox:checked + .genre-sports-label .genre-sports-inner,
.genre-thriller-checkbox:checked + .genre-thriller-label .genre-thriller-inner,
.genre-specialinterest-checkbox:checked + .genre-specialinterest-label .genre-specialinterest-inner,
.genre-shortfilm-checkbox:checked + .genre-shortfilm-label .genre-shortfilm-inner,
.genre-scififantasy-checkbox:checked + .genre-scififantasy-label .genre-scififantasy-inner,
.genre-romance-checkbox:checked + .genre-romance-label .genre-romance-inner,
.genre-musicfeaturefilm-checkbox:checked + .genre-musicfeaturefilm-label .genre-musicfeaturefilm-inner,
.genre-musicdocumentaries-checkbox:checked + .genre-musicdocumentaries-label .genre-musicdocumentaries-inner,
.genre-independent-checkbox:checked + .genre-independent-label .genre-independent-inner,
.genre-horror-checkbox:checked + .genre-horror-label .genre-horror-inner,
.genre-ffprice-checkbox:checked + .genre-ffprice-label .genre-ffprice-inner,
.genre-holiday-checkbox:checked + .genre-holiday-label .genre-holiday-inner,
.genre-foreign-checkbox:checked + .genre-foreign-label .genre-foreign-inner,
.genre-holiday-checkbox:checked + .genre-holiday-label .genre-holiday-inner,
.genre-foreign-checkbox:checked + .genre-foreign-label .genre-foreign-inner,
.genre-drama-checkbox:checked + .genre-drama-label .genre-drama-inner,
.genre-documentary-checkbox:checked + .genre-documentary-label .genre-documentary-inner,
.genre-concertfilms-checkbox:checked + .genre-concertfilms-label .genre-concertfilms-inner,
.genre-comedy-checkbox:checked + .genre-comedy-label .genre-comedy-inner,
.genre-classics-checkbox:checked + .genre-classics-label .genre-classics-inner,
.genre-anime-checkbox:checked + .genre-anime-label .genre-anime-inner,
.genre-actionadventure-checkbox:checked + .genre-actionadventure-label .genre-actionadventure-inner {
  margin-left: 0; }

.genre-musical-checkbox:checked + .genre-musical-label .genre-musical-switch,
.genre-turkish-checkbox:checked + .genre-turkish-label .genre-turkish-switch,
.genre-russian-checkbox:checked + .genre-russian-label .genre-russian-switch,
.genre-regionalindian-checkbox:checked + .genre-regionalindian-label .genre-regionalindian-switch,
.genre-middleeastern-checkbox:checked + .genre-middleeastern-label .genre-middleeastern-switch,
.genre-madefortv-checkbox:checked + .genre-madefortv-label .genre-madefortv-switch,
.genre-kidsfamily-checkbox:checked + .genre-kidsfamily-label .genre-kidsfamily-switch,
.genre-bollywood-checkbox:checked + .genre-bollywood-label .genre-bollywood-switch,
.genre-african-checkbox:checked + .genre-african-label .genre-african-switch,
.genre-urban-checkbox:checked + .genre-urban-label .genre-urban-switch,
.genre-western-checkbox:checked + .genre-western-label .genre-western-switch,
.genre-sports-checkbox:checked + .genre-sports-label .genre-sports-switch,
.genre-thriller-checkbox:checked + .genre-thriller-label .genre-thriller-switch,
.genre-specialinterest-checkbox:checked + .genre-specialinterest-label .genre-specialinterest-switch,
.genre-shortfilm-checkbox:checked + .genre-shortfilm-label .genre-shortfilm-switch,
.genre-scififantasy-checkbox:checked + .genre-scififantasy-label .genre-scififantasy-switch,
.genre-romance-checkbox:checked + .genre-romance-label .genre-romance-switch,
.genre-musicfeaturefilm-checkbox:checked + .genre-musicfeaturefilm-label .genre-musicfeaturefilm-switch,
.genre-musicdocumentaries-checkbox:checked + .genre-musicdocumentaries-label .genre-musicdocumentaries-switch,
.genre-independent-checkbox:checked + .genre-independent-label .genre-independent-switch,
.genre-horror-checkbox:checked + .genre-horror-label .genre-horror-switch,
.genre-ffprice-checkbox:checked + .genre-ffprice-label .genre-ffprice-switch,
.genre-holiday-checkbox:checked + .genre-holiday-label .genre-holiday-switch,
.genre-foreign-checkbox:checked + .genre-foreign-label .genre-foreign-switch,
.genre-holiday-checkbox:checked + .genre-holiday-label .genre-holiday-switch,
.genre-foreign-checkbox:checked + .genre-foreign-label .genre-foreign-switch,
.genre-drama-checkbox:checked + .genre-drama-label .genre-drama-switch,
.genre-documentary-checkbox:checked + .genre-documentary-label .genre-documentary-switch,
.genre-concertfilms-checkbox:checked + .genre-concertfilms-label .genre-concertfilms-switch,
.genre-comedy-checkbox:checked + .genre-comedy-label .genre-comedy-switch,
.genre-classics-checkbox:checked + .genre-classics-label .genre-classics-switch,
.genre-anime-checkbox:checked + .genre-anime-label .genre-anime-switch,
.genre-actionadventure-checkbox:checked + .genre-actionadventure-label .genre-actionadventure-switch {
  right: 0px;
  background: #fff; }

.genre-testing {
  float: left;
  margin-right: 8px;
  position: relative;
  width: 36px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.genre-testing-checkbox {
  display: none; }

.genre-testing-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #dadada;
  border-radius: 20px; }

.genre-testing-inner {
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s; }

.genre-testing-inner:before, .genre-testing-inner:after {
  float: left;
  width: 50%;
  height: 28px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  box-sizing: border-box; }

.genre-testing-inner:before {
  content: "\e105";
  font-family: 'typicons';
  font-size: 1.9em;
  padding-left: 10px;
  background-color: #7bbb7b;
  color: #fff; }

.genre-testing-inner:after {
  content: "\e109";
  font-family: 'typicons';
  font-size: 1.9em;
  padding-right: 10px;
  background-color: #bb4945;
  color: #fff;
  text-align: right; }

.genre-testing-switch {
  width: 20px;
  height: 20px;
  margin: 6px;
  background: #fff;
  /*border: 2px solid #999999; */
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 28px;
  transition: all 0.3s ease-in 0s; }

.genre-testing-checkbox:checked + .genre-testing-label .genre-testing-inner {
  margin-left: 0; }

.genre-testing-checkbox:checked + .genre-testing-label .genre-testing-switch {
  right: 0px;
  background: #fff; }

/**
 *  Gridding System
 *
 *
 */
/*  SECTIONS  ============================================================================= */
.section {
  clear: both;
  padding: 0px;
  margin: 0px; }

/*  GROUPING  ============================================================================= */
.group:before,
.group:after {
  content: "";
  display: table; }

.group:after {
  clear: both; }

.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

/*  GRID COLUMN SETUP   ==================================================================== */
.col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%; }

.col:first-child {
  margin-left: 0; }

/* all browsers except IE6 and lower */
/** gird of two */
.span_1_of_2 {
  width: 49.2%; }

/** gird of three */
.span_3_of_3 {
  width: 100%; }

.span_2_of_3 {
  width: 66.1%; }

.span_1_of_3 {
  width: 32.2%; }

/** gird of Four */
.span_4_of_4 {
  width: 100%; }

.span_3_of_4 {
  width: 74.6%; }

.span_2_of_4 {
  width: 49.2%; }

.span_1_of_4 {
  width: 23.8%; }

/** gird of Five */
.span_5_of_5 {
  width: 100%; }

.span_4_of_5 {
  width: 79.68%; }

.span_3_of_5 {
  width: 59.36%; }

.span_2_of_5 {
  width: 39.04%; }

.span_1_of_5 {
  width: 18.72%; }

/** gird of Six */
.span_6_of_6 {
  width: 100%; }

.span_5_of_6 {
  width: 83.06%; }

.span_4_of_6 {
  width: 66.13%; }

.span_3_of_6 {
  width: 49.2%; }

.span_2_of_6 {
  width: 32.26%; }

.span_1_of_6 {
  width: 15.33%; }

/** gird of Seven */
.span_7_of_7 {
  width: 100%; }

.span_6_of_7 {
  width: 85.48%; }

.span_5_of_7 {
  width: 70.97%; }

.span_4_of_7 {
  width: 56.45%; }

.span_3_of_7 {
  width: 41.92%; }

.span_2_of_7 {
  width: 27.42%; }

.span_1_of_7 {
  width: 12.91%; }

/** gird of 8 */
.span_8_of_8 {
  width: 100%; }

.span_7_of_8 {
  width: 87.3%; }

.span_6_of_8 {
  width: 74.6%; }

.span_5_of_8 {
  width: 61.9%; }

.span_4_of_8 {
  width: 49.2%; }

.span_3_of_8 {
  width: 36.5%; }

.span_2_of_8 {
  width: 23.8%; }

.span_1_of_8 {
  width: 11.1%; }

/** gird of Nine */
.span_9_of_9 {
  width: 100%; }

.span_8_of_9 {
  width: 88.71%; }

.span_7_of_9 {
  width: 77.42%; }

.span_6_of_9 {
  width: 66.13%; }

.span_5_of_9 {
  width: 54.84%; }

.span_4_of_9 {
  width: 43.55%; }

.span_3_of_9 {
  width: 32.26%; }

.span_2_of_9 {
  width: 20.97%; }

.span_1_of_9 {
  width: 9.68%; }

/** gird of Ten */
.span_10_of_10 {
  width: 100%; }

.span_9_of_10 {
  width: 89.84%; }

.span_8_of_10 {
  width: 79.68%; }

.span_7_of_10 {
  width: 69.52%; }

.span_6_of_10 {
  width: 59.36%; }

.span_5_of_10 {
  width: 49.2%; }

.span_4_of_10 {
  width: 39.04%; }

.span_3_of_10 {
  width: 28.88%; }

.span_2_of_10 {
  width: 18.72%; }

.span_1_of_10 {
  width: 8.56%; }

/** gird of Eleven */
.span_11_of_11 {
  width: 100%; }

.span_10_of_11 {
  width: 90.7%; }

.span_9_of_11 {
  width: 81.47%; }

.span_8_of_11 {
  width: 72.24%; }

.span_7_of_11 {
  width: 63.01%; }

.span_6_of_11 {
  width: 53.78%; }

.span_5_of_11 {
  width: 44.55%; }

.span_4_of_11 {
  width: 35.32%; }

.span_3_of_11 {
  width: 26.09%; }

.span_2_of_11 {
  width: 16.86%; }

.span_1_of_11 {
  width: 7.63%; }

/** gird of Tweleve */
.span_12_of_12 {
  width: 100%; }

.span_11_of_12 {
  width: 91.46%; }

.span_10_of_12 {
  width: 83%; }

.span_9_of_12 {
  width: 74.54%; }

.span_8_of_12 {
  width: 66.08%; }

.span_7_of_12 {
  width: 57.62%; }

.span_6_of_12 {
  width: 49.16%; }

.span_5_of_12 {
  width: 40.7%; }

.span_4_of_12 {
  width: 32.24%; }

.span_3_of_12 {
  width: 23.78%; }

.span_2_of_12 {
  width: 15.32%; }

.span_1_of_12 {
  width: 6.86%; }

/**
 *
 *  header
 *
 */
header {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  position: fixed;
  text-align: left;
  background: #54728c;
  height: 60px;
  z-index: 700; }

header .premier-tt {
  position: absolute;
  top: 12px;
  left: 0px;
  width: 210px;
  height: 35px;
  background: transparent url("../../imgs/generic/PremierTTWhiteHeader.png") 20px center no-repeat;
  background-size: 100%;
  overflow: hidden; }

header nav {
  position: absolute;
  top: 0;
  left: 220px;
  height: auto;
  display: table; }

header nav > div, header nav > div.log-out {
  padding: 0;
  height: 60px;
  width: auto;
  /*background: #66829a;*/
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

header nav > div, header nav > div.report {
  padding: 0;
  height: 60px;
  width: auto;
  /*background: #66829a;*/
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

header nav > div a:link, header nav > div a:visited, header nav > div a:active {
  padding: 10px 20px;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  text-align: center;
  /*border-right: 1px #66829a solid;*/
  webkit-transition: all .300s ease-out;
  transition: all .300s ease-out; }

header nav > div a:hover, header nav > div a:hover:visited {
  color: #a1b6c8; }

header nav > div.selected {
  background: #6683a2; }

header .titles-list a:link, header .titles-list a:visited, header .titles-list a:active {
  padding: 0;
  width: 60px;
  background: #66829a url("/imgs/icons/mini_Menu_icon.png") center center no-repeat;
  background-size: 60%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-indent: -9999px;
  webkit-transition: all .500s ease-out;
  transition: all .500s ease-out; }

header .titles-list a:hover, header .titles-list a:hover:visited {
  background-color: #466176; }

header > div.menu a:link, header > div.menu a:visited, header > div.menu a:active {
  display: none;
  position: absolute;
  left: 0px;
  top: 0;
  padding: 22px 15px 13px 16px;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  font-family: 'typicons';
  text-align: center;
  background: #6683a2;
  cursor: pointer;
  webkit-transition: all .300s ease-out;
  transition: all .300s ease-out; }

header > div.menu a:link::before {
  content: '\e0fe';
  font-size: 3em; }

header > div.menu a:hover, header > div.menu a:hover:visited {
  background-color: #466176; }

/**
 * Log out
 */
header > div.log-out a:link, header > div.log-out a:visited, header > div.log-out a:active {
  position: absolute;
  right: 0px;
  top: 0;
  padding: 14px 6px 0px 16px;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  background: #6683a2;
  cursor: pointer;
  line-height: 0.3;
  height: 60px;
  webkit-transition: all .300s ease-out;
  transition: all .300s ease-out; }

header > div.log-out a:link::before {
  font-size: 3em; }

header > div.log-out a:hover, header > div.log-out a:hover:visited {
  background-color: #466176; }

/**
 * Report
 */
header > div.report a:link, header > div.report a:visited, header > div.report a:active {
  position: absolute;
  right: 56px;
  top: 0;
  padding: 14px 6px 0px 16px;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  background: #6683a2;
  cursor: pointer;
  line-height: 0.3;
  height: 60px;
  webkit-transition: all .300s ease-out;
  transition: all .300s ease-out; }

header > div.report a:link::before {
  font-size: 3em; }

header > div.report a:hover, header > div.report a:hover:visited {
  background-color: #466176; }

/**
 * notifications
 */
header > div.notifications a:link, header > div.notifications a:visited, header > div.notifications a:active {
  position: absolute;
  right: 61px;
  top: 0;
  padding: 22px 22px 13px 20px;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  font-family: 'typicons';
  text-align: center;
  background: #d9534f;
  cursor: pointer;
  line-height: 0.3;
  height: 60px;
  display: none;
  -webkit-animation: flicker-alert-background 2s linear 0s infinite;
  animation: flicker-alert-background 2s linear 0s infinite; }

header > div.notifications a:link::before {
  content: '\e02e';
  font-size: 2.7em;
  color: #f2dede;
  -webkit-animation: flicker-alert-bell 2s linear 0s infinite;
  animation: flicker-alert-bell 2s linear 0s infinite; }

header > div.notifications a:hover, header > div.notifications a:hover:visited {
  background-color: #f2dede; }

header > div.notifications a:hover::before, header > div.notifications a:hover:visited::before {
  color: #d9534f; }

@-webkit-keyframes flicker-alert-background {
  0% {
    background: #d9534f; }
  50% {
    background: #f2dede; }
  100% {
    background: #d9534f; } }

/* Standard syntax */
@keyframes flicker-alert-background {
  0% {
    background: #d9534f; }
  50% {
    background: #f2dede; }
  100% {
    background: #d9534f; } }

@-webkit-keyframes flicker-alert-bell {
  0% {
    color: #f2dede; }
  50% {
    color: #d9534f; }
  100% {
    color: #f2dede; } }

/* Standard syntax */
@keyframes flicker-alert-bell {
  0% {
    color: #f2dede; }
  50% {
    color: #d9534f; }
  100% {
    color: #f2dede; } }

.notification-message {
  width: 500px;
  right: 60px;
  position: fixed;
  z-index: 7000;
  text-align: left;
  webkit-transition: top 1s ease-out;
  transition: top 1s ease-out;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important; }

.notification-message.show-notification {
  top: 60 !important;
  display: block;
  height: initial;
  webkit-transition: top .800s ease-out;
  transition: top .800s ease-out; }

.notification-message .notification-title {
  font-weight: 700;
  font-size: 16px;
  border-bottom: 1px #fff soldi;
  padding-bottom: 4px; }

.notification-message .notification-text {
  font-weight: 300;
  font-size: 14px; }

.icon, .icon-large, .icon-sml {
  margin: 0 auto;
  position: relative;
  top: 3px;
  font-size: 1.8em !important;
  color: #dadada !important;
  text-align: center;
  line-height: 1;
  width: 1em;
  height: 1em; }

.icon-sml {
  top: 0px !important;
  font-size: 1.2em !important; }

.icon-large {
  margin-bottom: 20px;
  font-size: 5em !important;
  color: #a1b6c8 !important; }

/** used on th eoptions page **/
.icon-film::before {
  content: "\e114";
  font-family: 'typicons'; }

.icon-tv::before {
  content: "\e055";
  font-family: 'typicons'; }

.icon-cog::before {
  content: "\e04d";
  font-family: 'typicons'; }

.icon-metadata::before {
  content: "\e04a";
  font-family: 'typicons'; }

.icon-notes::before {
  content: "\e05e";
  font-family: 'typicons'; }

.icon-chapters::before {
  content: "\e0f6";
  font-family: 'typicons'; }

.icon-artwork::before {
  content: "\e083";
  font-family: 'typicons'; }

.icon-check::before {
  content: "\e105";
  font-family: 'typicons'; }

.icon-locked::before {
  content: "\e097";
  font-family: 'typicons';
  opacity: .6; }

.icon-pointer {
  font-size: 1.6em !important;
  top: 2px; }

.icon-pointer::before {
  content: "\e046";
  font-family: 'typicons'; }

.icon-pointer-sml::before {
  content: "\e046";
  font-family: 'typicons'; }

.icon-close-small::before {
  content: "\e109";
  font-family: 'typicons';
  font-size: .6em;
  float: right;
  color: #a1a1a1; }

.icon-pencil::before {
  font-family: 'typicons';
  content: '\e0b5';
  font-size: .8em;
  color: #a1b6c8; }

.icon-comment::before {
  font-family: 'typicons';
  content: '\e0ac';
  font-size: .8em;
  color: #a1b6c8; }

.icon-arrow::before {
  font-family: 'typicons';
  content: '\e01a';
  font-size: .8em;
  color: #a1b6c8; }

.icon-issue-major::before, .icon-issue-minor::before, .icon-issue-trivia::before {
  font-family: 'typicons';
  content: '\e06d';
  font-size: .8em;
  color: #bb4945; }

.icon-issue-minor::before {
  color: #4e9e4e; }

.icon-issue-trivia::before {
  color: #ead667; }

.icon-cross::before {
  font-family: 'typicons';
  content: '\e109';
  font-size: .8em;
  /*color: #a1b6c8;*/ }

.icon-head::before {
  font-family: 'typicons';
  content: '\e113 ';
  font-size: 1.8em; }

.icon-close-mg::before {
  font-family: 'typicons';
  content: '\e109';
  font-size: .8em;
  color: #4e9e4e; }

.icon-close-mg.error {
  color: #f90; }

.icon-drag-drop::before, .icon-drag-drop-notes::before, .icon-drag-drop-msg::before, .icon-drag-drop-y-msg::before {
  font-family: 'typicons';
  content: '\e100 ';
  font-size: 1.4em;
  color: #a1b6c8; }

.icon-drag-drop::before {
  float: left; }

.icon-delete::before {
  font-family: 'typicons';
  content: '\e054 ';
  font-size: 1.4em;
  color: #cc1203; }

.icon-delete::before {
  float: right; }

.icon-drag-drop::before {
  float: left; }

.icon-drag-drop-notes::before {
  font-size: 2em;
  padding: 6px 0 0 4px; }

.icon-drag-drop-msg::before, .icon-drag-drop-y-msg::before {
  vertical-align: -1px; }

/**
 *
 *  Details BOxes
 *  these are th edisplay boxes used to display totals percentages graphs etc on dashboards
 *
 */
.information-box {
  margin: 10px;
  padding: 10px;
  border: 1px #eee solid;
  float: left;
  border-radius: 3px;
  overflow: hidden; }

.information-box .info-circle {
  margin: 0 auto;
  width: 140px; }

.information-box .box-title {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 30px;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px; }

.information-box .info-circle .data {
  margin-bottom: 12px;
  position: relative;
  height: 140px;
  width: 140px; }

.information-box .info-circle .outer {
  position: absolute;
  top: 0px; }

.information-box .info-circle .inner {
  position: absolute;
  top: 16px;
  left: 16px; }

.information-box .info-circle .inner-inner {
  position: absolute;
  top: 29px;
  left: 29px; }

.information-box .info-circle .inner-inner-inner {
  position: absolute;
  top: 39px;
  left: 39px; }

.information-box .info-circle input.circle-data {
  margin-top: 32px !important;
  font-size: 14px !important;
  position: absolute !important; }

.information-box .info-circle .inner input.circle-data-inner {
  margin-top: 38px !important;
  font-size: 12px !important;
  position: absolute !important; }

.information-box .info-circle .inner-inner input.circle-data-inner-inner {
  margin-top: 44px !important;
  font-size: 12px !important;
  position: absolute !important; }

.information-box .info-circle .inner-inner-inner input.circle-data-inner-inner-inner {
  margin-top: 50px !important;
  font-size: 12px !important;
  position: absolute !important; }

.information-box .info-circle input.circle-data,
.information-box .info-circle .inner input.circle-data-inner,
.information-box .info-circle .inner-inner input.circle-data-inner-inner,
.information-box .info-circle .inner-inner-inner input.circle-data-inner-inner-inner {
  background-color: transparent;
  border: none;
  box-shadow: none; }

.information-box-large {
  margin: 10px;
  padding: 10px;
  width: 500px;
  height: 500px;
  border: 1px #eee solid;
  float: left;
  border-radius: 3px;
  overflow: hidden; }

.information-box-large .info-circle {
  margin: 0 auto;
  width: 440px; }

.information-box-large .box-title {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 30px;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px; }

.information-box-large .info-circle .data {
  margin-bottom: 12px;
  position: relative;
  height: 440px;
  width: 440px; }

.information-box.tall {
  height: 240px; }

/** key Details **/
.key {
  margin: 5px 0;
  font-size: 12px; }

.key .key-icons {
  font-family: 'EntypoRegular';
  font-size: 3em;
  font-weight: normal;
  vertical-align: middle;
  line-height: 0;
  color: #fff; }

.key .key-icons.blue {
  color: #5bc0de; }

.key .key-icons.orange {
  color: #f0ad4e; }

.key .key-icons.red {
  color: #d9534f; }

.key .key-icons.green {
  color: #8ed37e; }

.key .key-icons.grey {
  color: #eee; }

/**
 * film listigns page css
 */
.film-listing {
  margin: 0;
  padding-left: 2px; }

.search_bar {
  position: relative;
  padding: 3px;
  display: none;
  height: auto;
  width: inherit; }

.search_bar.open {
  background-color: #ececec;
  position: relative;
  display: block;
  height: auto;
  width: inherit;
  border-bottom: 1px #dadada solid; }

.format {
  line-height: 25px;
  text-align: center;
  background-color: #54728c;
  position: absolute;
  bottom: 5px;
  font-size: 12px;
  right: 4px;
  height: 26px;
  width: 26px;
  z-index: 50;
  color: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px; }

.ad_search_bar {
  padding: 3px;
  display: none;
  height: auto;
  width: inherit; }

.ad_search_bar.open {
  padding: 3px;
  display: block;
  height: auto;
  width: inherit; }

.close-platforms {
  position: absolute;
  top: 0px;
  right: 8px;
  height: 20px;
  width: 20px;
  color: #f00;
  padding-top: 3px;
  padding-left: 2px; }

.close-platforms:before {
  font-family: 'typicons';
  font-size: 1.6em;
  content: "\e109"; }

.close-platforms:hover {
  background-color: rgba(68, 68, 68, 0.9);
  background: rgba(68, 68, 68, 0.1); }

.close-formats {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 20px;
  width: 20px;
  color: #f00;
  padding-top: 3px;
  padding-left: 2px; }

.close-formats:before {
  font-family: 'typicons';
  font-size: 1.6em;
  content: "\e109"; }

.close-formats:hover {
  background-color: rgba(68, 68, 68, 0.9);
  background: rgba(68, 68, 68, 0.1); }

.listings-item-wrapper {
  margin: 10px;
  padding: 0;
  width: 300px;
  height: 355px;
  position: relative;
  float: left;
  overflow: hidden;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  border-bottom-left-radius: 0.5em; }

.listings-item-wrapper .bottom-details {
  padding: 0 5px;
  padding-top: 12px;
  position: absolute;
  bottom: 82px;
  left: 0;
  z-index: 20;
  width: 101% !important;
  height: 40px;
  background: rgba(255, 255, 255, 0.9); }

.listings-item-wrapper .bottom-details-blue {
  padding: 0 5px;
  padding-top: 12px;
  position: absolute;
  bottom: 82px;
  left: 0;
  z-index: 20;
  width: 101% !important;
  height: 40px;
  background: rgba(84, 114, 140, 0.9); }

.listings-item-wrapper .title-title {
  padding: 0 5px;
  padding-top: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 180px;
  max-width: 180px;
  height: 40px;
  color: #444;
  font-size: 11px;
  text-transform: uppercase; }

.listings-item-wrapper .title-title-white {
  padding: 0 5px;
  padding-top: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 280px;
  max-width: 280px;
  height: 40px;
  color: white;
  font-size: 11px;
  text-transform: uppercase; }

.listings-item-wrapper .title-title.double {
  padding-top: 4px !important; }

.listings-item-wrapper .top-details {
  padding: 0 8px 0 5px;
  padding-top: 3px;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  width: 100%;
  height: 40px;
  background: rgba(84, 114, 140, 0.9);
  /* color: #444; */
  color: white;
  font-size: 11px;
  text-transform: uppercase;
  display: table-cell;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden; }

.listings-item-wrapper .title-options-wrapper {
  padding: 0;
  max-width: 129px !important;
  height: 30px;
  /*background: rgba(255,255,255,.9);*/
  color: #444;
  font-size: 11px;
  text-transform: uppercase;
  position: absolute;
  bottom: 10px;
  right: 0;
  float: right; }

.listings-item-wrapper .title-options-wrapper div {
  padding-top: 12px;
  width: 30px;
  height: 40px;
  text-align: center;
  float: left;
  border-left: 1px rgba(0, 0, 0, 0.1) solid; }

.date-details {
  padding: 0 5px;
  padding-top: 12px;
  position: absolute;
  bottom: 41px;
  left: 0;
  z-index: 20;
  width: 100% !important;
  height: 40px;
  background: rgba(255, 255, 255, 0.9); }

.date-details-tv {
  padding: 0 5px;
  padding-top: 12px;
  position: absolute;
  bottom: 41px;
  left: 0;
  z-index: 20;
  width: 100% !important;
  height: 40px;
  background: rgba(84, 114, 140, 0.9); }

.status-details {
  padding: 0 5px;
  padding-top: 6px;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 20;
  cursor: pointer;
  width: 100% !important;
  height: 40px;
  background: rgba(255, 255, 255, 0.9); }

.listings-item-wrapper .title-options-wrapper a:link, .listings-item-wrapper .title-options-wrapper a:visited, .listings-item-wrapper .title-options-wrapper a:active {
  padding: 0;
  text-decoration: none;
  width: 30px;
  height: 40px;
  text-align: center; }

.listings-item-wrapper .title-options-wrapper a:link.details:before, .listings-item-wrapper .title-options-wrapper a:visited.details:before, .listings-item-wrapper .title-options-wrapper a:active.details:before,
.listings-item-wrapper .title-options-wrapper a:link.status:before, .listings-item-wrapper .title-options-wrapper a:visited.status:before, .listings-item-wrapper .title-options-wrapper a:active.status:before,
.listings-item-wrapper .title-options-wrapper a:link.platforms:before, .listings-item-wrapper .title-options-wrapper a:visited.platforms:before, .listings-item-wrapper .title-options-wrapper a:active.platforms:before,
.listings-item-wrapper .title-options-wrapper a:link.formats:before, .listings-item-wrapper .title-options-wrapper a:visited.formats:before, .listings-item-wrapper .title-options-wrapper a:active.formats:before {
  padding: 6px 7px;
  font-family: 'typicons';
  font-size: 2.4em;
  content: "\e046";
  color: rgba(68, 68, 68, 0.4);
  text-decoration: none;
  width: 30px;
  height: 40px;
  text-align: center;
  transition: all 300ms ease-out; }

.tv-item-wrapper .title-options-wrapper a:link.platforms:before, .tv-item-wrapper .title-options-wrapper a:visited.platforms:before, .tv-item-wrapper .title-options-wrapper a:active.platforms:before {
  padding: 6px 7px;
  font-family: 'typicons';
  font-size: 2.4em;
  content: "\e046";
  color: white;
  background-color: rgba(102, 131, 162, 0.5);
  text-decoration: none;
  width: 30px;
  height: 40px;
  text-align: center;
  transition: all 300ms ease-out; }

.listings-item-wrapper .title-options-wrapper a:link.details:before, .listings-item-wrapper .title-options-wrapper a:visited.details:before, .listings-item-wrapper .title-options-wrapper a:active.details:before {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(102, 131, 162, 0.5);
  padding: 6px 9px; }

.listings-item-wrapper .title-options-wrapper a:link.status:before, .listings-item-wrapper .title-options-wrapper a:visited.status:before, .listings-item-wrapper .title-options-wrapper a:active.status:before {
  content: "\e04d"; }

.listings-item-wrapper .title-options-wrapper a:link.platforms:before, .listings-item-wrapper .title-options-wrapper a:visited.platforms:before, .listings-item-wrapper .title-options-wrapper a:active.platforms:before {
  content: "\e052"; }

.tv-item-wrapper .title-options-wrapper a:link.platforms:before, .tv-item-wrapper .title-options-wrapper a:visited.platforms:before, .tv-item-wrapper .title-options-wrapper a:active.platforms:before {
  content: "\e052"; }

.listings-item-wrapper .title-options-wrapper a:link.formats:before, .listings-item-wrapper .title-options-wrapper a:visited.formats:before, .listings-item-wrapper .title-options-wrapper a:active.formats:before {
  content: "\e115";
  width: 40px !important; }

.listings-item-wrapper .title-options-wrapper a:link.producer:before, .listings-item-wrapper .title-options-wrapper a:visited.producer:before, .listings-item-wrapper .title-options-wrapper a:active.producer:before {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(102, 131, 162, 0.5);
  padding: 6px 6px;
  font-size: 2.4em;
  font-family: 'typicons';
  content: "\e047";
  width: 40px !important; }

.tv-item-wrapper .title-options-wrapper a:link.producer:before, .tv-item-wrapper .title-options-wrapper a:visited.producer:before, .tv-item-wrapper .title-options-wrapper a:active.producer:before {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(102, 131, 162, 0.5);
  padding: 6px 6px;
  font-size: 2.4em;
  font-family: 'typicons';
  content: "\e047";
  width: 40px !important; }

.listings-item-wrapper .title-options-wrapper a:link.dates:before, .listings-item-wrapper .title-options-wrapper a:visited.dates:before, .tv-item-wrapper .title-options-wrapper a:active.dates:before {
  content: "\e036";
  padding: 6px 0px; }

.tv-item-wrapper .title-options-wrapper a:link.dates:before, .tv-item-wrapper .title-options-wrapper a:visited.dates:before, .listings-item-wrapper .title-options-wrapper a:active.dates:before {
  content: "\e036";
  padding: 6px 0px; }

.listings-item-wrapper .title-options-wrapper a:hover.details:before, .listings-item-wrapper .title-options-wrapper a:hover:visited.details:before,
.listings-item-wrapper .title-options-wrapper a:hover.status:before, .listings-item-wrapper .title-options-wrapper a:hover:visited.status:before,
.listings-item-wrapper .title-options-wrapper a:hover.platforms:before, .listings-item-wrapper .title-options-wrapper a:hover:visited.platforms:before {
  color: rgba(68, 68, 68, 0.9);
  background: rgba(68, 68, 68, 0.1); }

.tv-item-wrapper .title-options-wrapper a:hover.platforms:before, .tv-item-wrapper .title-options-wrapper a:hover:visited.platforms:before {
  color: white;
  background: rgba(102, 131, 162, 0.5); }

.listings-item-wrapper .title-options-wrapper a:hover.formats:before, .listings-item-wrapper .title-options-wrapper a:hover:visited.formats:before {
  color: rgba(68, 68, 68, 0.9);
  background: rgba(68, 68, 68, 0.1); }

.listings-item-wrapper .title-options-wrapper a:hover.details:before, .listings-item-wrapper .title-options-wrapper a:hover:visited.details:before {
  color: rgba(255, 255, 255, 0.9);
  background: #6683a2; }

.listings-item-wrapper .title-options-wrapper a:hover.producer:before, .listings-item-wrapper .title-options-wrapper a:hover:visited.producer:before {
  color: rgba(255, 255, 255, 0.9);
  background: #6683a2; }

.tv-item-wrapper {
  margin: 10px;
  padding: 0;
  width: 290px;
  height: 300px;
  position: relative;
  float: left;
  overflow: hidden;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  border-bottom-left-radius: 0.5em; }

.tv-item-wrapper .bottom-details {
  padding: 0 5px;
  padding-top: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100% !important;
  height: 40px;
  background: rgba(84, 114, 140, 0.9); }

.tv-item-wrapper .title-title {
  padding: 0 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 205px;
  color: white;
  font-size: 11px;
  overflow: auto;
  text-transform: uppercase; }

.tv-item-wrapper .title-title.double {
  padding-top: 4px !important; }

.tv-item-wrapper .top-details {
  padding: 0 8px 0 5px;
  padding-top: 3px;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  width: 100%;
  height: 40px;
  background: rgba(84, 114, 140, 0.9);
  /* color: #444; */
  color: white;
  font-size: 11px;
  text-transform: uppercase;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden; }

.tv-item-wrapper .title-options-wrapper {
  padding: 0;
  width: 120px !important;
  height: 30px;
  /*background: rgba(255,255,255,.9);*/
  color: #444;
  font-size: 11px;
  text-transform: uppercase;
  position: absolute;
  bottom: 10px;
  right: 0; }

.tv-item-wrapper .title-options-wrapper div {
  padding-top: 12px;
  width: 30px;
  height: 40px;
  text-align: center;
  float: right;
  border-left: 1px rgba(0, 0, 0, 0.1) solid; }

.tv-item-wrapper .title-options-wrapper a:link, .tv-item-wrapper .title-options-wrapper a:visited, .tv-item-wrapper .title-options-wrapper a:active {
  padding: 0;
  text-decoration: none;
  width: 30px;
  height: 40px;
  text-align: center; }

.tv-item-wrapper .title-options-wrapper a:link.details:before, .tv-item-wrapper .title-options-wrapper a:visited.details:before, .tv-item-wrapper .title-options-wrapper a:active.details:before {
  padding: 6px 7px;
  font-family: 'typicons';
  font-size: 2.4em;
  content: "\e046";
  color: rgba(68, 68, 68, 0.4);
  text-decoration: none;
  width: 30px;
  height: 40px;
  text-align: center;
  transition: all 300ms ease-out; }

.tv-item-wrapper .title-options-wrapper a:link.details:before, .tv-item-wrapper .title-options-wrapper a:visited.details:before, .tv-item-wrapper .title-options-wrapper a:active.details:before {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(102, 131, 162, 0.5);
  padding: 6px 9px; }

.tv-item-wrapper .title-options-wrapper a:hover.details:before, .tv-item-wrapper .title-options-wrapper a:hover:visited.details:before {
  color: rgba(68, 68, 68, 0.9);
  background: rgba(68, 68, 68, 0.1); }

.tv-item-wrapper .title-options-wrapper a:hover.details:before, .tv-item-wrapper .title-options-wrapper a:hover:visited.details:before {
  color: rgba(255, 255, 255, 0.9);
  background: #6683a2;
  padding: 6px 9px; }

.tv-item-wrapper .bottom-details .locale {
  position: absolute;
  bottom: 5px;
  background: #6683a2;
  color: #fff;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 23px;
  right: 35px; }

.chapters-item-wrapper {
  margin: 10px;
  padding: 0;
  width: 500px;
  height: 200px;
  position: relative;
  float: left;
  overflow: hidden; }

.chapters-item-wrapper .bottom-details {
  padding: 0 5px;
  padding-top: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100% !important;
  height: 40px;
  background: rgba(255, 255, 255, 0.9); }

.chapters-item-wrapper .title-title {
  padding: 0 5px;
  padding-top: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 180px;
  max-width: 180px;
  height: 40px;
  color: #444;
  font-size: 11px;
  text-transform: uppercase; }

.chapters-item-wrapper .title-title.double {
  padding-top: 4px !important; }

.chapters-item-wrapper .top-details {
  padding: 0 8px 0 5px;
  padding-top: 3px;
  border-top-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  width: 100%;
  height: 20px;
  background: rgba(84, 114, 140, 0.9);
  /* color: #444; */
  color: white;
  font-size: 11px;
  text-transform: uppercase;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden; }

.chapters-item-wrapper .title-options-wrapper {
  padding: 0;
  width: 65px !important;
  height: 30px;
  /*background: rgba(255,255,255,.9);*/
  color: #444;
  font-size: 11px;
  text-transform: uppercase;
  position: absolute;
  bottom: 10px;
  right: 0; }

.chapters-item-wrapper .title-options-wrapper div {
  padding-top: 12px;
  width: 60px;
  height: 40px;
  text-align: center;
  float: left;
  border-left: 1px rgba(0, 0, 0, 0.1) solid; }

.chapters-item-wrapper .title-options-wrapper a:link, .chapters-item-wrapper .title-options-wrapper a:visited, .chapters-item-wrapper .title-options-wrapper a:active {
  padding: 0;
  text-decoration: none;
  width: 30px;
  height: 40px;
  text-align: center;
  display: table-cell; }

.chapters-item-wrapper .title-options-wrapper a:link.status:before, .chapters-item-wrapper .title-options-wrapper a:visited.status:before, .chapters-item-wrapper .title-options-wrapper a:active.status:before,
.chapters-item-wrapper .title-options-wrapper a:link.details:before, .chapters-item-wrapper .title-options-wrapper a:visited.details:before, .chapters-item-wrapper .title-options-wrapper a:active.details:before {
  padding: 6px 7px;
  font-family: 'typicons';
  font-size: 2.4em;
  content: "\e0b5";
  color: rgba(68, 68, 68, 0.4);
  text-decoration: none;
  width: 30px;
  height: 40px;
  text-align: center;
  transition: all 300ms ease-out; }

.chapters-item-wrapper .title-options-wrapper a:link.status:before, .chapters-item-wrapper .title-options-wrapper a:visited.status:before, .chapters-item-wrapper .title-options-wrapper a:active.status:before {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(102, 131, 162, 0.5);
  padding: 6px 9px; }

.chapters-item-wrapper .title-options-wrapper a:link.details:before, .chapters-item-wrapper .title-options-wrapper a:visited.details:before, .chapters-item-wrapper .title-options-wrapper a:active.details:before {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(102, 131, 162, 0.5);
  padding: 6px 5px; }

.chapters-item-wrapper .title-options-wrapper a:link.status:before, .chapters-item-wrapper .title-options-wrapper a:visited.status:before, .chapters-item-wrapper .title-options-wrapper a:active.status:before {
  content: "\e04d"; }

.chapters-item-wrapper .title-options-wrapper a:hover.status:before, .chapters-item-wrapper .title-options-wrapper a:hover:visited.details:before {
  color: rgba(68, 68, 68, 0.9);
  background: rgba(68, 68, 68, 0.1); }

.chapters-item-wrapper .title-options-wrapper a:hover.details:before, .chapters-item-wrapper .title-options-wrapper a:hover:visited.details:before {
  color: rgba(255, 255, 255, 0.9);
  background: #6683a2; }

.status-details2 {
  margin: 0;
  padding: 10px;
  width: 500px;
  height: 250px;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 321px;
  z-index: 16;
  opacity: 0;
  transition: all 300ms ease-out; }

.producer-options {
  padding-top: 30px;
  width: 28px;
  height: 40px;
  text-align: center;
  float: right;
  visibility: hidden; }

.producer-options a:link {
  text-decoration: none; }

.producer-options a:link:before, .producer-options a:visited:before, .producer-options a:active:before {
  padding: 6px 6px 0 6px;
  font-family: 'typicons';
  font-size: 1.7em;
  content: "\e047";
  text-decoration: none;
  width: 30px;
  height: 40px;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(102, 131, 162, 0.6);
  transition: all 300ms ease-out; }

.producer-options a:hover:before, .producer-options a:hover:visited:before {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(102, 131, 162, 0.9); }

.platform-details {
  margin: 0;
  padding: 10px;
  width: 300px;
  height: 355px;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 355px;
  z-index: 70;
  opacity: 0;
  overflow-y: auto;
  transition: all 300ms ease-out; }

.platform-details.open {
  top: 0px;
  opacity: 1; }

.format-details {
  margin: 0;
  padding: 10px;
  width: 300px;
  height: 355px;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 355px;
  z-index: 70;
  opacity: 0;
  overflow-y: auto;
  transition: all 300ms ease-out; }

.format-details.open {
  top: 0px;
  opacity: 1; }

.status-details2.open-medium {
  top: 35px;
  opacity: 1; }

.status-details2 .sections {
  margin-bottom: 5px;
  color: #444;
  font-size: 14px;
  display: table-row; }

.platform-details .status-details2 .section-title {
  padding-bottom: 4px;
  width: 100%;
  color: #444;
  font-size: 16px;
  text-transform: uppercase;
  border-bottom: 1px #dadada solid; }

.platform-details .sections {
  margin-bottom: 0px;
  color: #444;
  font-size: 13px;
  float: left;
  width: 49%; }

.format-details .sections {
  margin-bottom: 0px;
  color: #444;
  font-size: 13px;
  float: left;
  width: 100%; }

.date-details .sections {
  margin-bottom: 0px;
  color: #444;
  font-size: 11px;
  display: table-row; }

.date-details-tv .sections {
  margin-bottom: 0px;
  color: white;
  font-size: 11px;
  display: table-row; }

.status-details .sections {
  margin-bottom: 0px;
  width: 100%;
  color: #444;
  font-size: 11px; }

.status-details .status-cell {
  padding-left: 5px;
  width: auto;
  display: table-cell;
  vertical-align: middle; }

.status-details .status-cell .sections .status-cell {
  padding-left: 5px;
  width: 15%;
  display: table-cell;
  vertical-align: middle; }

.platform-details .platforms-cell {
  padding: 2px 0;
  padding-left: 5px;
  width: 13%;
  display: table-cell;
  vertical-align: middle; }

.platform-details .status-cell {
  padding: 2px 0;
  width: 5%;
  display: table-cell;
  vertical-align: middle;
  text-align: right; }

.format-details .status-cell {
  padding: 2px 0;
  width: 5%;
  display: table-cell;
  vertical-align: middle; }

.platform-details .status-cell.waiting:before,
.platform-details .status-cell.inprogress:before,
.platform-details .status-cell.failed:before,
.platform-details .status-cell.completed:before,
.platform-details .status-cell.notsel:before,
.platform-details .status-cell.confirmed:before,
.platform-details .status-cell.notapplicable:before,
.status-details .platforms-cell.inprogress:before,
.status-details .platforms-cell.failed:before,
.status-details .platforms-cell.completed:before,
.status-details .platforms-cell.received:before,
.status-details .platforms-cell.confirmed:before,
.status-details .platforms-cell.notapplicable:before,
.format-details .status-cell.waiting:before,
.format-details .status-cell.confirmed:before,
.format-details .status-cell.completed:before {
  font-family: 'typicons';
  content: '\e0a9';
  font-size: 1.5em;
  color: #dadada; }

.platforms-cell.inprogress:before,
.platforms-cell.failed:before,
.platforms-cell.completed:before,
.platforms-cell.received:before,
.platforms-cell.confirmed:before,
.platforms-cell.notapplicable:before {
  font-family: 'typicons'; }

.platforms-cell.inprogress:before {
  content: '\e0a4';
  color: #888; }

.platforms-cell.received:before {
  content: '\e0a5';
  color: #e7a857; }

.platforms-cell.failed:before {
  content: '\e109';
  color: #bb4945; }

.platforms-cell.completed:before {
  content: '\e105';
  color: #448944; }

.platforms-cell.confirmed:before {
  content: '\e0a5 ';
  color: #298fca; }

.platforms-cell.notapplicable:before {
  content: '\e0a5';
  color: #54728c; }

.platform-details .status-cell.inprogress:before {
  content: '\e0a9';
  color: #e7a857; }

.platform-details .status-cell.failed:before {
  content: '\e109';
  color: #bb4945; }

.platform-details .status-cell.completed:before {
  content: '\e105';
  color: #448944; }

.platform-details .status-cell.confirmed:before {
  content: '\e0a5 ';
  color: #298fca; }

.platform-details .status-cell.notapplicable:before {
  content: '\e0a9';
  color: #54728c; }

.platform-details .status-cell.notsel:before {
  content: '\e0a9';
  color: #aa1111; }

.format-details .status-cell.completed:before {
  content: '\e105';
  color: #448944; }

.format-details .status-cell.confirmed:before {
  content: '\e0a5 ';
  color: #298fca; }

.status-details .platforms-cell.inprogress:before {
  content: '\e0a4';
  color: #888; }

.status-details .platforms-cell.received:before {
  content: '\e0a5';
  color: #e7a857; }

.status-details .platforms-cell.failed:before {
  content: '\e109';
  color: #bb4945; }

.status-details .platforms-cell.completed:before {
  content: '\e105';
  color: #448944; }

.status-details .platforms-cell.confirmed:before {
  content: '\e0a5 ';
  color: #298fca; }

.status-details .platforms-cell.notapplicable:before {
  content: '\e0a5';
  color: #54728c; }

.date-details .date-cell {
  padding-left: 5px;
  width: 55%;
  display: table-cell;
  vertical-align: middle; }

.date-details-tv .date-cell {
  color: white;
  padding-left: 5px;
  width: 55%;
  display: table-cell;
  vertical-align: middle; }

.date-details .sections:before {
  font-family: 'typicons';
  content: "\e036";
  padding: 6px 0px;
  font-size: 1.5em; }

.status-details2 .status-cell {
  padding: 5px 0;
  width: 35%;
  display: table-row;
  vertical-align: middle; }

.status-icon:before {
  font-family: 'typicons';
  content: "\e04d";
  font-size: 1.5em;
  display: table-cell; }

/**
 *
 *
 *  LOG IN PAGE STYLES
 *
 *
 */
section[role='login'] {
  background: #464545;
  /* url('../imgs/lg/LoginImage04.png') no-repeat;*/
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%; }

section[role='login'].backgroundImage01 {
  background: #464545 url("../../imgs/lg/LoginImage01.png") no-repeat;
  background-size: cover; }

section[role='login'].backgroundImage02 {
  background: #464545 url("../../imgs/lg/LoginImage02.png") no-repeat;
  background-size: cover; }

section[role='login'].backgroundImage03 {
  background: #464545 url("../../imgs/lg/LoginImage03.png") no-repeat;
  background-size: cover; }

section[role='login'].backgroundImage04 {
  background: #464545 url("../../imgs/lg/LoginImage04.png") no-repeat;
  background-size: cover; }

section[role='login'].backgroundImage05 {
  background: #464545 url("../../imgs/lg/LoginImage05.png") no-repeat;
  background-size: cover; }

section[role='login'] .base-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-position: 0 0, 1px 0, 1px -1px, 0px 1px; }

section[role='login'] .login-wrapper {
  margin: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -12.312em;
  margin-left: -13.437em;
  width: 28.750em;
  height: auto; }

section[role='login'] .login-outer-container {
  margin: 0;
  padding: 1.875em;
  width: 28.750em;
  height: 26.500em;
  background: #282828;
  border: 1px #000 solid;
  /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
  box-shadow: 0px 0px 14px 3px #282828;
  /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
  border-radius: 3px; }

.login-logo {
  margin-bottom: 10px;
  background: url("../../imgs/generic/PremierTTWhite.png") no-repeat center center;
  background-size: contain;
  width: 25.000em;
  height: 6.500em; }

.login-subtitle {
  padding: 5px 0;
  margin: 0;
  border-top: 1px #dadada solid;
  color: #dadada;
  text-transform: uppercase;
  letter-spacing: .5em;
  text-align: center;
  font-family: "ff-din-web",futura, arial, helvetica, sans-serif; }

.log-in-box {
  margin: 20px 0;
  padding: 0;
  width: 25.000em;
  height: 7.500em;
  background: transparent; }

.log-in-form {
  border-radius: 3px;
  overflow: hidden; }

.log-in-icon {
  padding: 0 15px;
  background: #fff;
  width: 2.125em;
  height: 3.750em;
  text-align: center;
  color: #54728c; }

.login-user::before {
  font-family: 'typicons';
  content: '\e113';
  font-size: 1.4em; }

.login-pw::before {
  font-family: 'typicons';
  content: '\e097';
  font-size: 1.4em; }

.log-in-icon-fail {
  background: #eed3d7;
  width: 3.125em;
  height: 3.750em;
  text-align: center; }

.log-in-section {
  background: #fff;
  width: 21.875em;
  height: 3.750em;
  text-align: center; }

.seperator {
  border-bottom: 1px #e6e5e1 solid; }

.log-in-section input[type="text"], .log-in-section input[type="password"] {
  padding: 0;
  margin: 0;
  height: 4.0em;
  width: 19.875em;
  /* 22.875em;*/
  border: none;
  border-radius: 0px;
  background: #fff;
  font-family: "ff-din-web",futura, arial, helvetica, sans-serif;
  box-shadow: none;
  outline: none; }

.log-in-section input[type="text"]:focus, .log-in-section input[type="password"]:focus {
  outline: none; }

.log-in-section input[type="text"] {
  border-bottom: 1px #e6e5e1 solid; }

button.log-in-button {
  margin: 1.250em 0;
  padding: 0;
  background: #54728c;
  border: none;
  color: #fff;
  width: 25em;
  height: 3.750em;
  font-family: "ff-din-web",futura, arial, helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: .2em;
  cursor: pointer;
  border-radius: 3px; }

button.log-in-button:hover {
  background: #466176;
  color: #fff; }

.form-table {
  display: table; }

.form-row {
  display: table-row; }

.form-cell {
  display: table-cell;
  vertical-align: middle; }

/**
 *
 *
 *
 *
 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .log-in-icon, button.log-in-button {
    text-shadow: 1px 1px 1px #555; } }

/**
 *
 *  main content
 *
 */
section[role="main-content-wrapper"] {
  position: fixed;
  left: 306px;
  right: 0;
  top: 60px;
  bottom: 30px;
  width: auto;
  background: #fff;
  border-left: 1px #dadada solid;
  text-align: left;
  color: #5e5e5e;
  overflow-x: hidden;
  overflow-y: scroll; }

/**
 *
 * main content title band
 */
.main-content-title {
  position: fixed;
  left: 307px;
  right: 0;
  top: 60px;
  width: 100%;
  height: 60px;
  background: #f9f9f9;
  border-bottom: 1px #dadada solid;
  overflow: hidden;
  display: table; }

.main-content-title .title {
  padding-left: 20px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  color: #5e5e5e;
  width: 100%;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: .1em; }

/**
 *
 * Main content
 *
 */
.main-content {
  position: fixed;
  left: 307px;
  right: 0;
  top: 120px;
  bottom: 30px;
  width: auto;
  background: transparent;
  overflow-x: hidden;
  overflow-y: scroll; }

.main-content .content .span_1_of_2 {
  margin: 20px 0;
  padding: 0 10px 0 20px;
  width: 46.8%;
  text-align: left;
  color: #5e5e5e;
  line-height: 18px; }

.content .page-sub-title {
  margin: 5px 0 10px 10px;
  padding-bottom: 8px;
  font-size: 20px;
  border-bottom: 1px #dadada solid;
  text-transform: uppercase; }

.content .page-sub-title.no-spacing-left {
  margin: 5px 0 10px 0;
}

.content span.title_pointer {
  position: relative;
  top: 4px;
  font-family: 'EntypoRegular';
  font-size: 2.2em;
  color: #dadada; }

.content p {
  margin-bottom: 5px;
  font-size: 14px; }

.content p.title, .content p.issue-title {
  margin: 5px 0 10px 0;
  padding-bottom: 4px;
  font-size: 16px;
  border-bottom: 1px #dadada solid;
  text-transform: uppercase;
  width: 70%; }

.content p.issue-title {
  border: none;
  width: 100%;
  text-transform: capitalize;
  font-weight: 700; }

.content p a:link, .content p a:visited, .content p a:active {
  padding-bottom: 3px;
  text-decoration: none;
  color: #5e5e5e;
  webkit-transition: all .500s ease-out;
  transition: all .500s ease-out;
  overflow: hidden; }

.content p a:hover, .content p a:hover:visited {
  color: #54728c; }

.right-content {
  margin: 0;
  padding: 20px;
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 281px;
  right: 1px;
  overflow: hidden; }

.page-content-full {
  padding: 20px; }

/**
 *
 *  Lists
 *
 */
.content .list {
  margin: 5px 0;
  padding: 20px;
  padding-left: 0px;
  min-height: 100px;
  overflow: hidden; }

.content .list.issue-listings {
  height: auto; }

.content .list-items-container {
  height: auto; }

.content .list .list-item a:link, .content .list .list-item a:visited, .content .list .list-item a:active {
  position: relative;
  margin-bottom: 6px;
  width: 100%;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  background: #f6fbff;
  color: #5e5e5e;
  border-radius: 3px;
  /*border-bottom: 1px #dadada solid;*/
  webkit-transition: all .500s ease-out;
  transition: all .500s ease-out;
  overflow: hidden; }

.content .list .list-item a:hover, .content .list .list-item a:hover:visited {
  background: #c1d6eb;
  color: #5e5e5e; }

.content .list .tv-prod-list-item {
  position: relative;
  padding: 12px 8px;
  margin-bottom: 6px;
  width: 100%;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  background: #f6fbff;
  color: #5e5e5e;
  border-radius: 3px;
  line-height: 30px;
  /*border-bottom: 1px #dadada solid;*/
  webkit-transition: all .500s ease-out;
  transition: all .500s ease-out;
  overflow: hidden; }

.content .list .tv-prod-list-item select {
  float: right; }

.content .list .tv-prod-list-item:hover {
  background: #c1d6eb;
  color: #5e5e5e; }

.content .list .list-item a:link span.username, .content .list .list-item a:visited span.username, .content .list .list-item a:active span.username {
  font-size: 10px;
  color: #a1a1a1; }

.content .list .list-item a:link span.user, .content .list .list-item a:visited span.user, .content .list .list-item a:active span.user {
  font-size: 2em;
  color: red;
  font-family: 'typicons'; }

.content .list .list-item .icon-pencil, .content .list .list-item .icon-comment {
  position: absolute;
  top: -1px;
  right: -30px;
  font-size: 20px;
  color: #a1b6c8;
  webkit-transition: all .500s ease-out;
  transition: all .500s ease-out; }

.content .list .list-item a:hover .icon-pencil, .content .list .list-item a:hover .icon-comment {
  right: 4px; }

.content .list .list-item .icon-issue-major, .content .list .list-item .icon-issue-minor, .content .list .list-item .icon-issue-trivia {
  position: absolute;
  top: 2px;
  right: 40px;
  font-size: 36px;
  color: #4e9e4e; }

content .list .list-item .icon-issue-resolved {
  position: absolute;
  top: 2px;
  right: 40px;
  font-size: 36px;
  color: green; }

.content .list .list-item .icon-arrow {
  position: absolute;
  top: 2px;
  right: 20px;
  font-size: 36px;
  color: #a1b6c8; }

.content .list.height-auto {
  min-height: 50px !important; }

.content .list .sortable-placeholder {
  padding: 12px 0 0 10px;
  background: #f9f9f9;
  color: #a1a1a1;
  border-radius: 3px;
  height: 44px;
  border: 1px #ccc dashed;
  font-size: 12px; }

/* drag-drop */
.content .drag-drop-list {
  margin: 5px 0;
  padding: 20px;
  padding-left: 0px;
  min-height: 200px; }

.content .drag-drop-list .drag-drop-item a:link, .content .drag-drop-list .drag-drop-item a:visited, .content .drag-drop-list .drag-drop-item a:active {
  position: relative;
  margin-bottom: 6px;
  padding: 0px 8px;
  width: 100%;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  background: #f6fbff;
  color: #5e5e5e;
  border-radius: 3px;
  webkit-transition: all .500s ease-out;
  transition: all .500s ease-out; }

.content .drag-drop-list .drag-drop-item a:hover, .content .drag-drop-list .drag-drop-item a:hover:visited {
  background: #c1d6eb;
  color: #5e5e5e; }

.content .drag-drop-list .drag-drop-item .icon-pencil {
  position: absolute;
  top: -1px;
  right: 0px;
  font-size: 20px;
  color: #a1b6c8;
  webkit-transition: all .500s ease-out;
  transition: all .500s ease-out; }

.content .drag-drop-list .drag-drop-item a:hover .icon-pencil {
  right: 6px; }

.content .drag-drop-list .drag-drop-item .sort-success::before,
.content .drag-drop-list .drag-drop-item .sort-error::before {
  font-family: 'typicons';
  content: '\00a0\00a0\00a0  \e105';
  font-size: 1.6em;
  color: #7bbb7b; }

.content .drag-drop-list .drag-drop-item .sort-error::before {
  content: '\00a0\00a0\00a0  \e109';
  color: #bb4945; }

.content .drag-drop-list .sortable-placeholder {
  padding: 2px 0 0 10px;
  background: #f9f9f9;
  color: #a1a1a1;
  border-radius: 3px;
  height: 22px;
  border: 1px #ccc dashed;
  font-size: 12px; }

/* genre list drag drop --*/
.content .drag-containment {
  height: auto;
  width: 100%; }

.content .genre-titles {
  width: 100%;
  height: 130px; }

.content .genre-titles .genre-list-title {
  float: left;
  padding-right: 20px;
  width: 100%; }

.content .genre-list {
  margin: 5px 0;
  padding: 0;
  height: auto;
  min-height: auto;
  max-width: 720px;
  width: 65%;
  float: left; }

.content .episode-selected {
  margin-left: 5px;
  padding: 0px;
  height: auto;
  width: 100%;
  float: left; }

.content .episode-selected .episode-item {
  position: relative;
  margin: 6px;
  width: 96%;
  height: 40px;
  text-decoration: none;
  font-size: 14px;
  /*display: inline-block;*/
  vertical-align: middle;
  background: #f6fbff;
  color: #5e5e5e;
  border-radius: 3px; }

.content .episode-selected .episode-item:hover {
  background: #e5eaee;
  color: #5e5e5e; }

.content .episode-selected .episode-item .icon-drag-drop {
  padding-left: 6px;
  padding-top: 10px;
  display: table-cell;
  position: relative;
  cursor: pointer; }

.content .episode-selected .episode-item .truncate {
  display: table-cell;
  width: 100%;
  cursor: pointer;
  position: relative;
  line-height: 40px; }

.content .genre-selected, .content .genre-selected2, .content .genre-selected3, .content .genre-selected4, .content .genre-selected5, .content .genre-selected6, .content .genre-selected7 {
  margin-left: 5px;
  padding: 0px;
  height: 230px;
  width: 100%;
  background: url("../../imgs/dropzone/Portal_Grid_Image.png");
  border-radius: 3px;
  border: 1px #eee solid;
  float: left; }

.content .genre-list .genre-item {
  position: relative;
  margin: 6px;
  padding: 12px 8px;
  width: 220px;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  /*display: inline-block;*/
  vertical-align: middle;
  background: #f6fbff;
  color: #5e5e5e;
  border-radius: 3px;
  float: left; }

.content .genre-selected .genre-item, .content .genre-selected2 .genre-item, .content .genre-selected3 .genre-item, .content .genre-selected4 .genre-item, .content .genre-selected5 .genre-item, .content .genre-selected6 .genre-item, .content .genre-selected7 .genre-item {
  position: relative;
  margin: 6px;
  padding: 12px 8px;
  width: auto;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  /*display: inline-block;*/
  vertical-align: middle;
  background: #fcf8e3;
  color: #5e5e5e;
  border-radius: 3px; }

.content .genre-selected .genre-item .icon-drag-drop::before {
  color: #c09853 !important; }

.content .genre-selected2 .genre-item .icon-drag-drop::before {
  color: #c09853 !important; }

.content .genre-selected3 .genre-item .icon-drag-drop::before {
  color: #c09853 !important; }

.content .genre-selected4 .genre-item .icon-drag-drop::before {
  color: #c09853 !important; }

.content .genre-selected5 .genre-item .icon-drag-drop::before {
  color: #c09853 !important; }

.content .genre-selected6 .genre-item .icon-drag-drop::before {
  color: #c09853 !important; }

.content .genre-selected7 .genre-item .icon-drag-drop::before {
  color: #c09853 !important; }

.content .icon-drag-drop-y-msg::before {
  color: #c09853 !important;
  vertical-align: -1px; }

.content .genre-selected .sortable-placeholder, .content .genre-selected2 .sortable-placeholder, .content .genre-selected3 .sortable-placeholder, .content .genre-selected4 .sortable-placeholder, .content .genre-selected5 .sortable-placeholder, .content .genre-selected6 .sortable-placeholder, .content .genre-selected7 .sortable-placeholder {
  margin: 6px;
  background: #f9f9f9;
  color: #a1a1a1;
  border-radius: 3px;
  height: 44px;
  border: 1px #ccc dashed;
  font-size: 12px;
  width: 220px; }

.content .episode-selected .sortable-placeholder {
  margin: 6px;
  background: #f9f9f9;
  color: #a1a1a1;
  border-radius: 3px;
  height: 44px;
  border: 1px #ccc dashed;
  font-size: 12px;
  width: 96%; }

/**
 *  producer cleint listing
 *
 */
.userClentSelect {
  min-height: 300px; }

.userClentList .selected-client a:link, .userClentList .selected-client a:visited, .userClentList .selected-client a:active {
  position: relative;
  margin-bottom: 6px;
  padding: 8px;
  width: 100%;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  background: #f6fbff;
  color: #5e5e5e;
  border-radius: 3px;
  /*border-bottom: 1px #dadada solid;*/
  webkit-transition: all .500s ease-out;
  transition: all .500s ease-out;
  overflow: hidden; }

.userClentList .selected-client a:hover, .userClentList .selected-client a:hover:visited {
  background: #bb4945;
  color: #fff; }

.userClentList .selected-client .icon-cross {
  position: absolute;
  top: 2px;
  right: -30px;
  font-size: 36px;
  color: #fff;
  webkit-transition: all .500s ease-out;
  transition: all .500s ease-out; }

.userClentList .selected-client a:hover .icon-cross {
  right: 4px; }

.regionLocaleList .selected-region a:link, .regionLocaleList .selected-region a:visited, .regionLocaleList .selected-region a:active {
  position: relative;
  margin-bottom: 6px;
  padding: 8px;
  width: 100%;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  background: #f6fbff;
  color: #5e5e5e;
  border-radius: 3px;
  /*border-bottom: 1px #dadada solid;*/
  webkit-transition: all .500s ease-out;
  transition: all .500s ease-out;
  overflow: hidden; }

.regionLocaleList .selected-regionz a:link, .regionLocaleList .selected-regionz a:visited, .regionLocaleList .selected-regionz a:active {
  position: relative;
  margin-bottom: 6px;
  padding: 8px;
  width: 100%;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  background: #f6fbff;
  color: #5e5e5e;
  border-radius: 3px;
  /*border-bottom: 1px #dadada solid;*/
  webkit-transition: all .500s ease-out;
  transition: all .500s ease-out;
  overflow: hidden; }

.regionLocaleList .selected-region a:hover, .regionLocaleList .selected-region a:hover:visited {
  background: #bb4945;
  color: #fff; }

.regionLocaleList .selected-region-disabled a:link, .regionLocaleList .selected-region-disabled a:visited, .regionLocaleList .selected-region-disabled a:active {
  position: relative;
  margin-bottom: 6px;
  padding: 8px;
  width: 100%;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  background: #f6fbff;
  color: #5e5e5e;
  border-radius: 3px;
  /*border-bottom: 1px #dadada solid;*/
  webkit-transition: all .500s ease-out;
  transition: all .500s ease-out;
  overflow: hidden; }

.regionLocaleList .selected-regionz-disabled a:link, .regionLocaleList .selected-regionz-disabled a:visited, .regionLocaleList .selected-regionz-disabled a:active {
  position: relative;
  margin-bottom: 6px;
  padding: 8px;
  width: 100%;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  background: #f6fbff;
  color: #5e5e5e;
  border-radius: 3px;
  /*border-bottom: 1px #dadada solid;*/
  webkit-transition: all .500s ease-out;
  transition: all .500s ease-out;
  overflow: hidden; }

.regionLocaleList .selected-region .icon-cross {
  position: absolute;
  top: 2px;
  right: -30px;
  font-size: 36px;
  color: #fff;
  webkit-transition: all .500s ease-out;
  transition: all .500s ease-out; }

.regionLocaleList .selected-regionz .icon-cross {
  position: absolute;
  top: 2px;
  right: -30px;
  font-size: 36px;
  color: #fff;
  webkit-transition: all .500s ease-out;
  transition: all .500s ease-out; }

.regionLocaleList .selected-region a:hover .icon-cross {
  right: 4px; }

.regionLocaleList .selected-regionz a:hover .icon-cross {
  right: 4px; }

.tv-pagination {
  position: fixed;
  padding-top: 5px;
  margin-left: 280px;
  left: 1%;
  bottom: 42px;
  right: 1%;
  height: 50px;
  background: rgba(161, 182, 200, 0.5); }

.tv-pagination .next-button-sml {
  margin-left: 5px;
  float: left;
  min-width: 100px; }

.tv-pagination .previous-button-sml {
  margin-left: 5px;
  float: left;
  min-width: 100px; }

.tv-pagination select {
  margin-right: 18px;
  float: right;
  min-width: 100px; }

.modal {
  padding-left: 20%;
  padding-right: 20%;
  z-index: 9000; }

/** IMport the reset css style **/
@import url("libs/normalize.css");
@import url("body.css");
@import url("icons.css");
/** Import the grids css style **/
@import url("grids.css");
@import url("header.css");
@import url("sidemenu.css");
@import url("main-content.css");
@import url("full-content.css");
@import url("split-view.css");
@import url("admin.css");
@import url("options-page.css");
@import url("information-boxes.css");
@import url("listings.css");
@import url("film-title-pages.css");
@import url("platforms.css");
/*@import url("twbs-tabs.css");*/
@import url("libs/bootstrap3.css");
/*bootstrap overides*/
@import url("twbs-pagination.css");
@import url("twbs-tabs.css");
@import url("forms.css");
@import url("switch.css");
@import url("login.css");
@import url("footer.css");
@import url("misc.css");
@import url("messages.css");
@import url("preloader.css");
@import url("libs/dropzone.css");
@import url("libs/jrac.css");
@import url("media-queries.css");
@import url("genres.css");
@import url("libs/default.min.css");
@import url("typicons.css");

/**
 *
 *  various media quiries
 *
 */
/**
 *	1500px Breakpoint
 *
 */
@media all and (max-width: 1500px) {
  .ui-dialog-content {
    height: 200px !important;
    overflow-x: hidden !important; }
  /** Film Title Detaisl Page **/
  #details .span_1_of_2 {
    width: 100%;
    margin-left: 0; }
  #cast .span_1_of_2 {
    width: 100%;
    margin-left: 0; }
  #crew .span_1_of_2 {
    width: 100%;
    margin-left: 0; }
  #overview .span_1_of_3 {
    width: 32%; }
  #overview .span_2_of_3 {
    width: 64%; }
  #prod_meta_rev .span_1_of_4 {
    width: 48%; }
  #details .dates-cell, #details .dates-cell-opt {
    display: inline-block;
    clear: both;
    width: 100%; } }

@media all and (max-width: 1400px) {
  #chapter_info .span_1_of_2 {
    width: 100%;
    margin-left: 0px; } }

/**
 *	1200px Breakpoint
 *
 */
@media all and (max-width: 1200px) {
  .span_1_of_7 {
    width: 100%; }
  .ui-dialog-content {
    height: 200px !important;
    overflow-x: hidden !important; }
  .ui-dialog {
    top: 90px !important;
    left: 0px !important;
    width: 100% !important; }
  /** Film Title Detaisl Page **/
  #details .span_2_of_4 {
    width: 100%; }
  #details .span_1_of_2 {
    width: 48%; }
  /** Film itunes overview page **/
  #overview .span_1_of_3 {
    width: 100%; }
  #overview .span_2_of_3 {
    width: 100%; }
  /** Film Cast page **/
  #cast .span_2_of_4 {
    width: 100%; }
  #cast .span_1_of_2 {
    width: 48%; }
  /** Film crew page **/
  #crew .span_2_of_4 {
    width: 100%; }
  #crew .span_1_of_2 {
    width: 48%; }
  /** Film main dashboard **/
  #main .span_2_of_5 {
    width: 100%; }
  #main .span_3_of_5 {
    width: 100%; }
  /* Producer metadata review span */
  #prod_meta_rev .span_2_of_4 {
    width: 100%; }
  /* Admin header */
  #admin-head > .log-out {
    display: none; }
  /* Admin header */
  #admin-head > .report {
    display: none; }
  /* Admin header menu buttons */
  #admin-head > div.menu a:link, #admin-head > div.menu a:visited, #admin-head > div.menu a:active {
    display: inline; }
  /* Dont display the nav buttons on the admin header */
  #admin-head > nav div {
    padding-top: 22px;
    width: 100%;
    display: inline-block;
    background-color: #54728c; }
  /* Add hover properties to the menu buttons */
  #admin-head > nav div:hover {
    background-color: #32506a; }
  /* Allow the menu to fill the width of the screen */
  #admin-head > nav {
    width: 100%;
    top: 60px;
    left: 0px;
    display: none;
    opacity: 0;
    transition: opacity 0.31s ease-out 0.31s;
    -webkit-transition: opacity 0.31s ease-out 0.31s;
    -moz-transition: opacity 0.31s ease-out 0.31s;
    -ms-transition: opacity 0.31s ease-out 0.31s;
    -o-transition: opacity 0.31s ease-out 0.31s; }
  #admin-head > nav.open {
    width: 100%;
    top: 60px;
    left: 0px;
    display: block;
    opacity: 1;
    transition: opacity 0.31s ease-out;
    -webkit-transition: opacity 0.31s ease-out;
    -moz-transition: opacity 0.31s ease-out;
    -ms-transition: opacity 0.31s ease-out;
    -o-transition: opacity 0.31s ease-out; }
  /* Reduce the size of the logo on the admin header */
  #admin-head .premier-tt {
    margin-left: 70px; } }

/**
 *	1025 Breakpoint (64.063em)
 *
 */
@media all and (max-width: 64.063em) {
  #asset_overview .span_1_of_2 {
    width: 100%; }
  /** HEADER SECTION **/
  header .premier-tt {
    width: 350px;
    background-position: 10px center;
    transition: position 1s ease-out; }
  /** Page Content **/
  /** reduce the  content on the right hand sode of a thin slit column page**/
  .full-content .content .span_3_of_5 {
    width: 100%; }
  .full-content .content .span_2_of_5 {
    width: 100%; }
  #settings_countries .span_1_of_3,
  #settings_languages .span_1_of_3 {
    width: 48%; }
  #settings_countries div.span_1_of_5,
  #settings_languages .span_1_of_5 {
    width: 100%; }
  #release .span_2_of_4 {
    width: 100%; }
  #main .span_1_of_2 {
    width: 100%;
    margin: 0 0 0 0; }
  .copyright {
    display: none; }
  .messages {
    min-width: 100%; }
  #details .span_1_of_2 {
    width: 100%; }
  #it_p .span_1_of_3 {
    width: 100%; }
  /* iTunes metadata download page, sorts the tiles. */
  #prod_down_meta .span_1_of_4 {
    width: 48%; }
  #genre .span_1_of_3 {
    width: 100%;
    margin-left: 0px; } }

/**
 *	801 Breakpoint (50.063em)
 *
 */
@media all and (max-width: 50.063em) {
  /** Page Content **/
  /** reduce the  content on the right hand sode of a thin slit column page**/
  .full-content .content .span_3_of_5 {
    width: 100%; }
  .full-content .content .span_2_of_5 {
    width: 100%; }
  /* iTunes chapter wrappers and the content inside them. */
  #chapter_info .chapters-item-wrapper {
    width: 100%;
    height: 150px; }
  #chapter_info .chapters-item-wrapper .status-details2 {
    width: inherit;
    height: 150px; }
  #chapter_info .chapters-item-wrapper .status-details2 .sections .status-cell {
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 9px; }
  #settings_countries .span_1_of_3,
  #settings_languages .span_1_of_3 {
    width: 100%; } }

/**
 *	770 Breakpoint (48.125em)
 *
 */
@media all and (max-width: 48.125em) {
  #asset_overview input {
    width: 98%; }
  /* Button within the content of each of the pages. */
  .content button {
    height: 40px;
    margin-top: 0px;
    font-size: 11px; }
  .tv-pagination {
    margin-left: 110px; }
  /* Film Listing page */
  #filmlistings .span_1_of_3,
  #filmlistings .span_1_of_3 input {
    width: 100%;
    margin: 0px; }
  #filmlistings .span_1_of_5 {
    width: 100%;
    text-align: center; }
  /* Sorts out the menu platforms button on small screens */
  #view-platforms a.platforms.selected:before {
    content: "\e109"; }
  #view-platforms a.platforms:after {
    content: ""; }
  #view-platforms a.prodoptions.selected:before {
    content: "\e109"; }
  #view-platforms a.prodoptions:after {
    content: ""; }
  /** Page Content **/
  /** reduce the  content on the right hand sode of a thin slit column page**/
  .full-content .content .span_3_of_5 {
    width: 100%; }
  .full-content .content .span_2_of_5 {
    width: 100%; }
  /* Buttons that appear on the title bar. */
  .full-content-title .btn {
    display: none; }
  /* Remove button text */
  .split-view-content .split-left-content .side-menu li a .button-text {
    display: none; }
  /* Split view content - Left and Menu within it. */
  .split-view-content .split-left,
  .split-view-content .split-left-content,
  .split-view-content .split-left-content .side-menu {
    width: 110px;
    text-align: center; }
  /* Producer button on side menu */
  .title-producer {
    width: 109px; }
  /* Log out button on header disappears */
  header > .log-out {
    display: none; }
  /* Log out button on header disappears */
  header > .report {
    display: none; }
  /* Menu links to appear below one another. */
  header > div.menu a:link, header > div.menu a:visited, header > div.menu a:active {
    display: inline; }
  /* Containers for each of the menu items. */
  header > nav div {
    padding-top: 22px;
    width: 100%;
    display: inline-block;
    background-color: #54728c; }
  /* On hover for the menu buttons */
  header > nav div:hover {
    background-color: #32506a; }
  /* Header Nav bar. */
  header > nav {
    width: 100%;
    top: 60px;
    left: 0px;
    display: none;
    opacity: 0;
    transition: opacity 0.31s ease-out 0.31s;
    -webkit-transition: opacity 0.31s ease-out 0.31s;
    -moz-transition: opacity 0.31s ease-out 0.31s;
    -ms-transition: opacity 0.31s ease-out 0.31s;
    -o-transition: opacity 0.31s ease-out 0.31s; }
  header > nav.open {
    width: 100%;
    top: 60px;
    left: 0px;
    display: block;
    opacity: 1;
    transition: opacity 0.31s ease-out;
    -webkit-transition: opacity 0.31s ease-out;
    -moz-transition: opacity 0.31s ease-out;
    -ms-transition: opacity 0.31s ease-out;
    -o-transition: opacity 0.31s ease-out; }
  /* Margin for the menu button to appear on the heading */
  .premier-tt {
    margin-left: 70px; }
  /* Padding for side menu items */
  .split-view-content .split-left-content .side-menu li a {
    padding: 15px 15px 0 0;
    padding-right: 30px !important; }
  /* Platform menu when closed */
  .split-view-content .split-left-content .side-menu-platform-opts {
    left: 110px; }
  /* Platform menu when open */
  .split-view-content .split-left-content .side-menu-platform-opts.open {
    left: 30px; }
  /* Split iew content - Right */
  .split-view-content .split-right {
    left: 110px; }
  /* Title above split content */
  .full-content-title .title {
    font-weight: bold;
    font-size: 14px;
    padding-left: 12px; }
  /* Producer metadata review span */
  #prod_meta_rev .span_1_of_4 {
    width: 100%; }
  /* Reports page spans */
  #reports .span_2_of_4,
  #reports_issues .span_2_of_4,
  #reports_issues div .list.issue-listings {
    width: 100%;
    padding: 2px; }
  /* Reports Input boxes */
  #reports_issues input,
  #reports_issues textarea,
  #reports_issues select,
  #settings_countries input,
  #settings_languages input {
    width: 100%;
    min-width: 50px; }
  /* Reports issue type buttons, and settings text. */
  #reports_issues div .button-container button,
  #settings_countries p,
  #settings_languages p,
  div.options-text {
    font-size: 8px; }
  /* Settings page titles. */
  #settings_countries p.page-sub-title,
  #settings_languages p.page-sub-title {
    font-size: 13px !important; }
  #clients .span_1_of_2 {
    width: 100%;
    padding-right: 5px; }
  #clients input,
  #users input {
    width: 94%; }
  #users .button-container button {
    padding: 0 2px;
    font-size: 7px !important; } }

/**
 *	601 Breakpoint (37.563em)
 *
 */
@media all and (max-width: 37.563em) {
  /* Login screen */
  .login-wrapper {
    left: 0% !important;
    margin-left: 0px !important;
    width: 100% !important; }
  /* Log form and input boxes */
  .log-in-box, .login-logo, .login-outer-container, .log-in-section, .log-in-section input {
    width: 100% !important; }
  .form-table {
    display: block; }
  /* login sub title */
  .login-subtitle {
    font-size: 11px; }
  /* Login button */
  .log-in-button {
    width: 100% !important; }
  /* iTunes Full source, full/hoh subtitles page spans */
  /* Not used within full subtitles */
  #it_fs .span_1_of_6, #it_p .span_1_of_6 {
    width: 23%; }
  /* Not used within full/hoh subtitles */
  #it_fs .span_1_of_6 p, #it_p .span_1_of_6 p {
    font-size: 14px; }
  /* Not used within full/hoh subtitles */
  #it_fs .span_1_of_6 input, #it_p .span_1_of_6 input {
    width: 50%; }
  /* Select box within full/hoh subtitles */
  #it_fs select, #it_fs input[disabled] {
    width: 100%; }
  /* iTunes Full Audio input fields */
  #it_fa input, #it_fa select,
  #it_fc input, #it_fc select,
  #it_p .input-xxlarge, #it_p select,
  #it_rl input, #it_rl select, #it_rl textarea,
  #release input, #release select {
    width: 100% !important; }
  /* iTunes release and regions and locales datepicker fields. */
  #it_rl .disabled-form-input,
  #release .disabled-form-input {
    min-width: 180px;
    max-width: 180px; }
  #it_rl .ui-datepicker-trigger,
  #release .ui-datepicker-trigger {
    right: -140px; }
  #it_rl .span_1_of_3 {
    width: 100%; }
  /* Details the containers for the rating, copyright and dates */
  #details .copyright-wrapper, #details .ratings-wrapper, #details .dates-wrapper {
    width: 100%; }
  /* Details vendor id Fields */
  #details .vendor-cell, #details .copyright-cell {
    display: list-item;
    padding-top: 0px;
    font-size: 12px; }
  /* Details select fields */
  #details select {
    width: 100%; }
  /* Details disabled form input and dates field. */
  #details .disabled-form-input {
    max-width: 170px;
    min-width: 170px; }
  /* Details calender image. */
  #details .dates-cell img {
    right: -130px; }
  /* Details ratings cell */
  #details .ratings-cell {
    display: list-item;
    width: inherit;
    text-align: left;
    font-size: 12px; }
  /* Columns these are usually with span_*_of_* */
  .col {
    margin-top: 3px !important;
    margin-left: 0px !important;
    padding-left: 3px !important; }
  /* Tabs */
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a {
    font-size: 9px;
    padding-left: 2px;
    padding-right: 2px; }
  /* Main overview film page for each of the spans */
  #main .span_2_of_5, #main .span_3_of_5, #overview .span_3_of_4 {
    padding-left: 3px; }
  /* iTunes overview 3_of_4 spans */
  #overview .span_3_of_4 {
    padding-right: 3px; }
  /* Film artwork image within the container */
  .film-title-artwork-cont .title-image, .title-image {
    width: 190px !important;
    height: 290px !important; }
  /*Film artwork image container */
  .film-title-artwork-cont {
    width: 200px;
    height: 300px; }
  /* Remove padding from the dialogs */
  .ui-dialog .ui-dialog-content {
    padding: 0px !important; }
  /* Container for the options on options page and dialogs */
  .options-tab-wrapper div, .ui-dialog {
    width: 100% !important; }
  /* Main options div links to the tv film and admin/producer/multiclient sections */
  .options-tab a:link, .options-tab a:visited, .options-tab a:active, .options-tab-blank {
    display: block;
    width: 100%; }
  /* Drop zone Containers and Circular data boxes. */
  .dropzone, .information-box {
    min-width: 100%;
    max-width: 100%; }
  /* Message information areas */
  .messages {
    min-width: 100%; }
  /*Selected genre items in the drag drop area */
  #genre .genre-selected .genre-item {
    font-size: 12px; }
  /* Split view content - Right */
  .split-view-content .split-right-content {
    padding-left: 5px; }
  #prod_feat_asset .span_1_of_2,
  #prod_feat_asset select {
    width: 100%; } }

@media all and (max-width: 24.563em) {
  /* Change the size of the top logo further */
  header .premier-tt {
    width: 225px; }
  /* drop down menu within the Genres */
  #genre #genres {
    width: 100% !important; }
  #filmlistings .listings-item-wrapper {
    margin-left: 0px;
    width: 100%; }
  /* Split view content - Left */
  .split-view-content .split-left,
  .split-view-content .split-left-content,
  .split-view-content .split-left-content .side-menu {
    width: 90px;
    text-align: left; }
  /* Side menu content. */
  .split-view-content .split-left-content .side-menu li a {
    padding: 15px 15px 0 10px; }
  /* Platform menu within the side menu */
  .split-view-content .split-left-content .side-menu-platform-opts {
    width: 60px;
    left: 100px; }
  .split-view-content .split-left-content .side-menu-platform-opts li a {
    padding-top: 3px;
    height: 35px;
    font-size: 9px; }
  /* Split view Content - Right */
  .split-view-content .split-right {
    left: 90px; }
  /* Producer, multiclient and client button  */
  .title-producer {
    width: 89px; }
  /* Font style of page titles */
  .page-sub-title {
    font-weight: bold;
    font-size: 13px !important; }
  /* Font size of titles */
  .inner-title, .title, label.form-title {
    font-size: 12px !important; }
  /* Badges for the Film menu */
  .badge {
    font-size: 9px; }
  /* Content text sizes */
  p, .truncate, .content p, .messages {
    font-size: 9px !important; }
  /* header menu options. */
  #admin-head > nav div,
  header > nav div {
    padding-top: 3px;
    height: 30px;
    width: 100%;
    display: inline-block;
    background-color: #54728c; }
  /* Footer User details */
  footer > div .userdetails {
    padding-top: 3px;
    font-size: 10px !important; } }

@media all and (max-height: 35.563em) {
  /* When height reduces reduce the height of the menu buttons */
  .side-menu li, .side-menu li a:link {
    height: 30px; }
  .split-view-content .split-left-content .side-menu li a {
    padding-top: 6px;
    font-size: 15px;
    padding-right: 15px; } }

/**
 *
 *  Messages Styles


.form-message {display: none;}*/
.form-message {
  position: fixed;
  top: 80px;
  right: 30px;
  height: auto;
  width: auto;
  display: none; }

.artworkmessage {
  max-width: 450px; }

.messages {
  position: relative;
  border-radius: 3px;
  margin-top: 10px;
  padding: 8px 10px 10px 10px;
  width: 100%;
  height: auto;
  background: #fcf8e2;
  color: #c1994d;
  font-size: 14px;
  /*text-transform: uppercase;*/
  letter-spacing: .1em;
  line-height: 1.5em; }

.messages-short {
  min-width: 460px; }

.messages-long {
  max-width: 700px; }

.messages a:link, .messages a:visited, .messages a:active {
  text-decoration: none;
  color: #7bbb7b;
  font-size: 12px;
  font-weight: bold; }

.messages a:hover, .messages a:hover:visited {
  color: #4e9e4e; }

.messages a:link.close-msg, .messages a:visited.close-msg, .messages a:active.close-msg {
  font-family: 'typicons';
  font-size: 2em;
  position: absolute;
  right: 10px;
  top: 5px;
  color: #a1a1a1; }

.messages a:hover.close-msg, .messages a:hover:visited.close-msg {
  color: #5e5e5e; }

/*.messages span {font-weight: 700;}*/
.messages.success {
  background: #dff0d7;
  color: #448944; }

.messages.warning {
  background: #d8edf8;
  color: #3686af; }

.messages.info {
  background: #fcf8e3;
  color: #c09853; }

.messages.error {
  background: #f2dede;
  color: #bb4945; }

/* message icons */
.messages.success .msg-icon:before {
  content: "\e105  ";
  font-family: 'typicons';
  font-size: 1.5em;
  position: relative;
  top: 3px; }

.messages.warning .msg-icon:before {
  content: "\e11a  ";
  font-family: 'typicons';
  font-size: 1.5em;
  position: relative;
  top: 3px; }

.messages.info .msg-icon:before {
  content: "\e087  ";
  font-family: 'typicons';
  font-size: 1.5em;
  position: relative;
  top: 3px; }

.messages.error .msg-icon:before {
  content: "\e102  ";
  font-family: 'typicons';
  font-size: 1.5em;
  position: relative;
  top: 3px; }

.messages.success .msg-icon b, .messages.warning .msg-icon b, .messages.warning b, .messages.info b, .messages.error .msg-icon b {
  font-weight: 700; }

.small-message {
  display: none; }

.small-messages {
  position: relative;
  border-radius: 3px;
  margin-top: 10px;
  padding: 8px 10px 10px 10px;
  width: 200px;
  height: auto;
  background: #fcf8e2;
  color: #c1994d;
  font-size: 14px;
  /*text-transform: uppercase;*/
  letter-spacing: .1em;
  line-height: 1.5em; }

.small-messages a:link, .small-messages a:visited, .small-messages a:active {
  text-decoration: none;
  color: #7bbb7b;
  font-size: 12px;
  font-weight: bold; }

.small-messages a:hover, .small-messages a:hover:visited {
  color: #4e9e4e; }

.small-messages a:link.close-msg, .small-messages a:visited.close-msg, .small-messages a:active.close-msg {
  font-family: 'typicons';
  font-size: 2em;
  position: absolute;
  right: 10px;
  top: 5px;
  color: #a1a1a1; }

.small-messages a:hover.close-msg, .small-messages a:hover:visited.close-msg {
  color: #5e5e5e; }

.small-messages.success {
  background: #dff0d7;
  color: #448944; }

.small-messages.warning {
  background: #d8edf8;
  color: #3686af; }

.small-messages.info {
  background: #fcf8e3;
  color: #c09853; }

.small-messages.error {
  background: #f2dede;
  color: #bb4945; }

.messages a:link, .messages a:visited, .messages a:active,
.messages.warning a:link, .messages.warning a:visited, .messages.warning a:active {
  text-decoration: none;
  color: #7bbb7b;
  font-size: 12px;
  font-weight: bold;
  border: 0 !important; }

.messages a:hover, .messages a:hover:visited {
  color: #4e9e4e; }

.messages.warning a:link, .messages.warning a:visited, .messages.warning a:active {
  font-weight: 700;
  color: #3686af; }

.messages.warning a:hover, .messages.warning a:hover:visited {
  color: #555; }

/* message icons */
.small-messages.success .msg-icon:before {
  content: "\e105  ";
  font-family: 'typicons';
  font-size: 1.5em;
  position: relative;
  top: 3px; }

.small-messages.warning .msg-icon:before {
  content: "\e11a  ";
  font-family: 'typicons';
  font-size: 1.5em;
  position: relative;
  top: 3px; }

.small-messages.info .msg-icon:before {
  content: "\e087  ";
  font-family: 'typicons';
  font-size: 1.5em;
  position: relative;
  top: 3px; }

.small-messages.error .msg-icon:before {
  content: "\e102  ";
  font-family: 'typicons';
  font-size: 1.5em;
  position: relative;
  top: 3px; }

.small-messages.success .msg-icon b, .small-messages.warning .msg-icon b, .small-messages.warning b, .small-messages.info b, .small-messages.error .msg-icon b {
  font-weight: 700; }

/**
 *
 *  misc content
 *
 */
/**
 * styling
 */
p.inner-title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500; }

.ui-datepicker {
  z-index: 4000 !important; }

.opacity_zero {
  opacity: 0; }

.opacity_full {
  opacity: 1; }

.verify-link a:link, .verify-link a:visited, .verify-link a:active {
  text-decoration: none; }

.verify-link a:link::after, .verify-link a:visited::after, .verify-link a:active::after {
  font-family: 'typicons';
  content: '\e090';
  font-size: 1.8em;
  color: #a1b6c8;
  text-decoration: none;
  webkit-transition: all .300s ease-out;
  transition: all .300s ease-out; }

.verify-link a:hover::after, .verify-link a:hover:visited::after {
  color: #444; }

.verify-tvendtag, .verify-filmendtag {
  font-size: 2em;
  color: #448944;
  text-decoration: none;
  webkit-transition: all .300s ease-out;
  transition: all .300s ease-out; }

/** Zip file **/
#chapterscontainer .dz-filename.msg-icon:before {
  content: "\e0d1";
  font-family: 'typicons';
  font-size: 6em;
  position: relative;
  top: 34px;
  left: 17px; }

#chapterscontainer .dz-filename span {
  display: none; }

.file-input {
  visibility: hidden;
  width: 0;
  height: 0; }

.upload-filename {
  font-family: 'Courier New',Monospace;
  font-size: 16px; }

.hide-for-now {
  opacity: 0;
  visibility: hidden;
  webkit-transition: all .300s ease-out;
  transition: all .300s ease-out; }

.content p a:link.view-file, .content p a:visited.view-file, .content p a:active.view-file {
  padding: 0;
  font-size: 16px;
  text-decoration: none;
  color: #5e5e5e;
  border-bottom: 0;
  webkit-transition: all .500s ease-out;
  transition: all .500s ease-out;
  overflow: hidden; }

.content p a:link.view-file:before, .content p a:visited.view-file:before, .content p a:active.view-file:before {
  content: "\e047  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.content p a:hover.view-file, .content p a:hover:visited.view-file {
  color: #dadada; }

/**
 * some floats
 */
.fl-l {
  float: left; }

.fl-r {
  float: right; }

/**
 * Colour helpers
 *
 *  d - dark
 *  m - medium
 *  l - light
 */
.white {
  color: #fff !important; }

.d-blue {
  color: #466176 !important; }

.m-blue {
  color: #54728c !important; }

.l-blue {
  color: #a1b6c8 !important; }

.d-red {
  color: #bb4945 !important; }

.l-red {
  color: #f2dede !important; }

.d-yellow {
  color: #c1994d !important; }

.l-yellow {
  color: #fcf8e2 !important; }

.m-orange {
  color: #f0ad4e !important; }

.d-green {
  color: #448944 !important; }

.m-green {
  color: #4e9e4e !important; }

.l-green {
  color: #7bbb7b !important; }

.d-grey {
  color: #5e5e5e !important; }

.l-grey {
  color: #a1a1a1 !important; }

.border-grey {
  color: #dadada; }

/** submenu item  complete icon **/
.sub-menu-complete-icon, .sub-menu-fail-icon {
  display: inline-block;
  min-width: 10px;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  float: right;
  margin-right: 10px; }

.sub-menu-complete-icon:before {
  content: "\e105  ";
  font-family: 'typicons';
  font-size: 1.4em;
  position: relative;
  top: 0px;
  color: #4e9e4e; }

.sub-menu-fail-icon:before {
  content: "\e109  ";
  font-family: 'typicons';
  font-size: 1.4em;
  position: relative;
  top: 0px;
  color: #bb4945; }

/** Preloader **/
.preloader {
  background: url("../imgs/icons/preloader.gif") center no-repeat;
  width: 110px;
  height: 10px; }

/** underline **/
hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.created-details {
  margin-top: 20px;
  font-size: 12px !important;
  color: #a1a1a1;
  text-transform: uppercase;
  line-height: 14px; }

/** some font sizes **/
.txt-tny {
  font-size: 10px !important; }

.txt-sml {
  font-size: 12px !important; }

.txt-med {
  font-size: 14px !important; }

.txt-nor {
  font-size: 16px !important; }

.txt-big {
  font-size: 18px !important; }

.txt-bigr {
  font-size: 22px !important; }

.txt-huge {
  font-size: 26px !important; }

.txt-wat {
  font-size: 36px !important; }

/** single border helpers **/
.brd-left {
  border-left: 1px #dadada solid; }

.brd-right {
  border-right: 1px #dadada solid; }

.brd-top {
  border-top: 1px #dadada solid; }

.brd-bottom {
  border-bottom: 1px #dadada solid; }

/** float helpers **/
.fl-l {
  float: left; }

.fl-r {
  float: right; }

/* For modern browsers */
.cf:before,
.cf:after {
  content: "";
  display: table; }

.cf:after {
  clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.cf {
  *zoom: 1; }

.btcf:after {
  content: "";
  display: table;
  clear: both; }

.clearit {
  clear: both; }

/** ellispe it **/
.truncate {
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px; }

.lowercase {
  text-transform: lowercase !important; }

.capitalize {
  text-transform: capitalize; }

.txt-highlight {
  background: #ff0; }

.log-dates {
  font-size: 18px !important;
  font-weight: 700; }

.comment-box {
  margin: 0;
  margin-bottom: 10px;
  padding: 10px 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1); }

.comment-box .comment {
  font-style: italic; }

.comment-box .comment::before {
  content: '"';
  color: #a1a1a1;
  font-size: 20px; }

.comment-box .comment::after {
  content: '"';
  color: #a1a1a1;
  font-size: 20px; }

.modal-dialog {
  width: 800px; }

/**
 * hidden items
 */
.client-select, .user-form, .title-vendor-details {
  display: none; }

.ui-multiselect {
  padding: 3px 0 4px 4px;
  text-align: center;
  width: 240px;
  font-size: 11px; }

.ui-multiselect span.ui-icon {
  float: right; }

.ui-multiselect-single .ui-multiselect-checkboxes input {
  position: absolute !important;
  top: auto !important;
  left: -9999px; }

.ui-multiselect-single .ui-multiselect-checkboxes label {
  padding: 5px !important; }

.ui-multiselect-header {
  margin-bottom: 3px;
  padding: 3px 0 3px 4px; }

.ui-multiselect-header ul li {
  float: left;
  padding: 0 10px 0 0; }

.ui-multiselect-header a {
  text-decoration: none; }

.ui-multiselect-header a:hover {
  text-decoration: underline; }

.ui-multiselect-header span.ui-icon {
  float: left; }

.ui-multiselect-header li.ui-multiselect-close {
  float: right;
  text-align: right;
  padding-right: 0; }

.ui-multiselect-menu {
  display: none;
  padding: 3px;
  position: absolute;
  z-index: 10000;
  text-align: left;
  width: 300px; }

.ui-multiselect-checkboxes {
  position: relative;
  overflow-y: auto; }

.ui-multiselect-checkboxes label {
  cursor: default;
  display: block;
  border: 1px solid transparent;
  padding: 3px 1px; }

.ui-multiselect-checkboxes label input {
  position: relative;
  top: 1px; }

.ui-multiselect-checkboxes li {
  clear: both;
  font-size: 0.9em;
  padding-right: 3px; }

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid; }

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
  display: block;
  padding: 3px;
  margin: 1px 0;
  text-decoration: none; }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label {
  border: none; }

.ui-multiselect-hasfilter ul {
  position: relative;
  top: 2px; }

.ui-multiselect-filter {
  float: left;
  margin-right: 10px;
  font-size: 11px; }

.ui-multiselect-filter input {
  width: 100px;
  font-size: 10px;
  margin-left: 5px;
  height: 15px;
  padding: 2px;
  border: 1px solid #292929;
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box; }

.setting-genre .main-tabs > li {
  width: 50%; }

.setting-genre .main-tabs {
  margin-top: 0px;
  top: 0px;
  position: absolute;
  width: 100%;
  left: 0px; }

.setting-genre .tab-content .sub-tabs {
  width: 100%; }

.dropdown-menu a {
  text-decoration: none; }

.modal-header {
  background-color: #54728c;
  color: #fff;
  text-align: left; }

.modal-header .modal-title {
  font-weight: bold; }

/**
 *  Options Section
 *
 */
.options-tab-wrapper {
  margin: 0 auto;
  padding: 0;
  height: auto;
  max-width: 100%;
  display: table; }

.options-tab a:link, .options-tab a:visited, .options-tab a:active, .options-tab-blank {
  position: relative;
  width: 200px;
  height: 185px;
  padding: 0 3px 15px 4px;
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  color: #5e5e5e;
  border: 1px #d7d7d7 solid;
  border-radius: 3px;
  overflow: hidden;
  webkit-transition: all .300s ease-out;
  transition: all .300s ease-out; }

.options-tab span.title {
  position: relative;
  top: 60px; }

.options-tab span.sub-title, .options-tab-blank span {
  font-size: 12px; }

.options-tab a:hover.tv, .options-tab a:hover:visited.tv,
.options-tab a:hover.film, .options-tab a:hover:visited.film,
.options-tab a:hover.admin, .options-tab a:hover:visited.admin,
.options-tab a:hover.metadata, .options-tab a:hover:visited.metadata,
.options-tab a:hover.notes, .options-tab a:hover:visited.notes,
.options-tab a:hover.chapters, .options-tab a:hover:visited.chapters,
.options-tab a:hover.artwork, .options-tab a:hover:visited.artwork,
.options-tab a:hover.locked, .options-tab a:hover:visited.locked {
  background-color: #eee; }

.caution-tag {
  padding-top: 10px;
  padding-left: 5px;
  width: 40px;
  height: 40px;
  background: #fcf8e2;
  border-top-left-radius: 40px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  text-align: center; }

/**
 *  iTunes
 */
.chapter-wrapper {
  max-width: 100%;
  height: auto; }

.chapter-wrapper #chapterscontainer {
  margin: 0 auto;
  width: 200px; }

.subtitles-wrapper {
  max-width: 100%;
  height: auto; }

.subtitles-wrapper #subtitlescontainer {
  margin: 0 auto;
  width: 200px; }

/**
 *
 * thanks to http://cssload.net/ for this preloader
 *
 *  USAGE
 *
    <div id="fountainG">
        <div id="fountainG_1" class="fountainG"></div>
        <div id="fountainG_2" class="fountainG"></div>
        <div id="fountainG_3" class="fountainG"></div>
        <div id="fountainG_4" class="fountainG"></div>
        <div id="fountainG_5" class="fountainG"></div>
        <div id="fountainG_6" class="fountainG"></div>
        <div id="fountainG_7" class="fountainG"></div>
        <div id="fountainG_8" class="fountainG"></div>
    </div>
 */
#fountainG {
  position: relative;
  width: 110px;
  height: 13px; }

.fountainG {
  position: absolute;
  top: 0;
  background-color: #466176;
  width: 14px;
  height: 14px;
  -moz-animation-name: bounce_fountainG;
  -moz-animation-duration: 1.1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: linear;
  -moz-transform: scale(0.3);
  -moz-border-radius: 9px;
  -webkit-animation-name: bounce_fountainG;
  -webkit-animation-duration: 1.1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
  -webkit-transform: scale(0.3);
  -webkit-border-radius: 9px;
  -ms-animation-name: bounce_fountainG;
  -ms-animation-duration: 1.1s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: linear;
  -ms-transform: scale(0.3);
  -ms-border-radius: 9px;
  -o-animation-name: bounce_fountainG;
  -o-animation-duration: 1.1s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: linear;
  -o-transform: scale(0.3);
  -o-border-radius: 9px;
  -webkit-animation-name: bounce_fountainG;
  animation-name: bounce_fountainG;
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
  animation-direction: linear;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  border-radius: 9px; }

#fountainG_1 {
  left: 0;
  -webkit-animation-delay: 0.44s;
  -ms-animation-delay: 0.44s;
  animation-delay: 0.44s; }

#fountainG_2 {
  left: 14px;
  -webkit-animation-delay: 0.55s;
  -ms-animation-delay: 0.55s;
  animation-delay: 0.55s; }

#fountainG_3 {
  left: 28px;
  -webkit-animation-delay: 0.66s;
  -ms-animation-delay: 0.66s;
  animation-delay: 0.66s; }

#fountainG_4 {
  left: 41px;
  -webkit-animation-delay: 0.77s;
  -ms-animation-delay: 0.77s;
  animation-delay: 0.77s; }

#fountainG_5 {
  left: 55px;
  -webkit-animation-delay: 0.88s;
  -ms-animation-delay: 0.88s;
  animation-delay: 0.88s; }

#fountainG_6 {
  left: 69px;
  -webkit-animation-delay: 0.99s;
  -ms-animation-delay: 0.99s;
  animation-delay: 0.99s; }

#fountainG_7 {
  left: 83px;
  -webkit-animation-delay: 1.1s;
  -ms-animation-delay: 1.1s;
  animation-delay: 1.1s; }

#fountainG_8 {
  left: 96px;
  -webkit-animation-delay: 1.21s;
  -ms-animation-delay: 1.21s;
  animation-delay: 1.21s; }

@-webkit-keyframes bounce_fountainG {
  0% {
    -webkit-transform: scale(1);
    background-color: #466176; }
  100% {
    -webkit-transform: scale(0.3);
    background-color: #a1b6c8; } }

@-ms-keyframes bounce_fountainG {
  0% {
    -ms-transform: scale(1);
    background-color: #466176; }
  100% {
    -ms-transform: scale(0.3);
    background-color: #a1b6c8; } }

@keyframes bounce_fountainG {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: #466176; }
  100% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    background-color: #a1b6c8; } }

/**
 *
 *  Side bar
 *
 */
.side-menu {
  margin: 0;
  position: relative;
  top: 1px;
  bottom: 50px;
  left: 1px;
  width: 280px;
  min-height: 98%;
  padding-bottom: 50px;
  border-right: 1px #dadada solid;
  background: transparent; }

.side-menu-platform-opts {
  margin: 0;
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 285px;
  width: 80px;
  min-height: 97%;
  border-left: 1px #dadada solid;
  background: #54728c;
  webkit-transition: all .500s ease-out;
  transition: all .500s ease-out; }

.side-menu-platform-opts.open {
  left: 200px;
  overflow-y: auto; }

.side-menu ul, .side-menu-platform-opts ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.side-menu li:last-child {
  border: none; }

.side-menu li a:link, .side-menu li a:visited, .side-menu li a:active, .side-menu .selected, .side-menu .selectedPG {
  padding-right: 10px;
  padding-left: 30px;
  padding-top: 15px;
  text-decoration: none;
  display: block;
  height: 50px;
  color: #555;
  webkit-transition: all .400s ease-out;
  transition: all .400s ease-out; }

.side-menu li a:hover, .side-menu li a:hover:visited, .side-menu .selected, .side-menu .selectedPG {
  background: #e7e7e7; }

.side-menu-platform-opts li a:link, .side-menu-platform-opts li a:visited, .side-menu-platform-opts li a:active, .side-menu-platform-opts .selected {
  padding: 0;
  padding-top: 15px;
  text-decoration: none;
  display: block;
  height: 50px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background: transparent;
  text-transform: uppercase;
  webkit-transition: all .400s ease-out;
  transition: all .400s ease-out; }

.side-menu-platform-opts li a:hover, .side-menu-platform-opts li a:hover:visited, .side-menu-platform-opts .selected {
  background: #a1b6c8; }

.side-menu li span.count {
  width: 20px;
  height: 20px;
  background: #555;
  color: #fff;
  font-family: 'typicons';
  font-size: 1em;
  border-radius: 10px;
  float: right; }

.side-menu li .badge {
  float: right;
  margin-right: 20px; }

.side-menu li.dashboard a:before {
  content: "\e04d  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.title-details a:before {
  content: "\e05e  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.queues a:before {
  content: "\e071  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.title-add-series a:before {
  content: "\e0c1  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.title-add a:before {
  content: "\e0c1  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.title-series a:before {
  content: "\e0fc  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.title-episode a:before {
  content: "\e0a3  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.title-artwork a:before {
  content: "\e032  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.title-genre a:before {
  content: "\e0f1  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.settings-data a:before {
  content: "\e004  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.title-cast a:before {
  content: "\e113  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.title-cast a {
  padding-left: 34px; }

.side-menu li.title-crew a:before {
  content: "\e07c  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.title-crew a {
  padding-left: 23px; }

.side-menu li.title-platforms a:before {
  font-size: 1.5em; }

.side-menu li.title-platforms a {
  padding-left: 26px; }

.side-menu li.prodoptions a:before .side-menu li.prodoptions a {
  padding-left: 26px; }

.side-menu li.tvprodoptions a:before {
  content: "\e060  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.tvprodoptions a {
  padding-left: 26px; }

.side-menu li.prodreview a:before {
  content: "\e133  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.prodreview a {
  padding-left: 26px; }

.side-menu li.prodassets a:before {
  content: "\e077  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.prodassets a {
  padding-left: 26px; }

.side-menu li.title-producer a:before {
  font-size: 1.5em; }

.side-menu li.upload a:before {
  content: "\e051  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.upload a {
  padding-left: 26px; }

.side-menu li.file a:before {
  content: "\e05f  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.file a {
  padding-left: 26px; }

.side-menu li.title-platforms a:after, .side-menu li.view-platforms a:after,
.side-menu li.prodoptions a:after {
  content: "   \e046";
  font-family: 'typicons';
  font-size: 1.5em;
  margin-left: 100px;
  color: #555; }

.side-menu li.title-platforms a.selected:after {
  content: "   \e109";
  font-family: 'typicons';
  font-size: 1.5em;
  margin-left: 50px;
  color: #555; }

.side-menu li.prodoptions a.selected:after {
  content: "   \e109";
  font-family: 'typicons';
  font-size: 1.5em;
  margin-left: 40px;
  color: #555; }

.side-menu-platform-opts li a:link.add-platform, .side-menu-platform-opts li a:visited.add-platform, .side-menu-platform-opts li a:active.add-platform {
  padding: 0;
  padding-top: 15px;
  text-decoration: none;
  display: block;
  height: 50px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: transparent;
  text-transform: uppercase;
  webkit-transition: all .400s ease-out;
  transition: all .400s ease-out; }

.side-menu-platform-opts li a:link.add-platform, .side-menu-platform-opts li a:visited.add-platform, .side-menu-platform-opts li a:active.add-platform {
  background: transparent;
  color: #a1b6c8; }

.side-menu-platform-opts li a:link.add-platform::before, .side-menu-platform-opts li a:visited.add-platform::before, .side-menu-platform-opts li a:active.add-platform::before {
  content: "\e062  ";
  font-family: 'typicons';
  font-size: 2em; }

.side-menu-platform-opts li a:hover.add-platform, .side-menu-platform-opts li a:hover:visited.add-platform {
  background: #a1b6c8;
  color: #fff; }

.side-menu li a:link.add-platform::before, .side-menu li a:visited.add-platform::before, .side-menu li a:active.add-platform::before {
  content: "\e062  ";
  font-family: 'typicons';
  font-size: 2em; }

/*
    admin  submenus
 */
.side-menu li.reports a:before {
  content: "\e0fe  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.filmtitlelogs a:before {
  content: "\e047  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.tvtitlelogs a:before {
  content: "\e047  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.systemissues a:before {
  content: "\e062  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.errorlogs a:before {
  content: "\e056  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.settings-country a:before {
  content: "\e12d  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.settings-language a:before {
  content: "\e049  ";
  font-family: 'typicons';
  font-size: 1.5em; }

/*
    Platforms
*/
.side-menu li.overview a:before {
  content: "\e0fe  ";
  font-family: 'typicons';
  font-size: 1.5em; }

/*
    iTunes
*/
.side-menu li.assets_feature a:before {
  content: "\e0a3  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.assets_trailer a:before {
  content: "\e09f  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.assets_package_qc a:before {
  content: "\e031  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.assets_metadata_qc a:before {
  content: "\e04a  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.prodstatus a:before {
  content: "\e105  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.details a:before {
  content: "\e05e  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.othernotes a:before {
  content: "\e0b5  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.itunes-chapters a:before {
  content: "\e0f6  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.itunes-fullsource a:before {
  content: "\e0f1  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.itunes-fullsibtitles a:before {
  content: "\e0ac  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.itunes-fullaudio a:before {
  content: "\e116  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.itunes-fullcaps a:before {
  content: "\e0aa  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.itunes-fullnotes a:before {
  content: "\e05e  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.itunes-preview a:before {
  content: "\e0f1  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.itunes-presubtitles a:before {
  content: "\e0ac  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.itunes-prenotes a:before {
  content: "\e047  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.itunes-release a:before {
  content: "\e087  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.side-menu li.itunes-locales a:before {
  content: "\e12d  ";
  font-family: 'typicons';
  font-size: 1.5em; }

.title-producer {
  position: fixed;
  width: 279px;
  padding: 0px;
  bottom: 42px;
  background: rgba(161, 182, 200, 0.5);
  color: #fff; }

.split-view-content {
  margin: 0;
  position: fixed;
  left: 1%;
  right: 1%;
  top: 130px;
  bottom: 40px;
  width: auto;
  background: transparent;
  overflow: hidden; }

.split-view-content .split-left {
  margin: 0;
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 1px;
  width: 280px;
  border-right: 1px #dadada solid;
  background: #f9f9f9;
  overflow: hidden; }
  .split-view-content .split-left .split-view-content {
    margin: 0;
    position: fixed;
    left: 1%;
    right: 1%;
    top: 130px;
    bottom: 40px;
    width: auto;
    background: transparent;
    overflow: hidden; }
  .split-view-content .split-left .split-view-content .split-left {
    margin: 0;
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 1px;
    width: 280px;
    border-right: 1px #dadada solid;
    background: #f9f9f9;
    overflow: hidden; }
  .split-view-content .split-left .split-view-content .split-right {
    margin: 0;
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 281px;
    right: 1px;
    background: transparent;
    overflow: hidden; }
  .split-view-content .split-left .split-view-content .split-left-content {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto; }
  .split-view-content .split-left .split-view-content .split-right-content {
    margin: 0;
    padding: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    overflow-x: auto; }

.split-view-content .split-right {
  margin: 0;
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 281px;
  right: 1px;
  background: transparent;
  overflow: hidden; }

.split-view-content .split-left-content {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto; }

.split-view-content .split-right-content {
  margin: 0;
  padding: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  overflow-x: auto; }

table.status-table td {
  overflow: hidden;
  text-wrap: none;
  white-space: nowrap; }

.opt-generic-onoff {
  float: left;
  margin-right: 8px;
  position: relative;
  width: 80px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.opt-generic-onoff-checkbox {
  display: none; }

.opt-generic-onoff-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #dadada;
  border-radius: 20px; }

.opt-generic-onoff-inner {
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s; }

.opt-generic-onoff-inner:before, .opt-generic-onoff-inner:after {
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  box-sizing: border-box; }

/** the active state **/
.opt-generic-onoff-inner:before {
  content: "Show";
  padding-left: 10px;
  background-color: #7bbb7b;
  color: #fff; }

.opt-generic-onoff-inner:after {
  content: "Hide";
  padding-right: 10px;
  background-color: #bb4945;
  color: #fff;
  text-align: right; }

.opt-generic-onoff-switch {
  width: 20px;
  height: 20px;
  margin: 6px;
  background: #fff;
  /*border: 2px solid #999999; */
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 48px;
  transition: all 0.3s ease-in 0s; }

.opt-generic-onoff-checkbox.set + .opt-generic-onoff-label .opt-generic-onoff-inner {
  margin-left: 0; }

.opt-generic-onoff-checkbox.set + .opt-generic-onoff-label .opt-generic-onoff-switch {
  right: 0px;
  background: #fff; }

/**
 * Generic Platform switches.
 */
.opt-generic-platform {
  float: left;
  margin-right: 8px;
  position: relative;
  width: 33px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.opt-generic-platform-checkbox {
  display: none; }

.opt-generic-platform-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #dadada;
  border-radius: 20px; }

.opt-generic-platform-inner {
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s; }

.opt-generic-platform-inner:before, .opt-generic-platform-inner:after {
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 31px;
  font-size: 20px;
  color: white;
  box-sizing: border-box; }

/** the active state **/
.opt-generic-platform-inner:before {
  content: "\e105";
  font-family: 'typicons';
  padding-left: 10px;
  background-color: #7bbb7b;
  color: #fff; }

.opt-generic-platform-inner:after {
  content: "\e109";
  font-family: 'typicons';
  padding-right: 10px;
  background-color: #bb4945;
  color: #fff;
  text-align: right; }

.opt-generic-platform-switch {
  width: 20px;
  height: 20px;
  margin: 6px;
  background: #fff;
  /*border: 2px solid #999999; */
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 48px;
  transition: all 0.3s ease-in 0s; }

.opt-generic-platform-checkbox.set + .opt-generic-platform-label .opt-generic-platform-inner {
  margin-left: 0; }

.opt-generic-platform-checkbox.set + .opt-generic-platform-label .opt-generic-platform-switch {
  right: 0px;
  background: #fff; }

/*
.opt-generic-onoff-checkbox:checked + .opt-generic-onoff-label .opt-generic-onoff-inner
{
    margin-left: 0;
}

.opt-generic-onoff-checkbox:checked + .opt-generic-onoff-label .opt-generic-onoff-switch
{
    right: 0px;
    background: #fff;
}*/

.ui-tooltip {
  background: #54728c;
  color: white;
  padding: 5px;
  border: none;
  opacity: 1; }

/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 * 
 */
/**
 *
 *  This is the twitter bootstrap fomr and tabs style thakns to them which might save me time to code.
 *  There are some alteratiosn as in px to % to make it more responsive as well as visual amends most i have commented what i changed
 * 
 */
.input-block-level {
  display: block;
  width: 98%;
  min-height: 40px;
  box-sizing: border-box; }

form {
  margin: 0 0 20px; }

fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

legend small {
  font-size: 15px;
  color: #999999; }

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px; }

input,
button,
select,
textarea {
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/ }

label {
  display: block;
  margin-bottom: 5px; }

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 30px;
  /* changed from 20 to 30 */
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  border-radius: 4px;
  vertical-align: middle; }

input,
textarea,
.uneditable-input {
  width: 206px; }

textarea {
  height: auto; }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #f9f9f9;
  /* added a background to th einputs */
  border: 1px solid #cccccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear .2s, box-shadow linear .2s; }

textarea {
  background: #fff; }

/* defaulted to whiite background on textareas */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal; }

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto; }

select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 30px; }

select {
  width: 220px;
  border: 1px solid #cccccc;
  background-color: #ffffff; }

select[multiple],
select[size] {
  height: auto; }

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.uneditable-input,
.uneditable-textarea {
  color: #999999;
  background-color: #fcfcfc;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed; }

.uneditable-input {
  overflow: hidden;
  white-space: nowrap; }

.uneditable-textarea {
  width: auto;
  height: auto; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999; }

.radio,
.checkbox {
  min-height: 20px;
  padding-left: 20px; }

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px; }

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px; }

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle; }

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px; }

/**
 *  I have completed removed the fixed sizes below to % 
 * 
 */
.input-tiny {
  width: 5%; }

.input-mini {
  width: 10%; }

.input-small {
  width: 20%; }

.input-medium {
  width: 30%; }

.input-large {
  width: 40%; }

.input-xlarge {
  width: 50%; }

.input-xxlarge {
  width: 70%; }

.input-xxxlarge {
  width: 90%; }

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0; }

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block; }

input,
textarea,
.uneditable-input {
  margin-left: 0; }

.controls-row [class*="span"] + [class*="span"] {
  margin-left: 20px; }

input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 926px; }

input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 846px; }

input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 766px; }

input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 686px; }

input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 606px; }

input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 526px; }

input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 446px; }

input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 366px; }

input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 286px; }

input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 206px; }

input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 126px; }

input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 46px; }

.controls-row {
  *zoom: 1; }

.controls-row:before,
.controls-row:after {
  display: table;
  content: "";
  line-height: 0; }

.controls-row:after {
  clear: both; }

.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
  float: left; }

.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
  padding-top: 5px; }

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee; }

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent; }

.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853; }

.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853; }

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  border-color: #c09853;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; }

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853; }

.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48; }

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48; }

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #b94a48;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; }

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48; }

.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847; }

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847; }

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  border-color: #468847;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; }

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847; }

.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
  color: #3a87ad; }

.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  color: #3a87ad; }

.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  border-color: #3a87ad;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
  border-color: #2d6987;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; }

.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #3a87ad; }

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b; }

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  border-color: #e9322d;
  box-shadow: 0 0 6px #f8b9b7; }

.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1; }

.form-actions:before,
.form-actions:after {
  display: table;
  content: "";
  line-height: 0; }

.form-actions:after {
  clear: both; }

.help-block,
.help-inline {
  color: #595959; }

.help-block {
  display: block;
  margin-bottom: 10px; }

.help-inline {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px; }

.input-append,
.input-prepend {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: middle;
  font-size: 0;
  white-space: nowrap; }

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover {
  font-size: 14px; }

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  border-radius: 0 4px 4px 0; }

.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2; }

.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #eeeeee;
  border: 1px solid #ccc; }

.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
  vertical-align: top;
  border-radius: 0; }

.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546; }

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px; }

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  border-radius: 4px 0 0 4px; }

.input-append input,
.input-append select,
.input-append .uneditable-input {
  border-radius: 4px 0 0 4px; }

.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  border-radius: 0 4px 4px 0; }

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px; }

.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  border-radius: 0 4px 4px 0; }

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  border-radius: 0; }

.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  border-radius: 0 4px 4px 0; }

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  border-radius: 4px 0 0 4px; }

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  border-radius: 0 4px 4px 0; }

.input-prepend.input-append .btn-group:first-child {
  margin-left: 0; }

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  border-radius: 15px; }

/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  border-radius: 0; }

.form-search .input-append .search-query {
  border-radius: 14px 0 0 14px; }

.form-search .input-append .btn {
  border-radius: 0 14px 14px 0; }

.form-search .input-prepend .search-query {
  border-radius: 0 14px 14px 0; }

.form-search .input-prepend .btn {
  border-radius: 14px 0 0 14px; }

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle; }

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none; }

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block; }

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0; }

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle; }

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0; }

.control-group {
  margin-bottom: 10px; }

legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate; }

.form-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1; }

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  content: "";
  line-height: 0; }

.form-horizontal .control-group:after {
  clear: both; }

.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right; }

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0; }

.form-horizontal .controls:first-child {
  *padding-left: 180px; }

.form-horizontal .help-block {
  margin-bottom: 0; }

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
  margin-top: 10px; }

.form-horizontal .form-actions {
  padding-left: 180px; }

.pagination {
  margin: 10px 0;
  cursor: pointer; }

.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  border-radius: 2px; }

.pagination ul > li {
  display: inline; }

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 8px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  /*border: 1px solid #dadada;*/
  border-left-width: 0;
  color: #5e5e5e; }

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5; }

.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default; }

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #999999;
  background-color: transparent;
  cursor: default; }

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.pagination-centered {
  text-align: center; }

.pagination-right {
  text-align: right; }

.pager {
  margin: 20px 0;
  list-style: none;
  text-align: center;
  *zoom: 1; }

.pager:before,
.pager:after {
  display: table;
  content: "";
  line-height: 0; }

.pager:after {
  clear: both; }

.pager li {
  display: inline;
  margin-left: 10px; }

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  text-decoration: none;
  color: #5e5e5e; }

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

.pager .next > a,
.pager .next > span {
  float: right; }

.pager .previous > a,
.pager .previous > span {
  float: left; }

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  background-color: #fff;
  cursor: default; }

/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 *
 */
/**
 *
 *  This is the twitter bootstrap  tabs style thakns to them which might save me time to code.
 *  There is probably several amends and alteratiosn to match my design, see any comments
 *
 */
.nav {
  margin-top: 13px;
  margin-left: 0;
  margin-bottom: 20px;
  list-style: none; }

.nav > li > a {
  display: block;
  text-decoration: none;
  color: #a1a1a1;
  webkit-transition: all .500s ease-out;
  transition: all .500s ease-out;
  text-transform: uppercase;
  font-size: 14px;
  color: #555555;
  background-color: #f9f9f9; }

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #ddd; }

.nav > li > a > img {
  max-width: none; }

.nav > .pull-right {
  float: right; }

.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase; }

.nav li + .nav-header {
  margin-top: 9px; }

.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0; }

.nav-list > li > a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

.nav-list > li > a {
  padding: 3px 15px; }

.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc; }

.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  margin-right: 2px; }

.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff; }

.nav-tabs,
.nav-pills {
  *zoom: 1; }

.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
  line-height: 0; }

.nav-tabs:after,
.nav-pills:after {
  clear: both; }

.nav-tabs > li,
.nav-pills > li {
  float: left; }

.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }

.nav-tabs > li {
  margin-bottom: -1px; }

.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  border-color: #eeeeee #eeeeee #dddddd; }

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd; }

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default; }

.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  border-radius: 5px; }

.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  color: #ffffff;
  background-color: #0088cc; }

.nav-stacked > li {
  float: none; }

.nav-stacked > li > a {
  margin-right: 0; }

.nav-tabs.nav-stacked {
  border-bottom: 0; }

.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  border-radius: 0; }

.nav-tabs.nav-stacked > li:first-child > a {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px; }

.nav-tabs.nav-stacked > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  border-color: #ddd;
  z-index: 2; }

.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px; }

.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px; }

.nav-tabs .dropdown-menu {
  border-radius: 0 0 6px 6px; }

.nav-pills .dropdown-menu {
  border-radius: 6px; }

.nav .dropdown-toggle .caret {
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
  margin-top: 6px; }

.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
  border-top-color: #005580;
  border-bottom-color: #005580; }

/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px; }

.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff; }

.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555; }

.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
  cursor: pointer; }

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999; }

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100); }

.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
  border-color: #999999; }

.tabbable {
  *zoom: 1; }

.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
  line-height: 0; }

.tabbable:after {
  clear: both; }

.tab-content {
  overflow: hidden; }

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0; }

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none; }

.tab-content > .active,
.pill-content > .active {
  display: block; }

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd; }

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0; }

.tabs-below > .nav-tabs > li > a {
  border-radius: 0 0 4px 4px; }

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-bottom-color: transparent;
  border-top-color: #ddd; }

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd; }

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none; }

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px; }

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd; }

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  border-radius: 4px 0 0 4px; }

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee; }

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff; }

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd; }

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  border-radius: 0 4px 4px 0; }

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd; }

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff; }

.nav > .disabled > a {
  color: #999999; }

.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  cursor: default; }

.modal-open {
  overflow: hidden; }

body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
  margin-right: 15px; }

.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040; }

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out; }

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

.modal-dialog {
  margin-left: auto;
  margin-right: auto;
  width: auto;
  padding: 10px;
  z-index: 1050; }

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #000000; }

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0); }

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.428571429px; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.428571429; }

.modal-body {
  position: relative;
  padding: 20px; }

.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.modal-footer:before,
.modal-footer:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.modal-footer:after {
  clear: both; }

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

@media screen and (min-width: 768px) {
  .modal-dialog {
    /*width: 600px;*/
    padding-top: 30px;
    padding-bottom: 30px; }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } }

@charset "UTF-8";
@font-face {
  font-family: 'typicons';
  src: url("../fonts/typicons.eot");
  src: url("../fonts/typicons.eot?#iefix") format("embedded-opentype"), url("../fonts/typicons.woff") format("woff"), url("../fonts/typicons.ttf") format("truetype"), url("../fonts/typicons.svg#typicons") format("svg");
  font-weight: normal;
  font-style: normal; }

.typcn {
  line-height: 1;
  width: 1em;
  height: 1em; }

.typcn:before {
  font-family: 'typicons';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 1em;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

.typcn-adjust-brightness::before {
  content: '\e000'; }

/* '' */
.typcn-adjust-contrast::before {
  content: '\e001'; }

/* '' */
.typcn-anchor-outline::before {
  content: '\e002'; }

/* '' */
.typcn-anchor::before {
  content: '\e003'; }

/* '' */
.typcn-archive::before {
  content: '\e004'; }

/* '' */
.typcn-arrow-back-outline::before {
  content: '\e005'; }

/* '' */
.typcn-arrow-back::before {
  content: '\e006'; }

/* '' */
.typcn-arrow-down-outline::before {
  content: '\e007'; }

/* '' */
.typcn-arrow-down-thick::before {
  content: '\e008'; }

/* '' */
.typcn-arrow-down::before {
  content: '\e009'; }

/* '' */
.typcn-arrow-forward-outline::before {
  content: '\e00a'; }

/* '' */
.typcn-arrow-forward::before {
  content: '\e00b'; }

/* '' */
.typcn-arrow-left-outline::before {
  content: '\e00c'; }

/* '' */
.typcn-arrow-left-thick::before {
  content: '\e00d'; }

/* '' */
.typcn-arrow-left::before {
  content: '\e00e'; }

/* '' */
.typcn-arrow-loop-outline::before {
  content: '\e00f'; }

/* '' */
.typcn-arrow-loop::before {
  content: '\e010'; }

/* '' */
.typcn-arrow-maximise-outline::before {
  content: '\e011'; }

/* '' */
.typcn-arrow-maximise::before {
  content: '\e012'; }

/* '' */
.typcn-arrow-minimise-outline::before {
  content: '\e013'; }

/* '' */
.typcn-arrow-minimise::before {
  content: '\e014'; }

/* '' */
.typcn-arrow-move-outline::before {
  content: '\e015'; }

/* '' */
.typcn-arrow-move::before {
  content: '\e016'; }

/* '' */
.typcn-arrow-repeat-outline::before {
  content: '\e017'; }

/* '' */
.typcn-arrow-repeat::before {
  content: '\e018'; }

/* '' */
.typcn-arrow-right-outline::before {
  content: '\e019'; }

/* '' */
.typcn-arrow-right-thick::before {
  content: '\e01a'; }

/* '' */
.typcn-arrow-right::before {
  content: '\e01b'; }

/* '' */
.typcn-arrow-shuffle::before {
  content: '\e01c'; }

/* '' */
.typcn-arrow-sync-outline::before {
  content: '\e01d'; }

/* '' */
.typcn-arrow-sync::before {
  content: '\e01e'; }

/* '' */
.typcn-arrow-up-outline::before {
  content: '\e01f'; }

/* '' */
.typcn-arrow-up-thick::before {
  content: '\e020'; }

/* '' */
.typcn-arrow-up::before {
  content: '\e021'; }

/* '' */
.typcn-at::before {
  content: '\e022'; }

/* '' */
.typcn-attachment-outline::before {
  content: '\e023'; }

/* '' */
.typcn-attachment::before {
  content: '\e024'; }

/* '' */
.typcn-backspace-outline::before {
  content: '\e025'; }

/* '' */
.typcn-backspace::before {
  content: '\e026'; }

/* '' */
.typcn-battery-charge::before {
  content: '\e027'; }

/* '' */
.typcn-battery-full::before {
  content: '\e028'; }

/* '' */
.typcn-battery-high::before {
  content: '\e029'; }

/* '' */
.typcn-battery-low::before {
  content: '\e02a'; }

/* '' */
.typcn-battery-mid::before {
  content: '\e02b'; }

/* '' */
.typcn-beaker::before {
  content: '\e02c'; }

/* '' */
.typcn-beer::before {
  content: '\e02d'; }

/* '' */
.typcn-bell::before {
  content: '\e02e'; }

/* '' */
.typcn-book::before {
  content: '\e02f'; }

/* '' */
.typcn-bookmark::before {
  content: '\e030'; }

/* '' */
.typcn-briefcase::before {
  content: '\e031'; }

/* '' */
.typcn-brush::before {
  content: '\e032'; }

/* '' */
.typcn-business-card::before {
  content: '\e033'; }

/* '' */
.typcn-calculator::before {
  content: '\e034'; }

/* '' */
.typcn-calender-outline::before {
  content: '\e035'; }

/* '' */
.typcn-calender::before {
  content: '\e036'; }

/* '' */
.typcn-camera-outline::before {
  content: '\e037'; }

/* '' */
.typcn-camera::before {
  content: '\e038'; }

/* '' */
.typcn-cancel-outline::before {
  content: '\e039'; }

/* '' */
.typcn-cancel::before {
  content: '\e03a'; }

/* '' */
.typcn-chart-area-outline::before {
  content: '\e03b'; }

/* '' */
.typcn-chart-area::before {
  content: '\e03c'; }

/* '' */
.typcn-chart-bar-outline::before {
  content: '\e03d'; }

/* '' */
.typcn-chart-bar::before {
  content: '\e03e'; }

/* '' */
.typcn-chart-line-outline::before {
  content: '\e03f'; }

/* '' */
.typcn-chart-line::before {
  content: '\e040'; }

/* '' */
.typcn-chart-pie-outline::before {
  content: '\e041'; }

/* '' */
.typcn-chart-pie::before {
  content: '\e042'; }

/* '' */
.typcn-chevron-left-outline::before {
  content: '\e043'; }

/* '' */
.typcn-chevron-left::before {
  content: '\e044'; }

/* '' */
.typcn-chevron-right-outline::before {
  content: '\e045'; }

/* '' */
.typcn-chevron-right::before {
  content: '\e046'; }

/* '' */
.typcn-clipboard::before {
  content: '\e047'; }

/* '' */
.typcn-cloud-storage::before {
  content: '\e048'; }

/* '' */
.typcn-code-outline::before {
  content: '\e049'; }

/* '' */
.typcn-code::before {
  content: '\e04a'; }

/* '' */
.typcn-coffee::before {
  content: '\e04b'; }

/* '' */
.typcn-cog-outline::before {
  content: '\e04c'; }

/* '' */
.typcn-cog::before {
  content: '\e04d'; }

/* '' */
.typcn-compass::before {
  content: '\e04e'; }

/* '' */
.typcn-contacts::before {
  content: '\e04f'; }

/* '' */
.typcn-credit-card::before {
  content: '\e050'; }

/* '' */
.typcn-cross::before {
  content: '\e051'; }

/* '' */
.typcn-database::before {
  content: '\e052'; }

/* '' */
.typcn-delete-outline::before {
  content: '\e053'; }

/* '' */
.typcn-delete::before {
  content: '\e054'; }

/* '' */
.typcn-device-desktop::before {
  content: '\e055'; }

/* '' */
.typcn-device-laptop::before {
  content: '\e056'; }

/* '' */
.typcn-device-phone::before {
  content: '\e057'; }

/* '' */
.typcn-device-tablet::before {
  content: '\e058'; }

/* '' */
.typcn-directions::before {
  content: '\e059'; }

/* '' */
.typcn-divide-outline::before {
  content: '\e05a'; }

/* '' */
.typcn-divide::before {
  content: '\e05b'; }

/* '' */
.typcn-document-add::before {
  content: '\e05c'; }

/* '' */
.typcn-document-delete::before {
  content: '\e05d'; }

/* '' */
.typcn-document-text::before {
  content: '\e05e'; }

/* '' */
.typcn-document::before {
  content: '\e05f'; }

/* '' */
.typcn-download-outline::before {
  content: '\e060'; }

/* '' */
.typcn-download::before {
  content: '\e061'; }

/* '' */
.typcn-edit::before {
  content: '\e062'; }

/* '' */
.typcn-eject-outline::before {
  content: '\e063'; }

/* '' */
.typcn-eject::before {
  content: '\e064'; }

/* '' */
.typcn-equals-outline::before {
  content: '\e065'; }

/* '' */
.typcn-equals::before {
  content: '\e066'; }

/* '' */
.typcn-export-outline::before {
  content: '\e067'; }

/* '' */
.typcn-export::before {
  content: '\e068'; }

/* '' */
.typcn-eye-outline::before {
  content: '\e069'; }

/* '' */
.typcn-eye::before {
  content: '\e06a'; }

/* '' */
.typcn-feather::before {
  content: '\e06b'; }

/* '' */
.typcn-film::before {
  content: '\e06c'; }

/* '' */
.typcn-flag-outline::before {
  content: '\e06d'; }

/* '' */
.typcn-flag::before {
  content: '\e06e'; }

/* '' */
.typcn-flash-outline::before {
  content: '\e06f'; }

/* '' */
.typcn-flash::before {
  content: '\e070'; }

/* '' */
.typcn-flow-children::before {
  content: '\e071'; }

/* '' */
.typcn-flow-merge::before {
  content: '\e072'; }

/* '' */
.typcn-flow-parallel::before {
  content: '\e073'; }

/* '' */
.typcn-flow-switch::before {
  content: '\e074'; }

/* '' */
.typcn-folder-add::before {
  content: '\e075'; }

/* '' */
.typcn-folder-delete::before {
  content: '\e076'; }

/* '' */
.typcn-folder::before {
  content: '\e077'; }

/* '' */
.typcn-gift::before {
  content: '\e078'; }

/* '' */
.typcn-globe-outline::before {
  content: '\e079'; }

/* '' */
.typcn-globe::before {
  content: '\e07a'; }

/* '' */
.typcn-group-outline::before {
  content: '\e07b'; }

/* '' */
.typcn-group::before {
  content: '\e07c'; }

/* '' */
.typcn-headphones::before {
  content: '\e07d'; }

/* '' */
.typcn-heart-outline::before {
  content: '\e07e'; }

/* '' */
.typcn-heart::before {
  content: '\e07f'; }

/* '' */
.typcn-home-outline::before {
  content: '\e080'; }

/* '' */
.typcn-home::before {
  content: '\e081'; }

/* '' */
.typcn-image-outline::before {
  content: '\e082'; }

/* '' */
.typcn-image::before {
  content: '\e083'; }

/* '' */
.typcn-infinity-outline::before {
  content: '\e084'; }

/* '' */
.typcn-infinity::before {
  content: '\e085'; }

/* '' */
.typcn-info-large-outline::before {
  content: '\e086'; }

/* '' */
.typcn-info-large::before {
  content: '\e087'; }

/* '' */
.typcn-info-outline::before {
  content: '\e088'; }

/* '' */
.typcn-info::before {
  content: '\e089'; }

/* '' */
.typcn-input-checked-outline::before {
  content: '\e08a'; }

/* '' */
.typcn-input-checked::before {
  content: '\e08b'; }

/* '' */
.typcn-key-outline::before {
  content: '\e08c'; }

/* '' */
.typcn-key::before {
  content: '\e08d'; }

/* '' */
.typcn-leaf::before {
  content: '\e08e'; }

/* '' */
.typcn-lightbulb::before {
  content: '\e08f'; }

/* '' */
.typcn-link-outline::before {
  content: '\e090'; }

/* '' */
.typcn-link::before {
  content: '\e091'; }

/* '' */
.typcn-location-arrow-outline::before {
  content: '\e092'; }

/* '' */
.typcn-location-arrow::before {
  content: '\e093'; }

/* '' */
.typcn-location-outline::before {
  content: '\e094'; }

/* '' */
.typcn-location::before {
  content: '\e095'; }

/* '' */
.typcn-lock-closed-outline::before {
  content: '\e096'; }

/* '' */
.typcn-lock-closed::before {
  content: '\e097'; }

/* '' */
.typcn-lock-open-outline::before {
  content: '\e098'; }

/* '' */
.typcn-lock-open::before {
  content: '\e099'; }

/* '' */
.typcn-mail::before {
  content: '\e09a'; }

/* '' */
.typcn-map::before {
  content: '\e09b'; }

/* '' */
.typcn-media-eject-outline::before {
  content: '\e09c'; }

/* '' */
.typcn-media-eject::before {
  content: '\e09d'; }

/* '' */
.typcn-media-fast-forward-outline::before {
  content: '\e09e'; }

/* '' */
.typcn-media-fast-forward::before {
  content: '\e09f'; }

/* '' */
.typcn-media-pause-outline::before {
  content: '\e0a0'; }

/* '' */
.typcn-media-pause::before {
  content: '\e0a1'; }

/* '' */
.typcn-media-play-outline::before {
  content: '\e0a2'; }

/* '' */
.typcn-media-play::before {
  content: '\e0a3'; }

/* '' */
.typcn-media-record-outline::before {
  content: '\e0a4'; }

/* '' */
.typcn-media-record::before {
  content: '\e0a5'; }

/* '' */
.typcn-media-rewind-outline::before {
  content: '\e0a6'; }

/* '' */
.typcn-media-rewind::before {
  content: '\e0a7'; }

/* '' */
.typcn-media-stop-outline::before {
  content: '\e0a8'; }

/* '' */
.typcn-media-stop::before {
  content: '\e0a9'; }

/* '' */
.typcn-message-typing::before {
  content: '\e0aa'; }

/* '' */
.typcn-message::before {
  content: '\e0ab'; }

/* '' */
.typcn-messages::before {
  content: '\e0ac'; }

/* '' */
.typcn-microphone-outline::before {
  content: '\e0ad'; }

/* '' */
.typcn-microphone::before {
  content: '\e0ae'; }

/* '' */
.typcn-minus-outline::before {
  content: '\e0af'; }

/* '' */
.typcn-minus::before {
  content: '\e0b0'; }

/* '' */
.typcn-news::before {
  content: '\e0b1'; }

/* '' */
.typcn-notes-outline::before {
  content: '\e0b2'; }

/* '' */
.typcn-notes::before {
  content: '\e0b3'; }

/* '' */
.typcn-pen::before {
  content: '\e0b4'; }

/* '' */
.typcn-pencil::before {
  content: '\e0b5'; }

/* '' */
.typcn-phone-outline::before {
  content: '\e0b6'; }

/* '' */
.typcn-phone::before {
  content: '\e0b7'; }

/* '' */
.typcn-pi-outline::before {
  content: '\e0b8'; }

/* '' */
.typcn-pi::before {
  content: '\e0b9'; }

/* '' */
.typcn-pin-outline::before {
  content: '\e0ba'; }

/* '' */
.typcn-pin::before {
  content: '\e0bb'; }

/* '' */
.typcn-pipette::before {
  content: '\e0bc'; }

/* '' */
.typcn-plane-outline::before {
  content: '\e0bd'; }

/* '' */
.typcn-plane::before {
  content: '\e0be'; }

/* '' */
.typcn-plug::before {
  content: '\e0bf'; }

/* '' */
.typcn-plus-outline::before {
  content: '\e0c0'; }

/* '' */
.typcn-plus::before {
  content: '\e0c1'; }

/* '' */
.typcn-point-of-interest-outline::before {
  content: '\e0c2'; }

/* '' */
.typcn-point-of-interest::before {
  content: '\e0c3'; }

/* '' */
.typcn-power-outline::before {
  content: '\e0c4'; }

/* '' */
.typcn-power::before {
  content: '\e0c5'; }

/* '' */
.typcn-printer::before {
  content: '\e0c6'; }

/* '' */
.typcn-puzzle-outline::before {
  content: '\e0c7'; }

/* '' */
.typcn-puzzle::before {
  content: '\e0c8'; }

/* '' */
.typcn-radar-outline::before {
  content: '\e0c9'; }

/* '' */
.typcn-radar::before {
  content: '\e0ca'; }

/* '' */
.typcn-refresh-outline::before {
  content: '\e0cb'; }

/* '' */
.typcn-refresh::before {
  content: '\e0cc'; }

/* '' */
.typcn-rss-outline::before {
  content: '\e0cd'; }

/* '' */
.typcn-rss::before {
  content: '\e0ce'; }

/* '' */
.typcn-scissors-outline::before {
  content: '\e0cf'; }

/* '' */
.typcn-scissors::before {
  content: '\e0d0'; }

/* '' */
.typcn-shopping-bag::before {
  content: '\e0d1'; }

/* '' */
.typcn-shopping-cart::before {
  content: '\e0d2'; }

/* '' */
.typcn-social-at-circular::before {
  content: '\e0d3'; }

/* '' */
.typcn-social-dribbble-circular::before {
  content: '\e0d4'; }

/* '' */
.typcn-social-dribbble::before {
  content: '\e0d5'; }

/* '' */
.typcn-social-facebook-circular::before {
  content: '\e0d6'; }

/* '' */
.typcn-social-facebook::before {
  content: '\e0d7'; }

/* '' */
.typcn-social-flickr-circular::before {
  content: '\e0d8'; }

/* '' */
.typcn-social-flickr::before {
  content: '\e0d9'; }

/* '' */
.typcn-social-github-circular::before {
  content: '\e0da'; }

/* '' */
.typcn-social-github::before {
  content: '\e0db'; }

/* '' */
.typcn-social-last-fm-circular::before {
  content: '\e0dc'; }

/* '' */
.typcn-social-last-fm::before {
  content: '\e0dd'; }

/* '' */
.typcn-social-linkedin-circular::before {
  content: '\e0de'; }

/* '' */
.typcn-social-linkedin::before {
  content: '\e0df'; }

/* '' */
.typcn-social-pinterest-circular::before {
  content: '\e0e0'; }

/* '' */
.typcn-social-pinterest::before {
  content: '\e0e1'; }

/* '' */
.typcn-social-skystorepe-outline::before {
  content: '\e0e2'; }

/* '' */
.typcn-social-skystorepe::before {
  content: '\e0e3'; }

/* '' */
.typcn-social-tumbler-circular::before {
  content: '\e0e4'; }

/* '' */
.typcn-social-tumbler::before {
  content: '\e0e5'; }

/* '' */
.typcn-social-twitter-circular::before {
  content: '\e0e6'; }

/* '' */
.typcn-social-twitter::before {
  content: '\e0e7'; }

/* '' */
.typcn-social-vimeo-circular::before {
  content: '\e0e8'; }

/* '' */
.typcn-social-vimeo::before {
  content: '\e0e9'; }

/* '' */
.typcn-sort-alphabetically-outline::before {
  content: '\e0ea'; }

/* '' */
.typcn-sort-alphabetically::before {
  content: '\e0eb'; }

/* '' */
.typcn-sort-numerically-outline::before {
  content: '\e0ec'; }

/* '' */
.typcn-sort-numerically::before {
  content: '\e0ed'; }

/* '' */
.typcn-spanner-outline::before {
  content: '\e0ee'; }

/* '' */
.typcn-spanner::before {
  content: '\e0ef'; }

/* '' */
.typcn-star-outline::before {
  content: '\e0f0'; }

/* '' */
.typcn-star::before {
  content: '\e0f1'; }

/* '' */
.typcn-starburst-outline::before {
  content: '\e0f2'; }

/* '' */
.typcn-starburst::before {
  content: '\e0f3'; }

/* '' */
.typcn-stopwatch::before {
  content: '\e0f4'; }

/* '' */
.typcn-support::before {
  content: '\e0f5'; }

/* '' */
.typcn-tabs-outline::before {
  content: '\e0f6'; }

/* '' */
.typcn-tag::before {
  content: '\e0f7'; }

/* '' */
.typcn-tags::before {
  content: '\e0f8'; }

/* '' */
.typcn-th-large-outline::before {
  content: '\e0f9'; }

/* '' */
.typcn-th-large::before {
  content: '\e0fa'; }

/* '' */
.typcn-th-list-outline::before {
  content: '\e0fb'; }

/* '' */
.typcn-th-list::before {
  content: '\e0fc'; }

/* '' */
.typcn-th-menu-outline::before {
  content: '\e0fd'; }

/* '' */
.typcn-th-menu::before {
  content: '\e0fe'; }

/* '' */
.typcn-th-small-outline::before {
  content: '\e0ff'; }

/* '' */
.typcn-th-small::before {
  content: '\e100'; }

/* '' */
.typcn-thermometer::before {
  content: '\e101'; }

/* '' */
.typcn-thumbs-down::before {
  content: '\e102'; }

/* '' */
.typcn-thumbs-up::before {
  content: '\e103'; }

/* '' */
.typcn-tick-outline::before {
  content: '\e104'; }

/* '' */
.typcn-tick::before {
  content: '\e105'; }

/* '' */
.typcn-ticket::before {
  content: '\e106'; }

/* '' */
.typcn-time::before {
  content: '\e107'; }

/* '' */
.typcn-times-outline::before {
  content: '\e108'; }

/* '' */
.typcn-times::before {
  content: '\e109'; }

/* '' */
.typcn-trash::before {
  content: '\e10a'; }

/* '' */
.typcn-tree::before {
  content: '\e10b'; }

/* '' */
.typcn-upload-outline::before {
  content: '\e10c'; }

/* '' */
.typcn-upload::before {
  content: '\e10d'; }

/* '' */
.typcn-user-add-outline::before {
  content: '\e10e'; }

/* '' */
.typcn-user-add::before {
  content: '\e10f'; }

/* '' */
.typcn-user-delete-outline::before {
  content: '\e110'; }

/* '' */
.typcn-user-delete::before {
  content: '\e111'; }

/* '' */
.typcn-user-outline::before {
  content: '\e112'; }

/* '' */
.typcn-user::before {
  content: '\e113'; }

/* '' */
.typcn-video-outline::before {
  content: '\e114'; }

/* '' */
.typcn-video::before {
  content: '\e115'; }

/* '' */
.typcn-volume-down::before {
  content: '\e116'; }

/* '' */
.typcn-volume-mute::before {
  content: '\e117'; }

/* '' */
.typcn-volume-up::before {
  content: '\e118'; }

/* '' */
.typcn-volume::before {
  content: '\e119'; }

/* '' */
.typcn-warning-outline::before {
  content: '\e11a'; }

/* '' */
.typcn-warning::before {
  content: '\e11b'; }

/* '' */
.typcn-watch::before {
  content: '\e11c'; }

/* '' */
.typcn-waves-outline::before {
  content: '\e11d'; }

/* '' */
.typcn-waves::before {
  content: '\e11e'; }

/* '' */
.typcn-weather-cloudy::before {
  content: '\e11f'; }

/* '' */
.typcn-weather-downpour::before {
  content: '\e120'; }

/* '' */
.typcn-weather-night::before {
  content: '\e121'; }

/* '' */
.typcn-weather-partly-sunny::before {
  content: '\e122'; }

/* '' */
.typcn-weather-shower::before {
  content: '\e123'; }

/* '' */
.typcn-weather-snow::before {
  content: '\e124'; }

/* '' */
.typcn-weather-stormy::before {
  content: '\e125'; }

/* '' */
.typcn-weather-sunny::before {
  content: '\e126'; }

/* '' */
.typcn-weather-windy-cloudy::before {
  content: '\e127'; }

/* '' */
.typcn-weather-windy::before {
  content: '\e128'; }

/* '' */
.typcn-wi-fi-outline::before {
  content: '\e129'; }

/* '' */
.typcn-wi-fi::before {
  content: '\e12a'; }

/* '' */
.typcn-wine::before {
  content: '\e12b'; }

/* '' */
.typcn-world-outline::before {
  content: '\e12c'; }

/* '' */
.typcn-world::before {
  content: '\e12d'; }

/* '' */
.typcn-zoom-in-outline::before {
  content: '\e12e'; }

/* '' */
.typcn-zoom-in::before {
  content: '\e12f'; }

/* '' */
.typcn-zoom-out-outline::before {
  content: '\e130'; }

/* '' */
.typcn-zoom-out::before {
  content: '\e131'; }

/* '' */
.typcn-zoom-outline::before {
  content: '\e132'; }

/* '' */
.typcn-zoom::before {
  content: '\e133'; }

/* '' */

.content p.title.spacing-top {
  margin: 25px 0 10px 0;
}

.content p.title.spacing-top-x2 {
  margin: 50px 0 10px 0;
}

.content p.title.w-100 {
  width: 100%;
}

button.add-button.smaller {
  font-size: 12px;
  padding: 4px 18px;
}

button.pull-up-30 {
  margin-top: -30px;
}

#castAndCrew .sortable-placeholder {
  padding-top: 50px;
}

.cast-and-crew-container.space-top {
  margin-top: 30px;
}

.cast-and-crew-container {
  margin-top: 14px;
}

.cast-and-crew-container.crew {
  padding-bottom: 18px;
}

.cast-and-crew-container .inner-title {
  margin-bottom: 14px;
}

.cast-and-crew-container .icon-drag-drop {
  margin-right: 10px;
}

.cast-and-crew-container .icon-drag-drop::before {
  margin-top: 7px;
}

.cast-and-crew-container .form-element-wrapper {
  padding-left: 28px;
}

.content .drag-drop-list.cast-and-crew-drag-drop-list {
  padding-top: 0px;
}

/*# sourceMappingURL=app.css.map */