@import url(https://fonts.googleapis.com/css?family=Roboto:100,400,300,500,700);
@import url(https://kit.fontawesome.com/bf9ffd7c38.css);

html {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

body {
  padding-left: 80px;
  padding-top: 50px;
  font-weight: 400;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  color: #34495e;
  background: #fff;
  max-height: 100%;
}

body.nobar {
  padding-left: 15px;
  margin-top: -50px;
}

body.nobar header.top-bar {
  display: none;
}

body.nobar nav.navbar {
  display: none;
}

body.standalone {
  overflow-y: auto
}

body.gray {
  background: #f8f8f8
}

/* Text overwrites */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 10px 0;
  font-family: "Roboto", Helvetica, sans-serif;
  font-style: light;
  font-weight: 300
}

h1 {
  font-size: 42px;
  font-weight: 100;
}

a {
  text-decoration: none;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  -webkit-backface-visibility: hidden
}

pre {
  margin: 0;
  border-radius: 0px;
  border: none
}

.text-muted {
  color: rgba(0, 0, 0, 0.3);
}

.bg-white {
  background: #fff;
}

.bg-gray {
  background: #fbfbfb;
}

.fst-italic {
  font-style: italic;
}

.alert,
.nav-pills>li>a {
  border-radius: 0 !important;
}

.form-control,
.input-lg,
.input-sm,
.input-group-addon {
  border-radius: 0 !important;
}

.btn.btn-success.disabled {
  color: #fff !important;
}

.btn.btn-primary.disabled {
  color: #fff !important;
}

.btn.btn-danger.disabled {
  color: #fff !important;
}

.btn.btn-info.disabled {
  color: #fff !important;
}

.btn.btn-warning.disabled {
  color: #fff !important;
}

.btn-rounded {
  border-radius: 50%;
}

.btn.btn-success {
  background: #4ECE3D;
}

.btn.btn-info {
  background: #26C1C9;
}

.btn.btn-primary {
  background: #0093EE;
}

.btn.btn-danger {
  background: #FF151F;
}

.thumbnail {
  background: #f0f0f0;
}

.dropdown-menu {
  border-radius: 0;
}

.nav>li>a.labelheader {
  background-color: #f4f4f4;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}

/* Pagination */

.pagination>li>a,
.pagination>li>span {
  padding: 4px 10px;
  border: 1px solid #ccc;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 0 !important;
}

div.dataTables_wrapper div.dataTables_paginate {
  float: right;
}

div.dataTables_wrapper div.dataTables_filter {
  float: right;
  margin-left: 15px;
}

div.dataTables_wrapper div.dataTables_info {
  float: left;
}

div.dataTables_wrapper div.dataTables_scrollHead {
  position: sticky !important;
  inset-block-start: 0;
  z-index: 1;
  background: white;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border-radius: 0 !important;
}

.dataTables_processing {
  background: #333;
  color: #fff;
  padding: 20px 0;
  width: 20%;
  text-align: center;
  position: absolute;
  z-index: 9999;
  top: 30%;
  left: 40%;
}

.lefty .langactive {
  margin: 0 -20px;
}

.lefty .nav-pills a {
  color: #333;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
  background: #ddd;
  color: #333;
}

.nav>li>a {
  padding: 10px 20px;
}

/* Dropdown pills */
ul.nav-stacked ul.nav-stacked>li>a {
  padding-left: 20px;
}

/* Preview classes */
#component-site {
  margin: 0 auto;
  display: block
}

.email_preview {}

.iframe-shadow {
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
  z-index: 1000;
  position: relative;
  width: 100%
}

.inline-edit-block {
  border: none;
  z-index: 999;
  max-height: 100% !important
}

.no-scroll {
  overflow-y: auto !important
}

.scroll {
  overflow-y: auto
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

/* the new scrollbar will have a flat appearance with the set background color */
::-webkit-scrollbar-thumb {
  background-color: #888
}

/* this will style the thumb, ignoring the track */
::-webkit-scrollbar-button {
  background-color: transparent
}

/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
::-webkit-scrollbar-corner {
  background-color: transparent
}

/* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */

::-webkit-scrollbar {
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
}

.mix {
  display: none
}

.mix-list {
  width: 100%
}

#preview-pane {
  display: none;
}

.preview-active {
  border-right: 2px solid #ccc;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  color: #428bca;
  cursor: default;
  background: #fff;
  border: none;
  border-bottom: 0;
  /* padding: 10px; */
  margin: 0px !important;
  border-top: 2px solid;
  border-radius: 3px 3px 0 0;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.nav-tabs>li>a:hover {
  border: none;
  background: rgba(255, 255, 255, 0.8);
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-top: 2px solid transparent;
}

.nav-tabs>li>a {
  border: none;
  background: none;
  font-weight: 400;
  color: #666;
  padding: 10px 20px;
  /* margin-right: 30px; */
  font-size: 14px;
  margin-right: 0 !important;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-top: 2px solid transparent;
  border-radius: 3px 3px 0 0;
}

.nav-tabs>li.active>a.contenttab {
  background: #f9f9f9;
}

/* Form show/hide */
#hiddenform {
  display: none
}

#filter-input {
  background: none;
  border: none;
  margin-bottom: 15px
}

.noof {
  overflow-y: hidden !important
}

.helper-block {
  font-size: 12px;
}

/*Datatables*/
.dataTables_length {
  float: left;
}

.DTTT.btn-group {
  float: right;
  margin-bottom: 5px;
}

/* Dashboard */
#netflex-dashboard {
  display: none
}

.dashboard {
  width: 100%;
  position: fixed;
  margin-left: -15px;
  height: calc(100% - 50px);
  background: rgba(31, 36, 41, 0.95);
  top: 50px;
  z-index: 1041;
  color: #fff
}

/* Tile module */
.tile:hover {
  background: #f2f2f2;
  border: 1px solid #d1d1d1
}

.tile {
  background: #fbfbfb;
  float: left;
  border: 1px solid #f1f1f1
}

.tile-full {
  width: 99.5%;
  margin: 0 0 10px 0
}

.tile-half {
  width: 49.5%;
  margin: 0 .5% 10px 0
}

.tile-four {
  width: 24.5%;
  margin: 0 .5% 10px 0
}

.tile-three {
  width: 32.8%;
  margin: 0 .5% 10px 0
}

.num-tile h1 {
  font-size: 52px;
  padding: 40px 0;
  text-align: center;
}

.num-big h1 {
  font-size: 64px;
}

/* Profile image */

#profileImage {
  width: 130px;
  height: 130px;
  border-radius: 100%;
  background: #512DA8;
  font-size: 45px;
  color: #fff;
  text-align: center;
  line-height: 130px;
}


/* Show lefty */
#show-lefty {
  background: #f8f8f8;
  border-right: 1px solid #e3e3e3;
  background-position: fixed;
  padding: 10px 7px 0 7px;
  position: absolute;
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: none;
  font-size: 10px
}

/* Grid overwrites */
.navbar {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  border: none
}

.navbar-fixed-left {
  position: fixed;
  height: 100%;
  max-height: calc(100% - 50px);
  min-height: calc(100% - 50px);
  overflow: visible;
  z-index: 9990;
  top: 50px;
  left: 0px;
  width: 65px;
  display: block;
  background-color: #000000
}

.navbar-bottom {
  bottom: 0px;
  position: fixed;
  text-align: center
}

.navbar-bottom li a {
  padding: 40px 0
}

.lefty {
  background: #f8f8f8;
  border-right: 1px solid #e3e3e3;
  background-position: fixed;
  padding: 0 15px;
}

.lefty h2 {
  margin: 3px 0 3px 0;
  font-size: 24px
}

.lefty h4 {
  margin: 0;
  font-weight: 700;
  font-size: 14px
}

.absolute {
  position: fixed;
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: block
}

.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 {
  padding: 0px;
  position: absolute;
  height: calc(100% - 50px);
  max-height: calc(100% - 50px);
  min-height: calc(100% - 50px);
  overflow-y: auto;
  overflow-x: hidden
}

.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 {
  padding: 0px;
  position: absolute;
  height: calc(100% - 50px);
  max-height: calc(100% - 50px);
  min-height: calc(100% - 50px);
  overflow-y: auto;
  overflow-x: hidden
}

.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 {
  padding: 0px;
  position: absolute;
  height: calc(100% - 50px);
  max-height: calc(100% - 50px);
  min-height: calc(100% - 50px);
  overflow-y: auto;
  overflow-x: hidden
}

header.top-bar {
  background: #0079C4;
  height: 50px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 0;
  left: 0;
}

.top-bar .site_title {
  color: #fff;
  line-height: 50px;
  font-size: 18px;
  padding: 0 0 0 20px;
  margin: 0 0 0 10px;
  float: left;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.top-bar .nf_icon {
  line-height: 50px;
  width: 30px;
  float: left;
  margin: 10px 0 0 20px;
}

.top-bar .user-link {
  color: #fff;
  line-height: 50px;
  padding: 0 20px 0 0;
}

.navbar-default .navbar-nav>li>a {
  color: #fff;
  padding: 15px 0;
  line-height: 25px;
  text-align: center;
  font-size: 16px;
  width: 65px;
  overflow: hidden;
  border: none;
}

.navbar-default .navbar-nav>li>a:hover {
  background-color: #5f6a75;
}

.navbar-default .navbar-nav>li>a .glyphicon,
.navbar-nav>li>a .far {
  width: 100%;
  font-size: 20px;
  text-align: center
}

.navbar-default .navbar-nav>li>a .glyphicon,
.navbar-nav>li>a .far.fa-large {
  font-size: 28px;
}

.navbar-default .navbar-nav>li.active>a {
  color: #000;
  background-color: #f8f8f8;
  border-left: 3px solid #81C926;
}

.navbar-default .navbar-nav>li.active>a:hover {
  color: #000;
  background-color: #f8f8f8;
  border-left: 3px solid #81C926;
}

.navbar-nav>li.border {
  border-top: 1px solid #444
}

.navbar-nav {
  float: none;
}

.relative>div {
  position: relative !important;
  overflow: visible
}

.relative>li {
  position: relative;
  overflow: visible;
  list-style: none
}

.ulabs {
  position: absolute
}

.static {
  position: static;
}

.navbar-ex {
  padding: 3px 5px;
  color: #888;
  background: rgb(31, 36, 41);
  font-size: 8px;
  line-height: 14px;
  border-top: 1px solid #343b43;
  border-bottom: #343b43;
  text-transform: uppercase;
}

.navbar-ex .glyphicon {
  font-size: 11px;
  line-height: 11px;
}

.navbar-ex:hover {
  cursor: pointer;
  color: #fff;
}

/*@media (min-width:1200px){
.fix{width:calc(83.33333333333334% - 90px) !important; width:-webkit-calc(83.33333333333334% - 90px) !important; width:-moz-calc(83.33333333333334% - 90px) !important}
.fix-full{width:calc(100% - 90px) !important; width:-webkit-calc(100% - 90px) !important; width:-moz-calc(100% - 90px) !important}
}
@media (max-width:993px){
.fix{width:calc(100% - 100px) !important; width:-webkit-calc(100% - 100px) !important; width:-moz-calc(100% - 100px) !important}
}
@media (min-width:992px){
.fix{width:calc(75% - 90px) !important; width:-webkit-calc(75% - 90px) !important; width:-moz-calc(75% - 90px) !important}
.fix-full{width:calc(100% - 90px) !important; width:-webkit-calc(100% - 90px) !important; width:-moz-calc(100% - 90px) !important}
}
*/

.fix-full {
  width: calc(100% - 75px) !important;
}

.fix-full-dir {
  width: calc(100% - 65px) !important;
}

@media (min-width: 1200px) {
  .fix {
    width: calc(83.33333333333334% - 65px) !important;
  }

  .btn-lg.btn-sm {
    border-radius: 6px;
    font-size: 18px;
    line-height: 1.33;
    padding: 10px 16px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .fix {
    width: calc(75% - 65px) !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .fix {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .fix {
    width: 100% !important;
  }
}


/* Right edit pane */

.right-edit-pane {
  position: absolute;
  height: calc(100% - 50px);
  background: #f6f6f6;
  right: 0;
  overflow-y: auto;
  max-height: none;
  max-width: none;
  border-left: 1px solid #f1f1f1;
}

.right-entry-pane {
  position: absolute;
  height: 100%;
  background: #f6f6f6;
  right: 0;
  overflow-y: auto;
  overflow: visible;
  max-height: none;
  max-width: none;
  border-left: 1px solid #f1f1f1;
}

/* Listend btn */
.listend-addbtn {
  background: #f1f1f1;
  display: block;
  margin: 20px 0;
  border: 4px dashed #ccc;
  padding: 30px 0;
  text-align: center;
  font-size: 24px;
}

.listend-addbtn-medium {
  padding: 30px 0;
}

.listend-addbtn-small {
  padding: 10px 0;
  border-width: 2px;
  font-size: 16px;
}

/* Sidebar module */
.sidebar {
  position: fixed;
  right: -700px;
  top: 0;
  height: 100%;
  width: 30%;
  min-width: 300px;
  max-width: 600px;
  background: #f1f1f1;
  -webkit-box-shadow: 0 -5px 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 -5px 20px 0 rgba(0, 0, 0, 0.2)
}

.slidein-widget {
  position: fixed;
  z-index: 9999;
  height: 100%;
  display: none;
  right: 0;
  top: 0;
  width: 94%;
  padding: 0;
  background: #eee;
  border-left: 1px solid #cfcfcf;
  -webkit-box-shadow: 0 -5px 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 -5px 20px 0 rgba(0, 0, 0, 0.2)
}

.slidein-widget div {}

#slidein-background {
  display: none;
  background: #000;
  opacity: 0.85;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9995
}

#widget-holder {
  border: none;
  z-index: 999;
  max-height: 100% !important;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc
}

#close-component-widget {
  text-decoration: none;
  position: fixed;
  display: none;
  left: 0;
  top: 20px;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  width: 6%;
  height: 100px;
  text-align: center;
  padding: 0;
  margin: 0;
}

#close-component-widget .glyphicon {
  font-size: 48px !important;
  font-weight: lighter;
  display: block;
  margin-bottom: 5px;
}

#close-component-widget:hover {
  opacity: 0.6;
}

/*Hide left column*/
#hide-lefty {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 8px 0 0;
  font-size: 10px;
  height: 100px;
  width: 20px
}

/*Order panel module*/
.panel-orders .panel {
  border-radius: 0px
}

.panel-orders .panel+.panel {
  margin-top: 0
}

.panel-default {
  border-color: #999;
}

.panel-default>.panel-heading {
  padding: 10px;
  color: #333;
  background-color: #ddd;
  border-color: #666;
}

.panel-title {
  font-size: 14px;
}


/* Header module */
.header-site {
  background-color: rgb(232, 232, 232);
  background-image: linear-gradient(bottom, rgb(232, 232, 232) 0%, rgb(241, 241, 241) 30%);
  background-image: -o-linear-gradient(bottom, rgb(232, 232, 232) 0%, rgb(241, 241, 241) 30%);
  background-image: -moz-linear-gradient(bottom, rgb(232, 232, 232) 0%, rgb(241, 241, 241) 30%);
  background-image: -webkit-linear-gradient(bottom, rgb(232, 232, 232) 0%, rgb(241, 241, 241) 30%);
  background-image: -ms-linear-gradient(bottom, rgb(232, 232, 232) 0%, rgb(241, 241, 241) 30%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(232, 232, 232)), color-stop(0.3, rgb(241, 241, 241)));
  padding: 20px 20px 0
}

.header-site h1,
.header-site p {
  width: 70%;
  float: left
}

.navbar-inverse {
  background-color: #28323c;
  background-position: fixed !important
}

.header-site .btn {
  margin-top: 8px
}

.dropdown-menu {
  font-size: 12px;
  margin: 0;
}

.media,
.media-body {
  overflow: visible;
  display: block;
  width: 100%;
}

.tabs-grey {
  background: rgb(232, 232, 232);
  padding: 0 20px;
  width: 100%;
  clear: both
}

.fold li a span.desc {
  display: none
}

.fold li a:hover span.desc {
  display: block
}

.userimg {
  width: 50px;
  height: 50px;
  border-radius: 60px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  background: #fff
}

.userimg.big {
  width: 60px;
  height: 60px;
  margin: 0 20px;
  border-radius: 80px;
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px
}

.user-menu .userimg {
  float: left;
  color: #fff
}

.user-menu h1 {
  font-size: 14px;
  color: #fff;
  margin: 15px 0 0
}

.user-menu p {
  margin: 0;
  color: #fff;
  font-size: 12px
}

.user-menu .light {
  background: #373d43
}

.user-menu .userimg {
  margin: 0 20px 0 0
}

.navbar-brand {
  padding: 10px 0 10px 0;
  width: 100%;
  float: none;
  display: block;
  text-align: center;
  height: auto
}

.navbar-brand img {
  max-width: 60%;
  margin: 0 auto;
}

.white {
  color: #fff
}

.navbar-top-collapse {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.6)
}

.navbar-top-collapse .glyphicon {
  margin-right: 5px
}

.user-menu {
  position: fixed;
  display: none;
  left: 90px;
  min-height: 400px;
  max-height: 400pc;
  height: 400px;
  bottom: 0px;
  z-index: 15;
  background: #1f2429;
  overflow-y: scroll
}

#profile a:hover,
#profile a.active {
  background-color: #1f2429 !important;
  cursor: pointer !important
}

.site-selector:hover,
.site-selector.active {
  background-color: #1f2429 !important;
  cursor: pointer !important
}

.site-menu {
  position: fixed;
  width: 100%;
  display: none;
  left: 90px;
  min-height: 100%;
  max-height: 100%;
  height: 100%;
  z-index: 15;
  background: #1f2429;
  overflow-y: scroll
}

.site-menu ul {
  list-style: none;
  color: #fff;
  margin: 0;
  padding: 0;
  height: auto
}

.site-menu ul li a {
  font-size: 12px;
  display: block;
  padding: 10px 20px 10px 40px;
  line-height: 40px;
  color: #fff;
  background: #1f2429;
  margin: 0 0 2px 0;
  overflow: hidden
}

.site-menu ul li a .img {
  height: 40px;
  width: 20%;
  margin-right: 20px;
  float: left;
  text-align: center
}

.site-menu ul li a .img img {
  max-height: 40px
}

.site-menu ul li a:hover {
  background: #242c33;
  text-decoration: none
}

.language {
  border-bottom: 1px solid #e1e1e1;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05)
}

.language ul {
  list-style: none;
  height: 36px;
  margin: 0;
  padding: 0;
  overflow: hidden
}

.language ul li {
  padding: 10px 30px;
  width: auto;
  display: block
}

.language.language-expanded ul {
  height: auto
}

.language ul li a.active {
  font-weight: bold
}

.fmodal {
  position: absolute;
  width: 50%;
  overflow-y: auto;
  z-index: 1001;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  background: rgba(250, 250, 250, 1);
  margin: 25px auto;
  left: 25%;
}

.fmodal h1.pull-right span {
  font-size: 42px
}

.fmodal h1 span {
  margin-right: 10px;
  font-size: 30px
}

.modal-half {
  width: 49%;
  float: left;
  margin: 0 2% 0 0
}

.modal-half.last {
  margin: 0
}

.fmodal h1 {
  margin: -40px -40px 20px;
  background: #eee;
  padding: 20px 40px !important;
  font-size: 28px;
  border-bottom: 1px solid #ddd;
}

.fmodal hr {
  display: none;
}

.fmodal .btn-success {
  margin: 20px 0;
}

.fmodal .form-end {
  margin: 10px -40px -40px;
  background: #eee;
  padding: 5px 40px !important;
}

.fmodal .form-end.form-end-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

@media (min-width: 1440px) {
  .fmodal {
    width: 50%
  }
}

@media (max-width: 1439px) {
  .fmodal {
    width: 60%;
    left: 20%
  }
}

@media (max-width: 1170px) {
  .fmodal {
    width: 80%;
    left: 10%
  }
}

@media (max-width: 992px) {
  .fmodal {
    width: 90%;
    left: 5%
  }

  /*.lefty{left:-155px}
.lefty.left-out{left:90px}*/
}

/* Media module */
li.media.success {
  background-color: rgb(223, 240, 216) !important
}

.media,
.media .media {
  margin-top: 0;
  padding-top: 15px
}

/* Well module */
.well {
  margin: 0;
  box-shadow: none;
}

.well-offwhite {
  background: #f1f1f1
}

.well-gray {
  background: #e1e1e1
}

/* BOOTSTRAP TREE MENU */
.tree {
  min-height: 20px;
  color: #333;
  border-bottom: 1px solid #e1e1e1;
}

.tree ol {
  margin: 0;
  padding: 0;
  clear: both;
  display: block;
}

.tree li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  font-size: 12px;
  line-height: 14px;
  display: block;
  float: none;
  clear: both;
  border-top: 1px solid #e1e1e1;
  background: transparent;
}

a.tree-added {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.nav-group {
  display: block !important;
}

.tree ol li a {
  padding: 8px;
  display: block;
  z-index: 999;
  text-decoration: none;
}

.tree ol li.closed>ol {
  display: none;
}

.tree ol li.open>ol {
  display: block;
}

.tree li ol {
  border-left: 5px solid #888;
}

.tree li ol li {}

.tree .expcol {
  width: 30px;
  text-align: center;
  border-right: 1px solid #e1e1e1;
  float: left;
  border-left: 1px solid #e1e1e1;
}

.tree li.open>div a.expcol {
  color: #fff;
  background: #888;
  border-left: 1px solid #888;
}

.tree .tool-btn {
  border-left: 1px solid #e1e1e1;
  width: 30px;
}

.tree .page-name {
  margin-left: 32px;
  margin-right: 31px;
}

.tree a.page-name {
  color: #000;
}

.tree .noclick-page-name {
  padding: 8px 8px 8px 39px;
  display: block;
  z-index: 999;
  text-decoration: none;
  color: #000;
}

.tree a:hover {
  background: #eee;
  text-decoration: none;
}

.dropdown-menu.nav-dd {
  position: relative;
  top: auto;
  left: auto;
  padding: 0;
  margin: 0;
  text-align: right;
  background-color: none;
  border: none;
  border: none;
  border-radius: 0;
  max-width: none;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dropdown-menu.nav-dd li a {
  padding: 3px 8px;
}

.tree li.no-children .page-name {
  margin-left: 0;
  padding-left: 39px;
  border-left: 1px solid #e1e1e1;
}

.tree li.closed>span.has-children:before {
  font-weight: bold;
  color: #000
}

.tree li>span.has-children {}

.tree li.open>span.has-children:before {}

.tree li.active a.page-name {
  color: #000;
  font-weight: bold;
}

.tree li.active {
  background: #ddd;
}

.tree li.parent>span {
  cursor: pointer
}

.tree>ol>li::before,
.tree>ol>li::after {
  border: 0
}

.tree li:last-child::before {
  height: 15px
}

.tree li.parent>span:hover,
.tree li.parent>span:hover+ol li span {}

body.dragging,
body.dragging * {
  cursor: move !important
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000
}

.tree ol li.placeholder {
  position: relative;
  /** More li styles **/
}

.tree ol li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}

/* Folder tree menu */

#folder-tree {
  border: none;
}

#folder-tree li {
  font-size: 13px;
  line-height: 14px;
  border-top: none;
  background: none;

}

#folder-tree li ol {
  border-left: 15px solid transparent;
}

#folder-tree li .fa-folder,
#folder-tree li .fa-folder-open {
  font-size: 14px;
}

#folder-tree li.no-children .page-name,
#folder-tree .expcol {
  border: none;
}

#folder-tree li.open>div a.expcol {
  color: inherit;
  background: none;
  border-left: none;
}

#folder-tree li a.active {
  font-weight: 600;
  text-decoration: underline;
}

#folder-tree li a:hover {
  text-decoration: underline;
}

/*Content edit line*/

.content-actions-line {
  padding: 10px 20px;
  background: rgba(222, 222, 222, 1);
  border-top: 1px solid rgba(213, 213, 213, 1);
  border-bottom: 1px solid rgba(183, 183, 183, 1)
}

.content-actions-line.edit-mode {
  background: rgba(205, 244, 192, 1);
  border-top: 1px solid rgba(188, 235, 172, 1);
  border-bottom: 1px solid rgba(188, 235, 172, 1)
}

.entry-edit-line {
  padding: 10px 20px 9px;
  background: rgba(222, 222, 222, 1);
  min-height: 50px !important;
  font-size: 18px;
  line-height: 30px;
  position: fixed;
  top: 0;
  width: calc(100% - 50px) !important;
  width: -webkit-calc(100% - 50px) !important;
  width: -moz-calc(100% - 50px) !important;
  z-index: 9990;
}

.entry-edit-line.entry-edit-line-revision {
  top: 50px;
  font-size: 12px;
  z-index: 9989;
}

.scroll-y {
  overflow-x: hidden;
  overflow-y: auto;
}

.edit-active {
  background: rgba(205, 244, 192, 1) !important;
}

.edit-disabled {
  background: rgba(244, 192, 192, 1) !important;
}

.entry-url {
  font-size: 12px;
}

.relative>div.settings-pane {
  position: fixed !important;
  right: 20px;
  z-index: 9998;
  padding: 0;
  top: 50px;
  width: 400px;
  display: none;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  background: #fff;
}

.relative>div.settings-pane .panel-group .panel {
  border-radius: 0;
  margin-bottom: 0;
}

.relative>div.settings-pane .panel-group {
  margin-bottom: 0;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
* {
  outline: none !important
}

.jspContainer {
  overflow: hidden;
  position: relative;
  outline: none
}

.jspPane {
  position: absolute;
  outline: none
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 100%;
  background: none;
  outline: none;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0px;
  background: none;
  outline: none
}

.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0
}

.jspCap {
  display: none
}

.jspHorizontalBar .jspCap {
  float: left
}

.jspTrack {
  background: #f1f1f1;
  position: relative
}

.jspDrag {
  background: #d1d1d1;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%
}

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d
}

.jspVerticalBar .jspArrow {
  height: 0px
}

.jspHorizontalBar .jspArrow {
  width: 0px;
  float: left;
  height: 100%
}

.jspVerticalBar .jspArrow:focus {
  outline: none
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%
}

/* Yuk! CSS Hack for IE6 3 pixel bug:( */
* html .jspCorner {
  margin: 0 -3px 0 0
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10042;
  overflow: hidden;
  position: fixed;
  background: #666;
  opacity: 0.8;
  filter: alpha(opacity=80)
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.mfp-align-top .mfp-container:before {
  display: none
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0 auto;
  text-align: left;
  z-index: 10045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto
}

.mfp-ajax-cur {
  cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
  cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.mfp-loading.mfp-figure {
  display: none
}

.mfp-hide {
  display: none !important
}

.mfp-preloader {
  color: #333;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 10044
}

.mfp-preloader a {
  color: #333
}

.mfp-preloader a:hover {
  color: #000
}

.mfp-s-ready .mfp-preloader {
  display: none
}

.mfp-s-error .mfp-content {
  display: none
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 10046;
  -webkit-box-shadow: none;
  box-shadow: none
}

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 40px;
  top: 20px;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 64px;
  font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1
}

.mfp-close:active {}

.mfp-close-btn-in .mfp-close {
  color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mfp-arrow:active {
  margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px
}

.mfp-arrow-left {
  left: 0
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
  right: 0
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px
}

.mfp-iframe-holder .mfp-close {
  top: -40px
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px
}

.mfp-image-holder .mfp-content {
  max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {

  /**       * Remove all paddings around the image on small screen       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0
  }

  .mfp-img-mobile .mfp-figure {
    /* The shadow behind the image */
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75)
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px
  }
}

.mfp-ie7 .mfp-img {
  padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
  padding: 0
}

.mfp-ie7 .mfp-content {
  padding-top: 44px
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0
}

/*! X-editable - v1.5.1
* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
* http://github.com/vitalets/x-editable
* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */
.editableform {
  margin-bottom: 0;
  /* overwrites bootstrap margin */
}

.editableform .control-group {
  margin-bottom: 0;
  /* overwrites bootstrap margin */
  white-space: nowrap;
  /* prevent wrapping buttons on new line */
  line-height: 20px;
  /* overwriting bootstrap line-height. See #133 */
}

/*
  BS3 width:1005 for inputs breaks editable form in popup
  See:https://github.com/vitalets/x-editable/issues/393
*/
.editableform .form-control {
  width: auto
}

.editable-buttons {
  display: inline-block;
  /* should be inline to take effect of parent's white-space:nowrap */
  vertical-align: top;
  margin-left: 7px;
  /* inline-block emulation for IE7*/
  zoom: 1;
  *display: inline
}

.editable-buttons.editable-buttons-bottom {
  display: block;
  margin-top: 7px;
  margin-left: 0
}

.editable-input {
  vertical-align: top;
  display: inline-block;
  /* should be inline to take effect of parent's white-space:nowrap */
  width: auto;
  /* bootstrap-responsive has width:100% that breakes layout */
  white-space: normal;
  /* reset white-space decalred in parent*/
  /* display-inline emulation for IE7*/
  zoom: 1;
  *display: inline
}

.editable-buttons .editable-cancel {
  margin-left: 7px
}

/*for jquery-ui buttons need set height to look more pretty*/
.editable-buttons button.ui-button-icon-only {
  height: 24px;
  width: 30px
}

.editableform-loading {
  background: url('../src/img/loading.gif') center center no-repeat;
  height: 25px;
  width: auto;
  min-width: 25px
}

.editable-inline .editableform-loading {
  background-position: left 5px
}

.editable-error-block {
  max-width: 300px;
  margin: 5px 0 0 0;
  width: auto;
  white-space: normal
}

/*add padding for jquery ui*/
.editable-error-block.ui-state-error {
  padding: 3px
}

.editable-error {
  color: red
}

/* ---- For specific types ---- */
.editableform .editable-date {
  padding: 0;
  margin: 0;
  float: left
}

/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
.editable-inline .add-on .icon-th {
  margin-top: 3px;
  margin-left: 1px
}

/* checklist vertical alignment */
.editable-checklist label input[type="checkbox"],
.editable-checklist label span {
  vertical-align: middle;
  margin: 0
}

.editable-checklist label {
  white-space: nowrap
}

/* set exact width of textarea to fit buttons toolbar */
.editable-wysihtml5 {
  width: 566px;
  height: 250px
}

/* clear button shown as link in date inputs */
.editable-clear {
  clear: both;
  font-size: 0.9em;
  text-decoration: none;
  text-align: right
}

/* IOS-style clear button for text inputs */
.editable-clear-x {
  background: url('../src/img/clear.png') center center no-repeat;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  opacity: 0.6;
  z-index: 100;
  top: 50%;
  right: 6px;
  margin-top: -6px
}

.editable-clear-x:hover {
  opacity: 1
}

.editable-pre-wrapped {
  white-space: pre-wrap
}

.editable-container.editable-popup {
  max-width: none !important;
  /* without this rule poshytip/tooltip does not stretch */
}

.editable-container.popover {
  width: auto;
  /* without this rule popover does not stretch */
}

.editable-container.editable-inline {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  /* inline-block emulation for IE7*/
  zoom: 1;
  *display: inline
}

.editable-container.ui-widget {
  font-size: inherit;
  /* jqueryui widget font 1.1em too big,overwrite it */
  z-index: 9990;
  /* should be less than select2 dropdown z-index to close dropdown first when click */
}

.editable-click,
a.editable-click,
a.editable-click:hover {
  text-decoration: none;
  border-bottom: dashed 1px #333;
  color: #333;
  padding-bottom: 0;
  font-size: inherit;
}

.editable-click.editable-disabled,
a.editable-click.editable-disabled,
a.editable-click.editable-disabled:hover {
  color: #585858;
  cursor: default;
  border-bottom: none
}

.editable-empty,
.editable-empty:hover,
.editable-empty:focus {
  font-style: italic;
  color: #D14;
  /* border-bottom:none; */
  text-decoration: none
}

.editable-unsaved {
  font-weight: bold
}

.editable-unsaved:after {
  /*    content:'*'*/
}

.editable-bg-transition {
  -webkit-transition: background-color 1400ms ease-out;
  -moz-transition: background-color 1400ms ease-out;
  -o-transition: background-color 1400ms ease-out;
  -ms-transition: background-color 1400ms ease-out;
  transition: background-color 1400ms ease-out
}

/*see https://github.com/vitalets/x-editable/issues/139 */
.form-horizontal .editable {
  padding-top: 5px;
  display: inline-block
}

/* Helpers */
.editable-w500 {
  min-width: 500px;
}

.editable-w250 {
  min-width: 250px;
}

.customer-field {
  padding: 10px 15px !important;
  border: 1px solid #f1f1f1;
  display: inline-block;
  background: rgba(255, 255, 255, 0.8);
}

/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datetimepicker {
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
  position: absolute;
}

.datetimepicker-inline {
  width: 220px;
  position: relative;
}

.datetimepicker.datetimepicker-rtl {
  direction: rtl;
}

.datetimepicker.datetimepicker-rtl table tr td span {
  float: right;
}

.datetimepicker-dropdown,
.datetimepicker-dropdown-left {
  top: 0;
  left: 0;
}

[class*=" datetimepicker-dropdown"]:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

[class*=" datetimepicker-dropdown"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
}

[class*=" datetimepicker-dropdown-top"]:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #cccccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
}

[class*=" datetimepicker-dropdown-top"]:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ffffff;
  border-bottom: 0;
}

.datetimepicker-dropdown-bottom-left:before {
  top: -7px;
  right: 6px;
}

.datetimepicker-dropdown-bottom-left:after {
  top: -6px;
  right: 7px;
}

.datetimepicker-dropdown-bottom-right:before {
  top: -7px;
  left: 6px;
}

.datetimepicker-dropdown-bottom-right:after {
  top: -6px;
  left: 7px;
}

.datetimepicker-dropdown-top-left:before {
  bottom: -7px;
  right: 6px;
}

.datetimepicker-dropdown-top-left:after {
  bottom: -6px;
  right: 7px;
}

.datetimepicker-dropdown-top-right:before {
  bottom: -7px;
  left: 6px;
}

.datetimepicker-dropdown-top-right:after {
  bottom: -6px;
  left: 7px;
}

.datetimepicker>div {
  display: none;
}

.datetimepicker.minutes div.datetimepicker-minutes {
  display: block;
}

.datetimepicker.hours div.datetimepicker-hours {
  display: block;
}

.datetimepicker.days div.datetimepicker-days {
  display: block;
}

.datetimepicker.months div.datetimepicker-months {
  display: block;
}

.datetimepicker.years div.datetimepicker-years {
  display: block;
}

.datetimepicker table {
  margin: 0;
}

.datetimepicker td,
.datetimepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}

.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
  background-color: transparent;
}

.datetimepicker table tr td.minute:hover {
  background: #eeeeee;
  cursor: pointer;
}

.datetimepicker table tr td.hour:hover {
  background: #eeeeee;
  cursor: pointer;
}

.datetimepicker table tr td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}

.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
  color: #999999;
}

.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}

.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}

.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069;
}

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
  background-color: #003399;
}

.datetimepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.datetimepicker .datetimepicker-hours span {
  height: 26px;
  line-height: 26px;
}

.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
  width: 14.6%;
}

.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
  margin-bottom: inherit;
  line-height: 30px;
}

.datetimepicker .datetimepicker-minutes span {
  height: 26px;
  line-height: 26px;
}

.datetimepicker table tr td span:hover {
  background: #eeeeee;
}

.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}

.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}

.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
  background-color: #003399;
}

.datetimepicker table tr td span.old {
  color: #999999;
}

.datetimepicker th.switch {
  width: 145px;
}

.datetimepicker th span.glyphicon {
  pointer-events: none;
}

.datetimepicker thead tr:first-child th,
.datetimepicker tfoot tr:first-child th {
  cursor: pointer;
}

.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot tr:first-child th:hover {
  background: #eeeeee;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i,
.input-group.date .input-group-addon span {
  cursor: pointer;
  width: 14px;
  height: 14px;
}


/**
* bootstrap-formhelpers.js v2.3.0 by @vincentlamanna
* Copyright 2013 Vincent Lamanna
* http://www.apache.org/licenses/LICENSE-2.0
*/
.bfh-flag-AD,
.bfh-flag-AE,
.bfh-flag-AF,
.bfh-flag-AG,
.bfh-flag-AI,
.bfh-flag-AL,
.bfh-flag-AM,
.bfh-flag-AN,
.bfh-flag-AO,
.bfh-flag-AQ,
.bfh-flag-AR,
.bfh-flag-AS,
.bfh-flag-AT,
.bfh-flag-AU,
.bfh-flag-AW,
.bfh-flag-AX,
.bfh-flag-AZ,
.bfh-flag-BA,
.bfh-flag-BB,
.bfh-flag-BD,
.bfh-flag-BE,
.bfh-flag-BG,
.bfh-flag-BH,
.bfh-flag-BI,
.bfh-flag-BJ,
.bfh-flag-BL,
.bfh-flag-BM,
.bfh-flag-BN,
.bfh-flag-BO,
.bfh-flag-BR,
.bfh-flag-BS,
.bfh-flag-BT,
.bfh-flag-BW,
.bfh-flag-BY,
.bfh-flag-BZ,
.bfh-flag-CA,
.bfh-flag-CD,
.bfh-flag-CF,
.bfh-flag-CG,
.bfh-flag-CH,
.bfh-flag-CI,
.bfh-flag-CL,
.bfh-flag-CM,
.bfh-flag-CN,
.bfh-flag-CO,
.bfh-flag-CR,
.bfh-flag-CV,
.bfh-flag-CY,
.bfh-flag-CZ,
.bfh-flag-DJ,
.bfh-flag-DK,
.bfh-flag-DM,
.bfh-flag-DO,
.bfh-flag-DZ,
.bfh-flag-EC,
.bfh-flag-EE,
.bfh-flag-EG,
.bfh-flag-EH,
.bfh-flag-ER,
.bfh-flag-ES,
.bfh-flag-ET,
.bfh-flag-EU,
.bfh-flag-FI,
.bfh-flag-FJ,
.bfh-flag-FK,
.bfh-flag-FM,
.bfh-flag-FO,
.bfh-flag-FR,
.bfh-flag-FX,
.bfh-flag-GF,
.bfh-flag-GP,
.bfh-flag-MQ,
.bfh-flag-NC,
.bfh-flag-PF,
.bfh-flag-PM,
.bfh-flag-RE,
.bfh-flag-TF,
.bfh-flag-WF,
.bfh-flag-GA,
.bfh-flag-GB,
.bfh-flag-GD,
.bfh-flag-GE,
.bfh-flag-GG,
.bfh-flag-GH,
.bfh-flag-GL,
.bfh-flag-GM,
.bfh-flag-GN,
.bfh-flag-GQ,
.bfh-flag-GR,
.bfh-flag-GS,
.bfh-flag-GT,
.bfh-flag-GU,
.bfh-flag-GW,
.bfh-flag-GY,
.bfh-flag-HK,
.bfh-flag-HN,
.bfh-flag-HR,
.bfh-flag-HT,
.bfh-flag-HU,
.bfh-flag-ID,
.bfh-flag-IE,
.bfh-flag-IL,
.bfh-flag-IM,
.bfh-flag-IN,
.bfh-flag-IQ,
.bfh-flag-IS,
.bfh-flag-IT,
.bfh-flag-JE,
.bfh-flag-JM,
.bfh-flag-JO,
.bfh-flag-JP,
.bfh-flag-KE,
.bfh-flag-KG,
.bfh-flag-KH,
.bfh-flag-KI,
.bfh-flag-KM,
.bfh-flag-KN,
.bfh-flag-KP,
.bfh-flag-KR,
.bfh-flag-KV,
.bfh-flag-KW,
.bfh-flag-KY,
.bfh-flag-LA,
.bfh-flag-LC,
.bfh-flag-LK,
.bfh-flag-LR,
.bfh-flag-LS,
.bfh-flag-LT,
.bfh-flag-LU,
.bfh-flag-LV,
.bfh-flag-LY,
.bfh-flag-MA,
.bfh-flag-ME,
.bfh-flag-MG,
.bfh-flag-MH,
.bfh-flag-ML,
.bfh-flag-MM,
.bfh-flag-MP,
.bfh-flag-MR,
.bfh-flag-MS,
.bfh-flag-MT,
.bfh-flag-MU,
.bfh-flag-MV,
.bfh-flag-MW,
.bfh-flag-MZ,
.bfh-flag-NA,
.bfh-flag-NE,
.bfh-flag-NF,
.bfh-flag-NG,
.bfh-flag-NI,
.bfh-flag-NL,
.bfh-flag-NO,
.bfh-flag-NP,
.bfh-flag-NR,
.bfh-flag-NZ,
.bfh-flag-OM,
.bfh-flag-PA,
.bfh-flag-PE,
.bfh-flag-PG,
.bfh-flag-PH,
.bfh-flag-PK,
.bfh-flag-PL,
.bfh-flag-PN,
.bfh-flag-PS,
.bfh-flag-PT,
.bfh-flag-PW,
.bfh-flag-PY,
.bfh-flag-QA,
.bfh-flag-RS,
.bfh-flag-RU,
.bfh-flag-RW,
.bfh-flag-SA,
.bfh-flag-SB,
.bfh-flag-SC,
.bfh-flag-SD,
.bfh-flag-SE,
.bfh-flag-SG,
.bfh-flag-SH,
.bfh-flag-SI,
.bfh-flag-SK,
.bfh-flag-SM,
.bfh-flag-SN,
.bfh-flag-SO,
.bfh-flag-SR,
.bfh-flag-SS,
.bfh-flag-ST,
.bfh-flag-SV,
.bfh-flag-SY,
.bfh-flag-SZ,
.bfh-flag-TC,
.bfh-flag-TD,
.bfh-flag-TG,
.bfh-flag-TH,
.bfh-flag-TJ,
.bfh-flag-TM,
.bfh-flag-TN,
.bfh-flag-TP,
.bfh-flag-TR,
.bfh-flag-TT,
.bfh-flag-TV,
.bfh-flag-TW,
.bfh-flag-TZ,
.bfh-flag-UA,
.bfh-flag-UG,
.bfh-flag-US,
.bfh-flag-UY,
.bfh-flag-UZ,
.bfh-flag-VC,
.bfh-flag-VE,
.bfh-flag-VG,
.bfh-flag-VI,
.bfh-flag-VN,
.bfh-flag-VU,
.bfh-flag-WS,
.bfh-flag-YE,
.bfh-flag-ZA,
.bfh-flag-ZM,
.bfh-flag-BF,
.bfh-flag-CU,
.bfh-flag-DE,
.bfh-flag-IR,
.bfh-flag-KZ,
.bfh-flag-LB,
.bfh-flag-LI,
.bfh-flag-MC,
.bfh-flag-MD,
.bfh-flag-MK,
.bfh-flag-MN,
.bfh-flag-MO,
.bfh-flag-MX,
.bfh-flag-MY,
.bfh-flag-PR,
.bfh-flag-RO,
.bfh-flag-SL,
.bfh-flag-TO,
.bfh-flag-VA,
.bfh-flag-ZW {
  width: 16px;
  height: 14px;
  background: url(../img/bootstrap-formhelpers-countries.flags.png) no-repeat
}

.bfh-flag-AD:empty,
.bfh-flag-AE:empty,
.bfh-flag-AF:empty,
.bfh-flag-AG:empty,
.bfh-flag-AI:empty,
.bfh-flag-AL:empty,
.bfh-flag-AM:empty,
.bfh-flag-AN:empty,
.bfh-flag-AO:empty,
.bfh-flag-AQ:empty,
.bfh-flag-AR:empty,
.bfh-flag-AS:empty,
.bfh-flag-AT:empty,
.bfh-flag-AU:empty,
.bfh-flag-AW:empty,
.bfh-flag-AX:empty,
.bfh-flag-AZ:empty,
.bfh-flag-BA:empty,
.bfh-flag-BB:empty,
.bfh-flag-BD:empty,
.bfh-flag-BE:empty,
.bfh-flag-BG:empty,
.bfh-flag-BH:empty,
.bfh-flag-BI:empty,
.bfh-flag-BJ:empty,
.bfh-flag-BL:empty,
.bfh-flag-BM:empty,
.bfh-flag-BN:empty,
.bfh-flag-BO:empty,
.bfh-flag-BR:empty,
.bfh-flag-BS:empty,
.bfh-flag-BT:empty,
.bfh-flag-BW:empty,
.bfh-flag-BY:empty,
.bfh-flag-BZ:empty,
.bfh-flag-CA:empty,
.bfh-flag-CD:empty,
.bfh-flag-CF:empty,
.bfh-flag-CG:empty,
.bfh-flag-CH:empty,
.bfh-flag-CI:empty,
.bfh-flag-CL:empty,
.bfh-flag-CM:empty,
.bfh-flag-CN:empty,
.bfh-flag-CO:empty,
.bfh-flag-CR:empty,
.bfh-flag-CV:empty,
.bfh-flag-CY:empty,
.bfh-flag-CZ:empty,
.bfh-flag-DJ:empty,
.bfh-flag-DK:empty,
.bfh-flag-DM:empty,
.bfh-flag-DO:empty,
.bfh-flag-DZ:empty,
.bfh-flag-EC:empty,
.bfh-flag-EE:empty,
.bfh-flag-EG:empty,
.bfh-flag-EH:empty,
.bfh-flag-ER:empty,
.bfh-flag-ES:empty,
.bfh-flag-ET:empty,
.bfh-flag-EU:empty,
.bfh-flag-FI:empty,
.bfh-flag-FJ:empty,
.bfh-flag-FK:empty,
.bfh-flag-FM:empty,
.bfh-flag-FO:empty,
.bfh-flag-FR:empty,
.bfh-flag-FX:empty,
.bfh-flag-GF:empty,
.bfh-flag-GP:empty,
.bfh-flag-MQ:empty,
.bfh-flag-NC:empty,
.bfh-flag-PF:empty,
.bfh-flag-PM:empty,
.bfh-flag-RE:empty,
.bfh-flag-TF:empty,
.bfh-flag-WF:empty,
.bfh-flag-GA:empty,
.bfh-flag-GB:empty,
.bfh-flag-GD:empty,
.bfh-flag-GE:empty,
.bfh-flag-GG:empty,
.bfh-flag-GH:empty,
.bfh-flag-GL:empty,
.bfh-flag-GM:empty,
.bfh-flag-GN:empty,
.bfh-flag-GQ:empty,
.bfh-flag-GR:empty,
.bfh-flag-GS:empty,
.bfh-flag-GT:empty,
.bfh-flag-GU:empty,
.bfh-flag-GW:empty,
.bfh-flag-GY:empty,
.bfh-flag-HK:empty,
.bfh-flag-HN:empty,
.bfh-flag-HR:empty,
.bfh-flag-HT:empty,
.bfh-flag-HU:empty,
.bfh-flag-ID:empty,
.bfh-flag-IE:empty,
.bfh-flag-IL:empty,
.bfh-flag-IM:empty,
.bfh-flag-IN:empty,
.bfh-flag-IQ:empty,
.bfh-flag-IS:empty,
.bfh-flag-IT:empty,
.bfh-flag-JE:empty,
.bfh-flag-JM:empty,
.bfh-flag-JO:empty,
.bfh-flag-JP:empty,
.bfh-flag-KE:empty,
.bfh-flag-KG:empty,
.bfh-flag-KH:empty,
.bfh-flag-KI:empty,
.bfh-flag-KM:empty,
.bfh-flag-KN:empty,
.bfh-flag-KP:empty,
.bfh-flag-KR:empty,
.bfh-flag-KV:empty,
.bfh-flag-KW:empty,
.bfh-flag-KY:empty,
.bfh-flag-LA:empty,
.bfh-flag-LC:empty,
.bfh-flag-LK:empty,
.bfh-flag-LR:empty,
.bfh-flag-LS:empty,
.bfh-flag-LT:empty,
.bfh-flag-LU:empty,
.bfh-flag-LV:empty,
.bfh-flag-LY:empty,
.bfh-flag-MA:empty,
.bfh-flag-ME:empty,
.bfh-flag-MG:empty,
.bfh-flag-MH:empty,
.bfh-flag-ML:empty,
.bfh-flag-MM:empty,
.bfh-flag-MP:empty,
.bfh-flag-MR:empty,
.bfh-flag-MS:empty,
.bfh-flag-MT:empty,
.bfh-flag-MU:empty,
.bfh-flag-MV:empty,
.bfh-flag-MW:empty,
.bfh-flag-MZ:empty,
.bfh-flag-NA:empty,
.bfh-flag-NE:empty,
.bfh-flag-NF:empty,
.bfh-flag-NG:empty,
.bfh-flag-NI:empty,
.bfh-flag-NL:empty,
.bfh-flag-NO:empty,
.bfh-flag-NP:empty,
.bfh-flag-NR:empty,
.bfh-flag-NZ:empty,
.bfh-flag-OM:empty,
.bfh-flag-PA:empty,
.bfh-flag-PE:empty,
.bfh-flag-PG:empty,
.bfh-flag-PH:empty,
.bfh-flag-PK:empty,
.bfh-flag-PL:empty,
.bfh-flag-PN:empty,
.bfh-flag-PS:empty,
.bfh-flag-PT:empty,
.bfh-flag-PW:empty,
.bfh-flag-PY:empty,
.bfh-flag-QA:empty,
.bfh-flag-RS:empty,
.bfh-flag-RU:empty,
.bfh-flag-RW:empty,
.bfh-flag-SA:empty,
.bfh-flag-SB:empty,
.bfh-flag-SC:empty,
.bfh-flag-SD:empty,
.bfh-flag-SE:empty,
.bfh-flag-SG:empty,
.bfh-flag-SH:empty,
.bfh-flag-SI:empty,
.bfh-flag-SK:empty,
.bfh-flag-SM:empty,
.bfh-flag-SN:empty,
.bfh-flag-SO:empty,
.bfh-flag-SR:empty,
.bfh-flag-SS:empty,
.bfh-flag-ST:empty,
.bfh-flag-SV:empty,
.bfh-flag-SY:empty,
.bfh-flag-SZ:empty,
.bfh-flag-TC:empty,
.bfh-flag-TD:empty,
.bfh-flag-TG:empty,
.bfh-flag-TH:empty,
.bfh-flag-TJ:empty,
.bfh-flag-TM:empty,
.bfh-flag-TN:empty,
.bfh-flag-TP:empty,
.bfh-flag-TR:empty,
.bfh-flag-TT:empty,
.bfh-flag-TV:empty,
.bfh-flag-TW:empty,
.bfh-flag-TZ:empty,
.bfh-flag-UA:empty,
.bfh-flag-UG:empty,
.bfh-flag-US:empty,
.bfh-flag-UY:empty,
.bfh-flag-UZ:empty,
.bfh-flag-VC:empty,
.bfh-flag-VE:empty,
.bfh-flag-VG:empty,
.bfh-flag-VI:empty,
.bfh-flag-VN:empty,
.bfh-flag-VU:empty,
.bfh-flag-WS:empty,
.bfh-flag-YE:empty,
.bfh-flag-ZA:empty,
.bfh-flag-ZM:empty,
.bfh-flag-BF:empty,
.bfh-flag-CU:empty,
.bfh-flag-DE:empty,
.bfh-flag-IR:empty,
.bfh-flag-KZ:empty,
.bfh-flag-LB:empty,
.bfh-flag-LI:empty,
.bfh-flag-MC:empty,
.bfh-flag-MD:empty,
.bfh-flag-MK:empty,
.bfh-flag-MN:empty,
.bfh-flag-MO:empty,
.bfh-flag-MX:empty,
.bfh-flag-MY:empty,
.bfh-flag-PR:empty,
.bfh-flag-RO:empty,
.bfh-flag-SL:empty,
.bfh-flag-TO:empty,
.bfh-flag-VA:empty,
.bfh-flag-ZW:empty {
  width: 16px
}

.bfh-flag-AD,
.bfh-flag-AE,
.bfh-flag-AF,
.bfh-flag-AG,
.bfh-flag-AI,
.bfh-flag-AL,
.bfh-flag-AM,
.bfh-flag-AN,
.bfh-flag-AO,
.bfh-flag-AQ,
.bfh-flag-AR,
.bfh-flag-AS,
.bfh-flag-AT,
.bfh-flag-AU,
.bfh-flag-AW,
.bfh-flag-AX,
.bfh-flag-AZ,
.bfh-flag-BA,
.bfh-flag-BB,
.bfh-flag-BD,
.bfh-flag-BE,
.bfh-flag-BG,
.bfh-flag-BH,
.bfh-flag-BI,
.bfh-flag-BJ,
.bfh-flag-BL,
.bfh-flag-BM,
.bfh-flag-BN,
.bfh-flag-BO,
.bfh-flag-BR,
.bfh-flag-BS,
.bfh-flag-BT,
.bfh-flag-BW,
.bfh-flag-BY,
.bfh-flag-BZ,
.bfh-flag-CA,
.bfh-flag-CD,
.bfh-flag-CF,
.bfh-flag-CG,
.bfh-flag-CH,
.bfh-flag-CI,
.bfh-flag-CL,
.bfh-flag-CM,
.bfh-flag-CN,
.bfh-flag-CO,
.bfh-flag-CR,
.bfh-flag-CV,
.bfh-flag-CY,
.bfh-flag-CZ,
.bfh-flag-DJ,
.bfh-flag-DK,
.bfh-flag-DM,
.bfh-flag-DO,
.bfh-flag-DZ,
.bfh-flag-EC,
.bfh-flag-EE,
.bfh-flag-EG,
.bfh-flag-EH,
.bfh-flag-ER,
.bfh-flag-ES,
.bfh-flag-ET,
.bfh-flag-EU,
.bfh-flag-FI,
.bfh-flag-FJ,
.bfh-flag-FK,
.bfh-flag-FM,
.bfh-flag-FO,
.bfh-flag-FR,
.bfh-flag-FX,
.bfh-flag-GF,
.bfh-flag-GP,
.bfh-flag-MQ,
.bfh-flag-NC,
.bfh-flag-PF,
.bfh-flag-PM,
.bfh-flag-RE,
.bfh-flag-TF,
.bfh-flag-WF,
.bfh-flag-GA,
.bfh-flag-GB,
.bfh-flag-GD,
.bfh-flag-GE,
.bfh-flag-GG,
.bfh-flag-GH,
.bfh-flag-GL,
.bfh-flag-GM,
.bfh-flag-GN,
.bfh-flag-GQ,
.bfh-flag-GR,
.bfh-flag-GS,
.bfh-flag-GT,
.bfh-flag-GU,
.bfh-flag-GW,
.bfh-flag-GY,
.bfh-flag-HK,
.bfh-flag-HN,
.bfh-flag-HR,
.bfh-flag-HT,
.bfh-flag-HU,
.bfh-flag-ID,
.bfh-flag-IE,
.bfh-flag-IL,
.bfh-flag-IM,
.bfh-flag-IN,
.bfh-flag-IQ,
.bfh-flag-IS,
.bfh-flag-IT,
.bfh-flag-JE,
.bfh-flag-JM,
.bfh-flag-JO,
.bfh-flag-JP,
.bfh-flag-KE,
.bfh-flag-KG,
.bfh-flag-KH,
.bfh-flag-KI,
.bfh-flag-KM,
.bfh-flag-KN,
.bfh-flag-KP,
.bfh-flag-KR,
.bfh-flag-KV,
.bfh-flag-KW,
.bfh-flag-KY,
.bfh-flag-LA,
.bfh-flag-LC,
.bfh-flag-LK,
.bfh-flag-LR,
.bfh-flag-LS,
.bfh-flag-LT,
.bfh-flag-LU,
.bfh-flag-LV,
.bfh-flag-LY,
.bfh-flag-MA,
.bfh-flag-ME,
.bfh-flag-MG,
.bfh-flag-MH,
.bfh-flag-ML,
.bfh-flag-MM,
.bfh-flag-MP,
.bfh-flag-MR,
.bfh-flag-MS,
.bfh-flag-MT,
.bfh-flag-MU,
.bfh-flag-MV,
.bfh-flag-MW,
.bfh-flag-MZ,
.bfh-flag-NA,
.bfh-flag-NE,
.bfh-flag-NF,
.bfh-flag-NG,
.bfh-flag-NI,
.bfh-flag-NL,
.bfh-flag-NO,
.bfh-flag-NP,
.bfh-flag-NR,
.bfh-flag-NZ,
.bfh-flag-OM,
.bfh-flag-PA,
.bfh-flag-PE,
.bfh-flag-PG,
.bfh-flag-PH,
.bfh-flag-PK,
.bfh-flag-PL,
.bfh-flag-PN,
.bfh-flag-PS,
.bfh-flag-PT,
.bfh-flag-PW,
.bfh-flag-PY,
.bfh-flag-QA,
.bfh-flag-RS,
.bfh-flag-RU,
.bfh-flag-RW,
.bfh-flag-SA,
.bfh-flag-SB,
.bfh-flag-SC,
.bfh-flag-SD,
.bfh-flag-SE,
.bfh-flag-SG,
.bfh-flag-SH,
.bfh-flag-SI,
.bfh-flag-SK,
.bfh-flag-SM,
.bfh-flag-SN,
.bfh-flag-SO,
.bfh-flag-SR,
.bfh-flag-SS,
.bfh-flag-ST,
.bfh-flag-SV,
.bfh-flag-SY,
.bfh-flag-SZ,
.bfh-flag-TC,
.bfh-flag-TD,
.bfh-flag-TG,
.bfh-flag-TH,
.bfh-flag-TJ,
.bfh-flag-TM,
.bfh-flag-TN,
.bfh-flag-TP,
.bfh-flag-TR,
.bfh-flag-TT,
.bfh-flag-TV,
.bfh-flag-TW,
.bfh-flag-TZ,
.bfh-flag-UA,
.bfh-flag-UG,
.bfh-flag-US,
.bfh-flag-UY,
.bfh-flag-UZ,
.bfh-flag-VC,
.bfh-flag-VE,
.bfh-flag-VG,
.bfh-flag-VI,
.bfh-flag-VN,
.bfh-flag-VU,
.bfh-flag-WS,
.bfh-flag-YE,
.bfh-flag-ZA,
.bfh-flag-ZM,
.bfh-flag-BF,
.bfh-flag-CU,
.bfh-flag-DE,
.bfh-flag-IR,
.bfh-flag-KZ,
.bfh-flag-LB,
.bfh-flag-LI,
.bfh-flag-MC,
.bfh-flag-MD,
.bfh-flag-MK,
.bfh-flag-MN,
.bfh-flag-MO,
.bfh-flag-MX,
.bfh-flag-MY,
.bfh-flag-PR,
.bfh-flag-RO,
.bfh-flag-SL,
.bfh-flag-TO,
.bfh-flag-VA,
.bfh-flag-ZW,
.bfh-flag-EUR,
.bfh-flag-XCD {
  margin-right: 5px
}

.bfh-flag-AD {
  background-position: -1921px 0
}

.bfh-flag-AE {
  background-position: -1904px 0
}

.bfh-flag-AF {
  background-position: -3689px 0
}

.bfh-flag-AG {
  background-position: -34px 0
}

.bfh-flag-AI {
  background-position: -51px 0
}

.bfh-flag-AL {
  background-position: -68px 0
}

.bfh-flag-AM {
  background-position: -85px 0
}

.bfh-flag-AN {
  background-position: -102px 0
}

.bfh-flag-AO {
  background-position: -119px 0
}

.bfh-flag-AQ {
  background-position: -136px 0
}

.bfh-flag-AR {
  background-position: -153px 0
}

.bfh-flag-AS {
  background-position: -170px 0
}

.bfh-flag-AT {
  background-position: -187px 0
}

.bfh-flag-AU {
  background-position: -204px 0
}

.bfh-flag-AW {
  background-position: -221px 0
}

.bfh-flag-AX {
  background-position: -238px 0
}

.bfh-flag-AZ {
  background-position: -255px 0
}

.bfh-flag-BA {
  background-position: -272px 0
}

.bfh-flag-BB {
  background-position: -289px 0
}

.bfh-flag-BD {
  background-position: -306px 0
}

.bfh-flag-BE {
  background-position: -323px 0
}

.bfh-flag-BG {
  background-position: -340px 0
}

.bfh-flag-BH {
  background-position: -357px 0
}

.bfh-flag-BI {
  background-position: -374px 0
}

.bfh-flag-BJ {
  background-position: -391px 0
}

.bfh-flag-BL {
  background-position: -408px 0
}

.bfh-flag-BM {
  background-position: -425px 0
}

.bfh-flag-BN {
  background-position: -442px 0
}

.bfh-flag-BO {
  background-position: -459px 0
}

.bfh-flag-BR {
  background-position: -476px 0
}

.bfh-flag-BS {
  background-position: -493px 0
}

.bfh-flag-BT {
  background-position: -510px 0
}

.bfh-flag-BW {
  background-position: -527px 0
}

.bfh-flag-BY {
  background-position: -544px 0
}

.bfh-flag-BZ {
  background-position: -561px 0
}

.bfh-flag-CA {
  background-position: -578px 0
}

.bfh-flag-CD {
  background-position: -595px 0
}

.bfh-flag-CF {
  background-position: -612px 0
}

.bfh-flag-CG {
  background-position: -629px 0
}

.bfh-flag-CH {
  background-position: -646px 0
}

.bfh-flag-CI {
  background-position: -663px 0
}

.bfh-flag-CL {
  background-position: -680px 0
}

.bfh-flag-CM {
  background-position: -697px 0
}

.bfh-flag-CN {
  background-position: -714px 0
}

.bfh-flag-CO {
  background-position: -731px 0
}

.bfh-flag-CR {
  background-position: -748px 0
}

.bfh-flag-CV {
  background-position: -765px 0
}

.bfh-flag-CY {
  background-position: -782px 0
}

.bfh-flag-CZ {
  background-position: -799px 0
}

.bfh-flag-DJ {
  background-position: -816px 0
}

.bfh-flag-DK {
  background-position: -833px 0
}

.bfh-flag-DM {
  background-position: -850px 0
}

.bfh-flag-DO {
  background-position: -867px 0
}

.bfh-flag-DZ {
  background-position: -884px 0
}

.bfh-flag-EC {
  background-position: -901px 0
}

.bfh-flag-EE {
  background-position: -918px 0
}

.bfh-flag-EG {
  background-position: -935px 0
}

.bfh-flag-EH {
  background-position: -952px 0
}

.bfh-flag-ER {
  background-position: -969px 0
}

.bfh-flag-ES {
  background-position: -986px 0
}

.bfh-flag-ET {
  background-position: -1003px 0
}

.bfh-flag-EU {
  background-position: -1020px 0
}

.bfh-flag-FI {
  background-position: -1037px 0
}

.bfh-flag-FJ {
  background-position: -1054px 0
}

.bfh-flag-FK {
  background-position: -1071px 0
}

.bfh-flag-FM {
  background-position: -1088px 0
}

.bfh-flag-FO {
  background-position: -1105px 0
}

.bfh-flag-FR,
.bfh-flag-FX,
.bfh-flag-GF,
.bfh-flag-GP,
.bfh-flag-MQ,
.bfh-flag-NC,
.bfh-flag-PF,
.bfh-flag-PM,
.bfh-flag-RE,
.bfh-flag-TF,
.bfh-flag-WF {
  background-position: -1122px 0
}

.bfh-flag-GA {
  background-position: -1139px 0
}

.bfh-flag-GB {
  background-position: -1156px 0
}

.bfh-flag-GD {
  background-position: -1173px 0
}

.bfh-flag-GE {
  background-position: -1190px 0
}

.bfh-flag-GG {
  background-position: -1207px 0
}

.bfh-flag-GH {
  background-position: -1224px 0
}

.bfh-flag-GL {
  background-position: -1241px 0
}

.bfh-flag-GM {
  background-position: -1258px 0
}

.bfh-flag-GN {
  background-position: -1275px 0
}

.bfh-flag-GQ {
  background-position: -1292px 0
}

.bfh-flag-GR {
  background-position: -1309px 0
}

.bfh-flag-GS {
  background-position: -1326px 0
}

.bfh-flag-GT {
  background-position: -1343px 0
}

.bfh-flag-GU {
  background-position: -1360px 0
}

.bfh-flag-GW {
  background-position: -1377px 0
}

.bfh-flag-GY {
  background-position: -1394px 0
}

.bfh-flag-HK {
  background-position: -1411px 0
}

.bfh-flag-HN {
  background-position: -1428px 0
}

.bfh-flag-HR {
  background-position: -1445px 0
}

.bfh-flag-HT {
  background-position: -1462px 0
}

.bfh-flag-HU {
  background-position: -1479px 0
}

.bfh-flag-ID {
  background-position: -1496px 0
}

.bfh-flag-IE {
  background-position: -1513px 0
}

.bfh-flag-IL {
  background-position: -1530px 0
}

.bfh-flag-IM {
  background-position: -1547px 0
}

.bfh-flag-IN {
  background-position: -1564px 0
}

.bfh-flag-IQ {
  background-position: -1581px 0
}

.bfh-flag-IS {
  background-position: -1598px 0
}

.bfh-flag-IT {
  background-position: -1615px 0
}

.bfh-flag-JE {
  background-position: -1632px 0
}

.bfh-flag-JM {
  background-position: -1649px 0
}

.bfh-flag-JO {
  background-position: -1666px 0
}

.bfh-flag-JP {
  background-position: -1683px 0
}

.bfh-flag-KE {
  background-position: -1700px 0
}

.bfh-flag-KG {
  background-position: -1717px 0
}

.bfh-flag-KH {
  background-position: -1734px 0
}

.bfh-flag-KI {
  background-position: -1751px 0
}

.bfh-flag-KM {
  background-position: -1768px 0
}

.bfh-flag-KN {
  background-position: -1785px 0
}

.bfh-flag-KP {
  background-position: -1802px 0
}

.bfh-flag-KR {
  background-position: -1819px 0
}

.bfh-flag-KV {
  background-position: -1836px 0
}

.bfh-flag-KW {
  background-position: -1853px 0
}

.bfh-flag-KY {
  background-position: -1870px 0
}

.bfh-flag-LA {
  background-position: -1887px 0
}

.bfh-flag-LC {
  background-position: 0 0
}

.bfh-flag-LK {
  background-position: -17px 0
}

.bfh-flag-LR {
  background-position: -1938px 0
}

.bfh-flag-LS {
  background-position: -1955px 0
}

.bfh-flag-LT {
  background-position: -1972px 0
}

.bfh-flag-LU {
  background-position: -1989px 0
}

.bfh-flag-LV {
  background-position: -2006px 0
}

.bfh-flag-LY {
  background-position: -2023px 0
}

.bfh-flag-MA {
  background-position: -2040px 0
}

.bfh-flag-ME {
  background-position: -2057px 0
}

.bfh-flag-MG {
  background-position: -2074px 0
}

.bfh-flag-MH {
  background-position: -2091px 0
}

.bfh-flag-ML {
  background-position: -2108px 0
}

.bfh-flag-MM {
  background-position: -2125px 0
}

.bfh-flag-MP {
  background-position: -2142px 0
}

.bfh-flag-MR {
  background-position: -2159px 0
}

.bfh-flag-MS {
  background-position: -2176px 0
}

.bfh-flag-MT {
  background-position: -2193px 0
}

.bfh-flag-MU {
  background-position: -2210px 0
}

.bfh-flag-MV {
  background-position: -2227px 0
}

.bfh-flag-MW {
  background-position: -2244px 0
}

.bfh-flag-MZ {
  background-position: -2261px 0
}

.bfh-flag-NA {
  background-position: -2278px 0
}

.bfh-flag-NE {
  background-position: -2295px 0
}

.bfh-flag-NF {
  background-position: -2312px 0
}

.bfh-flag-NG {
  background-position: -2329px 0
}

.bfh-flag-NI {
  background-position: -2346px 0
}

.bfh-flag-NL {
  background-position: -2363px 0
}

.bfh-flag-NO {
  background-position: -2380px 0
}

.bfh-flag-NP {
  background-position: -2397px 0
}

.bfh-flag-NR {
  background-position: -2414px 0
}

.bfh-flag-NZ {
  background-position: -2431px 0
}

.bfh-flag-OM {
  background-position: -2448px 0
}

.bfh-flag-PA {
  background-position: -2465px 0
}

.bfh-flag-PE {
  background-position: -2482px 0
}

.bfh-flag-PG {
  background-position: -2499px 0
}

.bfh-flag-PH {
  background-position: -2516px 0
}

.bfh-flag-PK {
  background-position: -2533px 0
}

.bfh-flag-PL {
  background-position: -2550px 0
}

.bfh-flag-PN {
  background-position: -2567px 0
}

.bfh-flag-PS {
  background-position: -2584px 0
}

.bfh-flag-PT {
  background-position: -2601px 0
}

.bfh-flag-PW {
  background-position: -2618px 0
}

.bfh-flag-PY {
  background-position: -2635px 0
}

.bfh-flag-QA {
  background-position: -2652px 0
}

.bfh-flag-RS {
  background-position: -2669px 0
}

.bfh-flag-RU {
  background-position: -2686px 0
}

.bfh-flag-RW {
  background-position: -2703px 0
}

.bfh-flag-SA {
  background-position: -2720px 0
}

.bfh-flag-SB {
  background-position: -2737px 0
}

.bfh-flag-SC {
  background-position: -2754px 0
}

.bfh-flag-SD {
  background-position: -2771px 0
}

.bfh-flag-SE {
  background-position: -2788px 0
}

.bfh-flag-SG {
  background-position: -2805px 0
}

.bfh-flag-SH {
  background-position: -2822px 0
}

.bfh-flag-SI {
  background-position: -2839px 0
}

.bfh-flag-SK {
  background-position: -2856px 0
}

.bfh-flag-SM {
  background-position: -2873px 0
}

.bfh-flag-SN {
  background-position: -2890px 0
}

.bfh-flag-SO {
  background-position: -2907px 0
}

.bfh-flag-SR {
  background-position: -2924px 0
}

.bfh-flag-SS {
  background-position: -2941px 0
}

.bfh-flag-ST {
  background-position: -2958px 0
}

.bfh-flag-SV {
  background-position: -2975px 0
}

.bfh-flag-SY {
  background-position: -2992px 0
}

.bfh-flag-SZ {
  background-position: -3009px 0
}

.bfh-flag-TC {
  background-position: -3026px 0
}

.bfh-flag-TD {
  background-position: -3043px 0
}

.bfh-flag-TG {
  background-position: -3060px 0
}

.bfh-flag-TH {
  background-position: -3077px 0
}

.bfh-flag-TJ {
  background-position: -3094px 0
}

.bfh-flag-TM {
  background-position: -3111px 0
}

.bfh-flag-TN {
  background-position: -3128px 0
}

.bfh-flag-TP {
  background-position: -3145px 0
}

.bfh-flag-TR {
  background-position: -3162px 0
}

.bfh-flag-TT {
  background-position: -3179px 0
}

.bfh-flag-TV {
  background-position: -3196px 0
}

.bfh-flag-TW {
  background-position: -3213px 0
}

.bfh-flag-TZ {
  background-position: -3230px 0
}

.bfh-flag-UA {
  background-position: -3247px 0
}

.bfh-flag-UG {
  background-position: -3264px 0
}

.bfh-flag-US {
  background-position: -3281px 0
}

.bfh-flag-UY {
  background-position: -3298px 0
}

.bfh-flag-UZ {
  background-position: -3315px 0
}

.bfh-flag-VC {
  background-position: -3332px 0
}

.bfh-flag-VE {
  background-position: -3349px 0
}

.bfh-flag-VG {
  background-position: -3366px 0
}

.bfh-flag-VI {
  background-position: -3383px 0
}

.bfh-flag-VN {
  background-position: -3400px 0
}

.bfh-flag-VU {
  background-position: -3417px 0
}

.bfh-flag-WS {
  background-position: -3434px 0
}

.bfh-flag-YE {
  background-position: -3451px 0
}

.bfh-flag-ZA {
  background-position: -3468px 0
}

.bfh-flag-ZM {
  background-position: -3485px 0
}

.bfh-flag-BF {
  background-position: -3502px 0
}

.bfh-flag-CU {
  background-position: -3519px 0
}

.bfh-flag-DE {
  background-position: -3536px 0
}

.bfh-flag-IR {
  background-position: -3553px 0
}

.bfh-flag-KZ {
  background-position: -3570px 0
}

.bfh-flag-LB {
  background-position: -3587px 0
}

.bfh-flag-LI {
  background-position: -3604px 0
}

.bfh-flag-MC {
  background-position: -3621px 0
}

.bfh-flag-MD {
  background-position: -3638px 0
}

.bfh-flag-MK {
  background-position: -3655px 0
}

.bfh-flag-MN {
  background-position: -3672px 0
}

.bfh-flag-MO {
  background-position: -3706px 0
}

.bfh-flag-MX {
  background-position: -3723px 0
}

.bfh-flag-MY {
  background-position: -3740px 0
}

.bfh-flag-PR {
  background-position: -3757px 0
}

.bfh-flag-RO {
  background-position: -3774px 0
}

.bfh-flag-SL {
  background-position: -3791px 0
}

.bfh-flag-TO {
  background-position: -3808px 0
}

.bfh-flag-VA {
  background-position: -3825px 0
}

.bfh-flag-ZW {
  background-position: -3842px 0
}

.bfh-flag-EUR {
  background: url(../img/eu.png) no-repeat
}

.bfh-flag-XCD {
  background: url(../img/xcd.png) no-repeat
}

.bfh-flag-AUD,
.bfh-flag-CHF,
.bfh-flag-DKK,
.bfh-flag-EUR,
.bfh-flag-XAF,
.bfh-flag-XCD,
.bfh-flag-XOF,
.bfh-flag-XPF,
.bfh-flag-ZAR {
  width: 16px;
  height: 14px;
  background: url(../img/bootstrap-formhelpers-currencies.flags.png) no-repeat
}

.bfh-flag-AUD:empty,
.bfh-flag-CHF:empty,
.bfh-flag-DKK:empty,
.bfh-flag-EUR:empty,
.bfh-flag-XAF:empty,
.bfh-flag-XCD:empty,
.bfh-flag-XOF:empty,
.bfh-flag-XPF:empty,
.bfh-flag-ZAR:empty {
  width: 16px
}

.bfh-flag-AUD,
.bfh-flag-CHF,
.bfh-flag-DKK,
.bfh-flag-EUR,
.bfh-flag-XAF,
.bfh-flag-XCD,
.bfh-flag-XOF,
.bfh-flag-XPF,
.bfh-flag-ZAR {
  margin-right: 5px
}

.bfh-flag-AUD {
  background-position: -32px 0
}

.bfh-flag-CHF {
  background-position: -224px 0
}

.bfh-flag-DKK {
  background-position: -64px -16px
}

.bfh-flag-EUR {
  background-position: -96px -16px
}

.bfh-flag-XAF {
  background-position: -160px -80px
}

.bfh-flag-XCD {
  background-position: -176px -80px
}

.bfh-flag-XOF {
  background-position: -192px -80px
}

.bfh-flag-XPF {
  background-position: -208px -80px
}

.bfh-flag-ZAR {
  background-position: -224px -80px
}

.bfh-selectbox {
  position: relative
}

.bfh-selectbox .bfh-selectbox-toggle {
  display: inline-block;
  padding: 6px 24px 6px 12px;
  text-decoration: none
}

.bfh-selectbox .bfh-selectbox-toggle:focus {
  outline: 0
}

.bfh-selectbox .bfh-selectbox-toggle .bfh-selectbox-option {
  display: inline-block;
  float: left;
  width: 100%;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis
}

.bfh-selectbox .bfh-selectbox-toggle .selectbox-caret {
  float: right;
  margin-top: 8px;
  margin-right: -16px;
  margin-left: -10px
}

.bfh-selectbox .bfh-selectbox-options {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 90px;
  padding: 5px 0;
  margin: -1px 0 0;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box
}

.bfh-selectbox .bfh-selectbox-options.pull-right {
  right: 0;
  left: auto
}

.bfh-selectbox .bfh-selectbox-options .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5
}

.bfh-selectbox .bfh-selectbox-options .bfh-selectbox-filter-container {
  width: 100%;
  padding: 5px
}

.bfh-selectbox .bfh-selectbox-options ul {
  max-width: 500px;
  max-height: 200px;
  padding: 0;
  margin: 5px 0 0 0;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none
}

.bfh-selectbox .bfh-selectbox-options ul li>a {
  display: block;
  width: 100%;
  min-height: 26px;
  padding: 3px 20px;
  overflow-x: hidden;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap
}

.bfh-selectbox .bfh-selectbox-options ul li>a:hover,
.bfh-selectbox .bfh-selectbox-options ul li>a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5
}

.bfh-selectbox .bfh-selectbox-options ul .bfh-selectbox-options-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #999
}

.bfh-selectbox .bfh-selectbox-options ul .disabled>a {
  color: #999
}

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

.bfh-selectbox.open>.bfh-selectbox-options {
  display: block
}

.bfh-selectbox.open a {
  outline: 0
}

.pull-right>.bfh-selectbox-options {
  right: 0;
  left: auto
}

.bfh-selectbox-up .caret,
.navbar-fixed-bottom .bfh-selectbox .caret {
  border-top: 0 dotted;
  border-bottom: 4px solid #000;
  content: ""
}

.bfh-selectbox-up .bfh-selectbox-options,
.navbar-fixed-bottom .bfh-selectbox .bfh-selectbox-options {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px
}

@media (min-width: 768px) {
  .navbar-right .bfh-selectbox-options {
    right: 0;
    left: auto
  }
}

.bfh-googlefonts .bfh-selectbox-options a {
  width: 230px;
  height: 30px;
  text-indent: -9999px;
  background-image: url(../img/bootstrap-formhelpers-googlefonts.png)
}

.bfh-googlefonts .bfh-selectbox-options a:focus {
  background-color: transparent;
  background-repeat: no-repeat;
  outline: 0;
  filter: none
}

.bfh-googlefonts .bfh-selectbox-options .active>a,
.bfh-googlefonts .bfh-selectbox-options .active>a:hover {
  background-color: transparent;
  background-image: url(../img/bootstrap-formhelpers-googlefonts.png);
  background-repeat: no-repeat;
  outline: 0;
  filter: none
}

.bfh-datepicker-calendar {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 296px
}

.bfh-datepicker-calendar>table.calendar {
  width: 376px;
  background: #fff
}

.bfh-datepicker-calendar>table.calendar .months-header>th {
  font-size: 12px;
  text-align: center
}

.bfh-datepicker-calendar>table.calendar .months-header>th.month>span {
  display: inline-block;
  width: 100px
}

.bfh-datepicker-calendar>table.calendar .months-header>th.year>span {
  display: inline-block;
  width: 50px
}

.bfh-datepicker-calendar>table.calendar .days-header>th {
  width: 30px;
  font-size: 11px;
  line-height: 12px;
  text-align: center
}

.bfh-datepicker-calendar>table.calendar>tbody>tr>td {
  width: 30px;
  font-size: 11px;
  line-height: 12px;
  text-align: center
}

.bfh-datepicker-calendar>table.calendar>tbody>tr>td.today {
  color: #fff;
  background-color: #428bca
}

.bfh-datepicker-calendar>table.calendar>tbody>tr>td.off {
  color: #999
}

.bfh-datepicker-calendar>table.calendar>tbody>tr>td:not(.off):hover {
  color: #262626;
  cursor: pointer;
  background-color: #f5f5f5
}

.bfh-datepicker {
  position: relative
}

.bfh-datepicker-toggle {
  *margin-bottom: -3px
}

.bfh-datepicker-toggle>input[readonly] {
  cursor: inherit;
  background-color: inherit
}

.open>.bfh-datepicker-calendar {
  display: block
}

.bfh-timepicker-popover {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 100px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box
}

.bfh-timepicker-popover>table {
  width: 180px;
  margin: 0
}

.bfh-timepicker-popover>table>tbody>tr>td {
  text-align: center;
  border: 0
}

.bfh-timepicker-popover>table>tbody>tr>td.separator {
  font-size: 20px;
  font-weight: bold;
  line-height: 28px
}

.bfh-timepicker-popover>table>tbody>tr>td>div>input {
  width: 53px !important;
  text-align: center
}

.bfh-timepicker {
  position: relative
}

.bfh-timepicker-toggle {
  *margin-bottom: -3px
}

.bfh-timepicker-toggle>input[readonly] {
  cursor: inherit;
  background-color: inherit
}

.open>.bfh-timepicker-popover {
  display: block
}

.bfh-slider {
  height: 20px;
  margin-top: 8px;
  margin-bottom: 23px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none
}

.bfh-slider>.bfh-slider-handle {
  position: absolute;
  width: 20px;
  height: 34px;
  margin-top: -7px;
  cursor: col-resize;
  background: #efefef;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px
}

.bfh-slider>.bfh-slider-handle>.bfh-slider-value {
  position: absolute;
  width: 48px;
  height: 20px;
  margin-top: 5px;
  margin-left: -15px;
  line-height: 20px;
  text-align: center;
  cursor: col-resize;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px
}

.bfh-slider>.bfh-slider-handle>.bfh-slider-value .disabled {
  color: #999
}

.bfh-slider.disabled .bfh-slider-value {
  color: #999
}

.bfh-colorpicker-popover {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 100px;
  padding: 20px;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box
}

.bfh-colorpicker-popover>canvas {
  width: 384px;
  height: 256px
}

.bfh-colorpicker {
  position: relative
}

.bfh-colorpicker-toggle {
  *margin-bottom: -3px
}

.bfh-colorpicker-toggle>input[readonly] {
  cursor: inherit;
  background-color: inherit
}

.bfh-colorpicker-toggle .bfh-colorpicker-icon {
  display: block;
  width: 16px;
  height: 16px
}

.open>.bfh-colorpicker-popover {
  display: block
}

.input-group>.bfh-number {
  border-right: 0
}

.input-group>.bfh-number-btn:hover {
  background-color: #ccc
}

/* Preload images */
body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  display: none
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10050;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10051;
  text-align: center;
  line-height: 0;
  font-weight: normal
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px
}

.lightbox a img {
  border: none
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both
}

.lb-container {
  padding: 4px
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10
}

.lb-container>.nav {
  left: 0
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif; base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==')
}

.lb-prev,
.lb-next {
  height: 100%;
  cursor: pointer;
  display: block
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both
}

.lb-data {
  padding: 0 4px;
  color: #ccc
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  padding: 6px 8px;
  margin-bottom: 10px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 26px;
  font-size: 18px;
  font-weight: normal;
  width: 100%
}

.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  width: 100% !important;
  max-width: inherit
}

.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none
}

.bootstrap-tagsinput .tag {
  margin-right: 2px;
  margin-bottom: 2px;
  display: inline-block;
  line-height: 18px;
  color: white;
  font-weight: normal
}

.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

/** Netflex Mobile Push slide menu start
body{ height:100%;}
.scroll > .p20{ float:left; width:100%; display:block;}
section.content{ height:100%;}
.filter-option{}
.mobile-header{display:none;}
@media (min-width:992px) and (max-width:1199px){.tile-four{width:49.5%}
body{padding-left:5px}

.filter-option .form-inline{margin-top:10px;}
.filter-option .btn-group{margin-top:10px;}
.filter-option .mr5{ margin-right:0 !important;}
.btn-lg.btn-sm{border-radius: 6px; font-size: 18px; line-height: 1.33; padding: 10px 16px;}
}
@media (min-width:768px) and (max-width:991px){
body{ padding-left:0;}
body.menu-active nav#slide-menu{left:0px; top:50px;}
body.menu-active nav#slide-menu ul{left:0px;}
body.menu-active .lefty{left:0px; z-index:999}
body.menu-active section.content{left:90px}

.lefty{left:-1000px; -moz-transition:all 300ms; -webkit-transition:all 300ms; transition:all 300ms;}
.leftyfull{ width: width:calc(100% - 90px) !important; width:-webkit-calc(100% - 90px) !important; width:-moz-calc(100% - 90px) !important; width:-ms-calc(100% - 90px) !important;}

.mobile-header{background:#28323c; color:#fff; position:fixed; display:block;}
.mobile-header h2{ margin-top:7px;}

.menu-trigger{background-color: transparent; background-image: none; border: 1px solid #34495e; border-radius: 4px; float: right; margin-bottom: 8px; margin-right: 15px; margin-top: 8px; padding: 9px 10px; position: absolute; display:block; top:0; right:0;}
.menu-trigger .icon-bar { background-color: #fff;}
.menu-trigger .icon-bar + .icon-bar { margin-top: 4px;}
.menu-trigger .icon-bar { border-radius: 1px;  display: block;  height: 2px; width: 22px;}

nav#slide-menu{position:fixed; top:50px; left:-90px; bottom:0; display:block; float:left; width:100%; max-width:90px; height:100%; -moz-transition:all 300ms; -webkit-transition:all 300ms; transition:all 300ms}

section.content{position:fixed; top:50px; left:0; width:100%; height:100%; padding:0; overflow:hidden; border-radius:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin:0; -moz-box-shadow:-3px 0 6px darken(#556270,5%); -webkit-box-shadow:-3px 0 6px darken(#556270,5%); box-shadow:-3px 0 6px darken(#556270,5%); -moz-transition:all 300ms; -webkit-transition:all 300ms; transition:all 300ms}
}
@media (min-width:768px) and (max-width:991px){/*html,body{overflow:inherit; overflow-y:inherit}*/
/*.lefty{left:auto; right:0; border-right:0px; border-left:1px solid #e3e3e3}
.tile-four{width:49.5%}
.tile-half{width:99.5%}


.nav >li >a{padding:10px}
.filter-option .form-inline{margin-top:10px;}
.filter-option .btn-group{margin-top:10px;}
.filter-option .mr5{ margin-right:0 !important;}

.table-striped{table-layout:fixed;}
.table-striped thead{display:none;}
.table-striped td{display:block; width:100%; overflow:hidden;}
.table-striped td span.heading{background:#eee; float:left; font-weight:bold; margin:-8px 8px 0px -8px; padding:8px; width:50%; display:block;}
.table-striped td.view-details{ background:#fff !important; margin-bottom:20px !important;}
.table-striped td.mob-separate{ background:#fff !important; margin-bottom:20px !important; display: block; float: left; width: 100%;}

#component-site{ height:100% !important;}
.btn-lg.btn-sm{border-radius: 3px; font-size: 12px; line-height: 1.5; padding: 5px 10px;}
}
@media (max-width:767px){
body{ padding-left:0;}
body.menu-active nav#slide-menu{left:0px; top:50px;}
body.menu-active nav#slide-menu ul{left:0px; opacity:1}
body.menu-active .lefty{left:0px; opacity:1; z-index:999}
body.menu-active section.content{left:75px}

.lefty{left:-214px; -moz-transition:all 300ms; -webkit-transition:all 300ms; transition:all 300ms; opacity:0}
.leftyfull{ width: width:calc(100% - 75px) !important; width:-webkit-calc(100% - 75px) !important; width:-moz-calc(100% - 75px) !important; width:-ms-calc(100% - 75px) !important;}

.dashboard{width: width:calc(100% - 75px) !important; width:-webkit-calc(100% - 75px) !important; width:-moz-calc(100% - 75px) !important; width:-ms-calc(100% - 75px) !important; left:75px; margin:0; top:50px; padding-bottom:80px;}
#netflex-dashboard .p40{padding:0 !important;}
#netflex-dashboard .p40 > .p40{padding:20px !important; text-align:center;}
#netflex-dashboard .mr20{margin:0 auto !important;}
#netflex-dashboard .img-circle{max-width:100px; width:100%;  text-align:center;}
#netflex-dashboard .pull-left{  float:none !important;}
#netflex-dashboard h1.mt25{ font-size:36px;}
#netflex-dashboard h3{ font-size:18px; margin-bottom:25px;}

div.col-md-4.mr20{ margin:0 !important; text-align:left;}
div.col-md-3.mr20{ margin:0 !important; text-align:left;}

#netflex-dashboard h4{ font-size:16px; margin-top:10px;}

.nav.nav-pills.nav-stacked.mt20{ margin:0 !important;}

.menu-trigger{background-color: transparent; background-image: none; border: 1px solid #34495e; border-radius: 4px; float: right; margin-bottom: 8px; margin-right: 15px; margin-top: 8px; padding: 9px 10px; position: absolute; display:block; top:0; right:0;}
.menu-trigger .icon-bar { background-color: #fff;}
.menu-trigger .icon-bar + .icon-bar { margin-top: 4px;}
.menu-trigger .icon-bar { border-radius: 1px;  display: block;  height: 2px; width: 22px;}

nav#slide-menu{position:fixed; top:50px; left:-100px; bottom:0; display:block; float:left; width:100%; max-width:75px; height:100%; -moz-transition:all 300ms; -webkit-transition:all 300ms; transition:all 300ms}

.navbar-nav >li >a{width:75px}
.navbar-nav{margin:0}

section.content{position:fixed; top:50px; left:0; width:100%; height:100%; padding:0; overflow:hidden; border-radius:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin:0; -moz-box-shadow:-3px 0 6px darken(#556270,5%); -webkit-box-shadow:-3px 0 6px darken(#556270,5%); box-shadow:-3px 0 6px darken(#556270,5%); -moz-transition:all 300ms; -webkit-transition:all 300ms; transition:all 300ms}
.tile-four{width:99.5%}
.tile-half{width:99.5%}

.mobile-header{background:#28323c; color:#fff; position:fixed; display:block;}
.mobile-header h2{ margin-top:7px;}

.form-inline .form-group{ margin-bottom:0;}
.form-inline .form-control{ display:inline-block; width:66%;}
.filter-option .form-inline{margin-top:8px;}
.filter-option .btn-group{margin-top:10px;}
.filter-option .mr5{ margin-right:0 !important;}
.filter-option .btn-group.mr10{ margin-right:2px !important;}
.mtopbtn{float:none !important;  font-size: 14px; line-height: 20px; padding: 6px 10px 6px;}
.media-body{ padding-bottom:10px;}
.media-body .btn-xs{ margin:0 0 4px;}
.mediamb20{ margin-top:10px !important;}
.image-popup-vertical-fit{ float:none !important;}

.table-striped{table-layout:fixed;}
.table-striped thead{display:none;}
.table-striped td{display:block; width:100%; overflow:hidden;}
.table-striped td span.heading{background:#eee; float:left; font-weight:bold; margin:-8px -8px 8px -8px; padding:8px; width:110%; display:block;}
.table-striped td.view-details{ background:#fff !important; margin-bottom:20px !important;}
.table-striped td.mob-separate{ background:#fff !important; margin-bottom:20px !important; display: block; float: left; width: 100%;}

.view-details .btn-xs{margin-bottom:5px;}

.fmodal{}
.fmodal .p40{padding:20px !important;}
.fmodal h1{ font-size:26px; padding:0 !important;}
.fmodal h1 span{ font-size:20px; margin:0;}
.fmodal .mfp-close{ width:24px; height:24px; font-size:42px; right:10px; top:14px;}
.fmodal .helper-block, .form-end p{margin-top:10px;}
/*.fmodal button#save{font-size: 14px; line-height: 20px; padding: 6px 10px 6px;}
.fmodal input.input-lg {font-size: 14px; height: 36px; padding: 10px;}

.btn-lg.btn-sm{border-radius: 3px; font-size: 12px; line-height: 1.5; padding: 5px 10px;}
}
@media (max-width:320px){
.table-striped td{width:290px; word-wrap: break-word;}
}
/** Netflex Mobile Push slide menu end**/

/* Import stylesheets */

.multiselect.dropdown-toggle.btn.btn-default {
  text-align: left !important;
}

.multiselect .dropdown-menu>li>a {
  padding: 0 30px !important;
}

.multiselect-container.dropdown-menu {
  margin-bottom: 50px !important;
}

/* DataTables */

.dt-buttons.btn-group {
  float: right;
  margin-bottom: 10px;
}

/* Select 2 */

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  width: 100% !important;
  font-size: 14px;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 48px;
  user-select: none;
  -webkit-user-select: none;
  font-size: 18px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.select2-container .select2-search--inline {
  float: left
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 0;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 99099
}

.select2-results {
  display: block
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none
}

.select2-results__option[aria-selected] {
  cursor: pointer
}

.select2-container--open .select2-dropdown {
  left: 0
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.select2-search--dropdown {
  display: block;
  padding: 4px
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
  display: none
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0)
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 48px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 46px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 0px;
  cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #337ab7;
  color: #fff;
  border: 1px solid #286295;
  border-radius: 0px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 6px 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid #000 1px;
  outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
  max-height: 350px;
  overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 0px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 0px;
  cursor: text;
  outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 0px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
  border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb
}

/*! Select2 Bootstrap 3 CSS v1.4.6 | MIT License | github.com/t0m/select2-bootstrap-css */
/**
 * Reset Bootstrap 3 .form-control styles which - if applied to the
 * original <select>-element the Select2-plugin may be run against -
 * are copied to the .select2-container.
 *
 * 1. Overwrite .select2-container's original display:inline-block
 *    with Bootstrap 3's default for .form-control, display:block;
 *    courtesy of @juristr (@see https://github.com/fk/select2-bootstrap-css/pull/1)
 */
.select2-container.form-control {
  background: transparent;
  box-shadow: none;
  border: none;
  display: block;
  /* 1 */
  margin: 0;
  padding: 0;
}

/**
 * Adjust Select2 inputs to fit Bootstrap 3 default .form-control appearance.
 */
.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice,
.select2-container .select2-choices {
  background: none;
  padding: 0;
  border-color: #cccccc;
  border-radius: 0px;
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-search input {
  border-color: #cccccc;
  border-radius: 0px;
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-container .select2-choices .select2-search-field input {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/**
 * Adjust Select2 input heights to match the Bootstrap default.
 */
.select2-container .select2-choice {
  height: 34px;
  line-height: 1.42857;
}

/**
 * Address Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-container.select2-container-multi.form-control {
  height: auto;
}

/**
 * Address Bootstrap 3 control sizing classes
 * @see http://getbootstrap.com/css/#forms-control-sizes
 */
.select2-container.input-sm .select2-choice,
.input-group-sm .select2-container .select2-choice {
  height: 30px;
  line-height: 1.5;
  border-radius: 0px;
}

.select2-container.input-lg .select2-choice,
.input-group-lg .select2-container .select2-choice {
  height: 46px;
  line-height: 1.33333;
  border-radius: 0px;
}

.select2-container-multi .select2-choices .select2-search-field input {
  height: 32px;
}

.select2-container-multi.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-container-multi .select2-choices .select2-search-field input {
  height: 28px;
}

.select2-container-multi.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-container-multi .select2-choices .select2-search-field input {
  height: 44px;
}

/**
 * Adjust height and line-height for .select2-search-field amd multi-select Select2 widgets.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 < 3.3.2.
 */
.select2-container-multi .select2-choices .select2-search-field input {
  margin: 0;
}

.select2-chosen,
.select2-choice>span:first-child,
.select2-container .select2-choices .select2-search-field input {
  padding: 6px 12px;
}

.input-sm .select2-chosen,
.input-group-sm .select2-chosen,
.input-sm .select2-choice>span:first-child,
.input-group-sm .select2-choice>span:first-child,
.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-choices .select2-search-field input {
  padding: 5px 10px;
}

.input-lg .select2-chosen,
.input-group-lg .select2-chosen,
.input-lg .select2-choice>span:first-child,
.input-group-lg .select2-choice>span:first-child,
.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-choices .select2-search-field input {
  padding: 10px 16px;
}

.select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 5px;
  margin-bottom: 3px;
}

.select2-container-multi.input-sm .select2-choices .select2-search-choice,
.input-group-sm .select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 3px;
  margin-bottom: 2px;
}

.select2-container-multi.input-lg .select2-choices .select2-search-choice,
.input-group-lg .select2-container-multi .select2-choices .select2-search-choice {
  line-height: 24px;
}

/**
 * Adjust the single Select2's dropdown arrow button appearance.
 *
 * 1. For Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice div {
  border-left: none;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.select2-dropdown-open .select2-choice .select2-arrow,
.select2-dropdown-open .select2-choice div {
  border-left-color: transparent;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/**
 * Adjust the dropdown arrow button icon position for the single-select Select2 elements
 * to make it line up vertically now that we increased the height of .select2-container.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
  background-position: 0 3px;
}

.select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open .select2-choice div b {
  background-position: -18px 3px;
}

.select2-container.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-container .select2-choice .select2-arrow b,
.select2-container.input-sm .select2-choice div b,
.input-group-sm .select2-container .select2-choice div b {
  background-position: 0 1px;
}

.select2-dropdown-open.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-sm .select2-choice div b,
.input-group-sm .select2-dropdown-open .select2-choice div b {
  background-position: -18px 1px;
}

.select2-container.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-container .select2-choice .select2-arrow b,
.select2-container.input-lg .select2-choice div b,
.input-group-lg .select2-container .select2-choice div b {
  background-position: 0 9px;
}

.select2-dropdown-open.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-lg .select2-choice div b,
.input-group-lg .select2-dropdown-open .select2-choice div b {
  background-position: -18px 9px;
}

/**
 * Address Bootstrap's validation states and change Select2's border colors and focus states.
 * Apply .has-warning, .has-danger or .has-succes to #select2-drop to match Bootstraps' colors.
 */
.has-warning .select2-choice,
.has-warning .select2-choices {
  border-color: #8a6d3b;
}

.has-warning .select2-container-active .select2-choice,
.has-warning .select2-container-multi.select2-container-active .select2-choices {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning.select2-drop-active {
  border-color: #66512c;
}

.has-warning.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #66512c;
}

.has-error .select2-choice,
.has-error .select2-choices {
  border-color: #a94442;
}

.has-error .select2-container-active .select2-choice,
.has-error .select2-container-multi.select2-container-active .select2-choices {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error.select2-drop-active {
  border-color: #843534;
}

.has-error.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #843534;
}

.has-success .select2-choice,
.has-success .select2-choices {
  border-color: #3c763d;
}

.has-success .select2-container-active .select2-choice,
.has-success .select2-container-multi.select2-container-active .select2-choices {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success.select2-drop-active {
  border-color: #2b542c;
}

.has-success.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #2b542c;
}

/**
 * Make Select2's active-styles - applied to .select2-container when the widget receives focus -
 * fit Bootstrap 3's .form-element:focus appearance.
 */
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
  border-color: #66afe9;
  outline: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.select2-drop-active {
  border-color: #66afe9;
}

.select2-drop-auto-width,
.select2-drop.select2-drop-above.select2-drop-active {
  border-top-color: #66afe9;
}

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * When Select2 widgets are combined with other elements using Bootstrap 3's
 * "Input Group" component, we don't want specific edges of the Select2 container
 * to have a border-radius.
 *
 * In Bootstrap 2, input groups required a markup where these style adjustments
 * could be bound to a CSS-class identifying if the additional elements are appended,
 * prepended or both.
 *
 * Bootstrap 3 doesn't rely on these classes anymore, so we have to use our own.
 * Use .select2-bootstrap-prepend and .select2-bootstrap-append on a Bootstrap 3 .input-group
 * to let the contained Select2 widget know which edges should not be rounded as they are
 * directly followed by another element.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
.input-group.select2-bootstrap-prepend [class^="select2-choice"] {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.input-group.select2-bootstrap-append [class^="select2-choice"] {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.select2-dropdown-open [class^="select2-choice"] {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  background: white;
  filter: none;
}

.input-group.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.input-group.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.input-group.input-group-sm.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-right-radius: 3px !important;
}

.input-group.input-group-lg.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-right-radius: 6px !important;
}

.input-group.input-group-sm.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-left-radius: 3px !important;
}

.input-group.input-group-lg.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-left-radius: 6px !important;
}

/**
 * Adjust Select2's choices hover and selected styles to match Bootstrap 3's default dropdown styles.
 */
.select2-results .select2-highlighted {
  color: white;
  background-color: #337ab7;
}

/**
 * Adjust alignment of Bootstrap 3 buttons in Bootstrap 3 Input Groups to address
 * Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-bootstrap-append .select2-container-multiple,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .select2-container-multiple,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-prepend .input-group-btn .btn {
  vertical-align: top;
}

/**
 * Make Multi Select2's choices match Bootstrap 3's default button styles.
 */
.select2-container-multi .select2-choices .select2-search-choice {
  color: #555555;
  background: white;
  border-color: #cccccc;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #ebebeb;
  border-color: #adadad;
  color: #333333;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/**
 * Address Multi Select2's choice close-button vertical alignment.
 */
.select2-search-choice-close {
  margin-top: -7px;
  top: 50%;
}

/**
 * Adjust the single Select2's clear button position (used to reset the select box
 * back to the placeholder value and visible once a selection is made
 * activated by Select2's "allowClear" option).
 */
.select2-container .select2-choice abbr {
  top: 50%;
}

/**
 * Adjust "no results" and "selection limit" messages to make use
 * of Bootstrap 3's default "Alert" style.
 *
 * @see http://getbootstrap.com/components/#alerts-default
 */
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background-color: #fcf8e3;
  color: #8a6d3b;
}

/**
 * Address disabled Select2 styles.
 *
 * 1. For Select2 v.3.3.2.
 * 2. Revert border-left:0 inherited from Select2's CSS to prevent the arrow
 *    from jumping when switching from disabled to enabled state and vice versa.
 */
.select2-container.select2-container-disabled .select2-choice,
.select2-container.select2-container-disabled .select2-choices {
  cursor: not-allowed;
  background-color: #eeeeee;
  border-color: #cccccc;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow,
.select2-container.select2-container-disabled .select2-choice div,
.select2-container.select2-container-disabled .select2-choices .select2-arrow,
.select2-container.select2-container-disabled .select2-choices div {
  background-color: transparent;
  border-left: 1px solid transparent;
  /* 2 */
}

/**
 * Address Select2's loading indicator position - which should not stick
 * to the right edge of Select2's search input.
 *
 * 1. in .select2-search input
 * 2. in Multi Select2's .select2-search-field input
 * 3. in the status-message of infinite-scroll with remote data (@see http://ivaynberg.github.io/select2/#infinite)
 *
 * These styles alter Select2's default background-position of 100%
 * and supply the new background-position syntax to browsers which support it:
 *
 * 1. Android, Safari < 6/Mobile, IE<9: change to a relative background-position of 99%
 * 2. Chrome 25+, Firefox 13+, IE 9+, Opera 10.5+: use the new CSS3-background-position syntax
 *
 * @see http://www.w3.org/TR/css3-background/#background-position
 *
 * @todo Since both Select2 and Bootstrap 3 only support IE8 and above,
 * we could use the :after-pseudo-element to display the loading indicator.
 * Alternatively, we could supply an altered loading indicator image which already
 * contains an offset to the right.
 */
.select2-search input.select2-active,
.select2-container-multi .select2-choices .select2-search-field input.select2-active,
.select2-more-results.select2-active {
  background-position: 99%;
  /* 4 */
  background-position: right 4px center;
  /* 5 */
}

/**
 * To support Select2 pre v3.4.2 in combination with Bootstrap v3.2.0,
 * ensure that .select2-offscreen width, height and position can not be overwritten.
 *
 * This adresses changes in Bootstrap somewhere after the initial v3.0.0 which -
 * in combination with Select2's pre-v3.4.2 CSS missing the "!important" after
 * the following rules - allow Bootstrap to overwrite the latter, which results in
 * the original <select> element Select2 is replacing not be properly being hidden
 * when used in a "Bootstrap Input Group with Addon".
 **/


.select2-offscreen,
.select2-offscreen:focus {
  width: 1px !important;
  height: 1px !important;
  position: absolute !important;
}

.select2-result-repository {
  padding-top: 4px;
  padding-bottom: 3px;
}

.select2-result-repository__avatar {
  float: left;
  width: 60px;
  margin-right: 10px;
}

.select2-result-repository__avatar img {
  width: 100%;
  height: auto;
  border-radius: 2px;
}

.select2-result-repository__meta {
  margin-left: 70px;
}

.select2-result-repository__meta__noimage {
  margin-left: 5px;
}

.select2-result-repository__title {
  color: black;
  font-weight: bold;
  word-wrap: break-word;
  line-height: 1.1;
  margin-bottom: 4px;
}

.select2-result-repository__forks,
.select2-result-repository__stargazers {
  margin-right: 1em;
}

.select2-result-repository__forks,
.select2-result-repository__stargazers,
.select2-result-repository__watchers {
  display: inline-block;
  color: #aaa;
  font-size: 11px;
}

.select2-result-repository__description {
  font-size: 13px;
  color: #777;
  margin-top: 4px;
}

.select2-results__option--highlighted .select2-result-repository__title {
  color: white;
}

.select2-results__option--highlighted .select2-result-repository__forks,
.select2-results__option--highlighted .select2-result-repository__stargazers,
.select2-results__option--highlighted .select2-result-repository__description,
.select2-results__option--highlighted .select2-result-repository__watchers {
  color: #c6dcef;
}


/*Tagsinput */

.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  padding: 4px 6px;
  color: #555;
  vertical-align: middle;
  border-radius: 0px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
}

.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: auto;
  max-width: inherit;
}

.bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #777;
  opacity: 1;
}

.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #777;
}

.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #777;
}

.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}

.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}


/*Typahead for tagsinput */

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
  margin-bottom: 0;
}

.twitter-typeahead .tt-hint {
  display: none;
}

.tt-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;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  cursor: pointer;
}

.tt-suggestion {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}

.tt-suggestion:hover,
.tt-suggestion:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}

.media-list li {
  display: block;
  clear: both;
}

.media-list li img.media-object {
  height: auto !important;
}

.media-list .media-heading {
  margin-bottom: 5px;
  margin-top: 0;
  white-space: normal;
  word-break: break-all;
}

.media-list li .image-popup-vertical-fit {
  max-width: 145px;
}

.media-list li .image-popup-vertical-fit img {
  display: block;
  max-width: 100%
}

/* ------------------------------------------
   GRID LAYOUT
   ------------------------------------------ */
.media-list .media {
  border-bottom: 1px solid #f1f1f1;
}

.media-list.grid .media {
  float: left;
  padding: 0 10px;
  width: 25%;
  margin-bottom: 20px;
  border: none;
}

.media-list.grid .media-body {
  border-bottom: 1px solid #f1f1f1;
  padding: 15px 0;
}

.media-list.grid .image-popup-vertical-fit {
  float: none !important;
  margin: 0;
  max-width: inherit;
  padding: 0;
  width: 100%;
}

.media-list.grid .image-popup-vertical-fit img {
  margin: 0 !important;
}

.media-list.grid .media-body .btn-group {
  /*display: none;*/
}

/* ------------------------------------------
   TABLE LAYOUT
   ------------------------------------------ */
.media-list.table .media {
  display: block;
  padding: 10px 0 10px;
  border-bottom: 1px solid #eeeeee;
  background: #f9f9f9
}

.media-list.table .media:hover {
  background: #f5f5f5;
}

.media-list.table .media .image-popup-vertical-fit {
  display: none;
}

.media-list.table .media-body .media-heading {
  float: left;
  font-size: 16px;
  line-height: 30px;
  margin: 0;
  width: 50%;
  padding: 0 10px;
}

.media-list.table .media-body .media-meta {
  float: left;
  line-height: 30px;
  margin: 0 !important;
  width: 25%;
}

.media-list.table .media-body .btn-group {
  width: auto;
  float: right;
  max-width: 10%;
  padding: 0 10px;
}

.media-list.table .open>.dropdown-menu {
  display: block;
  left: auto;
  right: 10px;
}

/* ------------------------------------------
   RESPONSIVE
   ------------------------------------------ */
@media (min-width: 992px) and (max-width: 1199px) {
  .sort-by-button-group {
    margin-right: 10px;
  }

  .btn-filter .btn,
  .file-actions-button-group .btn,
  .sort-by-button-group .btn {
    padding: 6px 10px;
  }

  .has-feedback .form-control {
    padding-right: 28px;
  }

  .media-list.grid .media {
    width: 33.33%;
  }

  .media-list.table .media-body .btn-group {
    max-width: inherit;
  }
}


#netflex-loading-overlay {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999998;
}

#netflex-loading-overlay span.overlay-content {
  font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  position: absolute;
  top: 40%;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
}

/* ------------------------------------------
   Letter design - for notifications
   ------------------------------------------ */
.letter-bg {
  background: #fcfcfc;
}

.letter {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  margin: 0;
  padding: 20px;
  max-width: 800px;
  position: relative;
}


/* ------------------------------------------
   Beautiful login box
   ------------------------------------------ */

body.login {
  padding: 0 !important;
  background: #dedede;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
}

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

.login-container {
  margin: 0 auto;
  padding: 15px;
}

.login-box {
  width: 400px;
  padding: 50px;
  margin: 20px auto;
  background: #fff;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2),
    0 4px 6px 0 rgba(0, 0, 0, 0.10),
    0 1px 10px 0 rgba(0, 0, 0, 0.10);
}

@media screen and (min-width: 767px) {
  .login-box {
    margin-top: 70px;
  }
}

.login-box__group {
  margin-bottom: 10px;
}

.login-box__group:last-child {
  margin-bottom: 0;
}

.login-box__group--logo {
  margin-bottom: 30px;
  text-align: center;
}

.login-box__input {
  padding: 10px;
  width: 100%;
}

.login-box__button {
  display: block;
  padding: 10px;
  margin-top: 10px;
  width: 100%;
  background: #5d89ec;
  color: #fff;
  border: none;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  transition: 0.2s background;
}

.login-box__button:hover {
  background: #537ad1;
}

.login-box__button:active {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2) inset;
}

.login-box__button--submit {
  font-size: 1.3em;
}

.login-box__label {
  /* Screen reader only */
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}


/* ==========  Booking table ========== */

table.reservations {
  text-align: center;
}

table.reservations td {
  border: none;
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  text-align: center;
  width: 30px;
}

table.reservations td a,
table.reservations td.booked a,
table.reservations td.available a {
  display: block;
  width: 100%;
  height: 40px;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

table.reservations th.name,
table.reservations td.name {
  width: 150px;
  padding: 0 2px;
  text-align: left;
}

table.reservations th {
  font-size: 12px;
  font-weight: normal;
}

table.reservations td.available {
  background-color: #91c591;
}

table.reservations td.booked {
  background-color: #e48e85;
}

table.reservations td.unconfirmed {
  background: #448ea6;
}

table.reservations td.checkingOut {
  background: #e48e85;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #e48e85 0%, #e48e85 48%, #000000 49%, #000000 50%, #91c591 51%, #91c591 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #e48e85), color-stop(48%, #e48e85), color-stop(49%, #000000), color-stop(50%, #000000), color-stop(51%, #91c591), color-stop(100%, #91c591));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #e48e85 0%, #e48e85 48%, #000000 49%, #000000 50%, #91c591 51%, #91c591 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #e48e85 0%, #e48e85 48%, #000000 49%, #000000 50%, #91c591 51%, #91c591 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #e48e85 0%, #e48e85 48%, #000000 49%, #000000 50%, #91c591 51%, #91c591 100%);
  /* IE10+ */
  background: linear-gradient(135deg, #e48e85 0%, #e48e85 48%, #000000 49%, #000000 50%, #91c591 51%, #91c591 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e48e85', endColorstr='#91c591', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

table.reservations td.checkingIn {
  background: #e48e85;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #91c591 0%, #91c591 48%, #000000 49%, #000000 50%, #e48e85 51%, #e48e85 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #91c591), color-stop(48%, #91c591), color-stop(49%, #000000), color-stop(50%, #000000), color-stop(51%, #e48e85), color-stop(100%, #e48e85));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #91c591 0%, #91c591 48%, #000000 49%, #000000 50%, #e48e85 51%, #e48e85 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #91c591 0%, #91c591 48%, #000000 49%, #000000 50%, #e48e85 51%, #e48e85 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #91c591 0%, #91c591 48%, #000000 49%, #000000 50%, #e48e85 51%, #e48e85 100%);
  /* IE10+ */
  background: linear-gradient(135deg, #91c591 0%, #91c591 48%, #000000 49%, #000000 50%, #e48e85 51%, #e48e85 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91c591', endColorstr='#e48e85', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

table.reservations td.checkingInAndOut {
  background: #e48e85;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #e48e85 0%, #e48e85 48%, #000000 49%, #000000 50%, #e48e85 51%, #e48e85 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #e48e85), color-stop(48%, #e48e85), color-stop(49%, #000000), color-stop(50%, #000000), color-stop(51%, #e48e85), color-stop(100%, #e48e85));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #e48e85 0%, #e48e85 48%, #000000 49%, #000000 50%, #e48e85 51%, #e48e85 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #e48e85 0%, #e48e85 48%, #000000 49%, #000000 50%, #e48e85 51%, #e48e85 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #e48e85 0%, #e48e85 48%, #000000 49%, #000000 50%, #e48e85 51%, #e48e85 100%);
  /* IE10+ */
  background: linear-gradient(135deg, #e48e85 0%, #e48e85 48%, #000000 49%, #000000 50%, #e48e85 51%, #e48e85 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e48e85', endColorstr='#e48e85', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

table.reservations tr {
  padding: 0 0 2px 0;
}

table.reservations td:hover {
  opacity: 0.7;
  cursor: pointer;
}

table.reservations {
  margin: 0 0 20px;
}

table.reservations tr {
  padding: 0 0 4px 0;
  border-bottom: 6px solid #fff;
}

table.reservations th {
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
  font-size: 10px;
}

table.reservations th.name,
table.reservations td.name {
  width: 150px;
  padding: 0 4px;
  text-align: left;

  vertical-align: middle;
}

table.reservations td.name:hover {
  opacity: 1;
  cursor: auto;
}

table.reservations td {
  border: solid #fff;
  border-width: 0 1px 0 0;
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0;
  height: 40px;
  width: 40px;
  margin: 0;
  text-align: center;
  vertical-align: middle;
}

td .tooltip {
  position: fixed !important
}

.fullheight {
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
}

/* Timeline */

@media only screen and (min-width: 1170px) {
  .cd-is-hidden {
    visibility: hidden;
  }
}

.cd-timeline {
  overflow: hidden;

}

.cd-timeline__container {
  position: relative;
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
  padding: 80px 0;
}

.cd-timeline__container::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}

@media only screen and (min-width: 1170px) {

  .cd-timeline__container::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline__block {
  position: relative;
  margin: 2em 0;
}

.cd-timeline__block:after {
  /* clearfix */
  content: "";
  display: table;
  clear: both;
}

.cd-timeline__block:first-child {
  margin-top: 0;
}

.cd-timeline__block:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline__block {
    margin: 4em 0;
  }
}

.cd-timeline__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  -webkit-box-shadow: 0 0 0 4px #d7e4ed, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0 4px #d7e4ed, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}

.cd-timeline__img i {
  display: block;
  position: relative;
  line-height: 60px;
  color: #fff;
  font-size: 32px;
}

.cd-timeline__img.cd-timeline__img--picture {
  background: #75ce66;
}

.cd-timeline__img.cd-timeline__img--movie {
  background: #c03b44;
}

.cd-timeline__img.cd-timeline__img--location {
  background: #f0ca45;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline__img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  .cd-timeline__img.cd-timeline__img--bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.cd-timeline__content {
  position: relative;
  margin-left: 60px;
  background: #e9f0f5;
  border-radius: 0;
  border: 1px solid #d7e4ed;
  padding: 1em;
  -webkit-box-shadow: 0 3px 0 #d7e4ed;
  box-shadow: 0 3px 0 #d7e4ed;
}

.cd-timeline__content:after {
  /* clearfix */
  content: "";
  display: table;
  clear: both;
}

.cd-timeline__content::before {
  /* triangle next to content block */
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}

.cd-timeline__content h2 {
  color: #303e49;
}

.cd-timeline__content p,
.cd-timeline__read-more,
.cd-timeline__date {
  font-size: 1.3rem;
}

.cd-timeline__content p {
  margin: 1em 0;
  line-height: 1.6;
}

.cd-timeline__read-more,
.cd-timeline__date {
  display: inline-block;
}

.cd-timeline__read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}

.cd-timeline__read-more:hover {
  background-color: #bac4cb;
}

.cd-timeline__date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}

@media only screen and (min-width: 768px) {
  .cd-timeline__content h2 {
    font-size: 2rem;
    margin: 0 0 5px;
  }

  .cd-timeline__content p {
    font-size: 1.6rem;
    margin: 0;
  }

  .cd-timeline__read-more,
  .cd-timeline__date {
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-timeline__content {
    margin-left: 0;
    padding: 20px;
    width: 45%;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  .cd-timeline__content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #d7e4ed;
  }

  .cd-timeline__read-more {
    float: left;
  }

  .cd-timeline__date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 1.6rem;
  }

  .cd-timeline__block:nth-child(even) .cd-timeline__content {
    float: right;
  }

  .cd-timeline__block:nth-child(even) .cd-timeline__content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #d7e4ed;
  }

  .cd-timeline__block:nth-child(even) .cd-timeline__read-more {
    float: right;
  }

  .cd-timeline__block:nth-child(even) .cd-timeline__date {
    left: auto;
    right: 122%;
    text-align: right;
  }

  .cd-timeline__content.cd-timeline__content--bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {

  /* inverse bounce effect on even content blocks */
  .cd-timeline__block:nth-child(even) .cd-timeline__content.cd-timeline__content--bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}

@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

iframe.proxy {
  background: #fff url(/assets/img/loading.gif) no-repeat 50% 50% !important;
  background-size: 32px 32px !important;
}

.login-box__logo {
  max-height: 100px;
  max-width: 100%;
  width: auto;
  margin-bottom: 2rem;
}


.ImageMap2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.ImageMap2__imageContainer {
  padding: 0;
  overflow: scroll;
}

.ImageMap2__imageContainer>* {
  grid-column-start: 1;
  grid-column-end: span 1;
  grid-row-start: 1;
  grid-row-end: span 1;
}

.ImageMap2__imageContainer>img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.Entries__sortable .select2-selection__choice {
  width: 100% !important;
}

.Entries__helpText {
  font-size: 1.25rem;
  padding: 0.75rem 0;
}

.is-pending {
  border-color: gray;
}

.is-pending>* {
  color: gray;
}

.is-pending input:after {
  content: "\e132";
}

.NewSignup__disabled {
  opacity: 0.5;
  transition: .3s auto;
  pointer-events: none;
}

.netflex-module.ui-sortable-helper {
  background: #000;
  color: #fff;
}

.entry-action {
  width: 100%;
  display: block;
  margin-bottom: 0.5rem;
}

.entry-action:last-child {
  margin-bottom: 0;
}

.email_preview {
  margin: 0;
  width: 100%;
  border: none;
  transition: 0.5s height 0.25 ease-in-out;
}

.order-datatable td {
  min-width: 90px;
}

.RuleBuilder .position-absolute {
  z-index: 1000 !important;
}

body.embed .col-sm-offset-3,
body.embed .col-sm-offset-4,
body.embed .col-lg-offset-2,
body.embed .col-md-offset-3 {
  margin-left: 0 !important;
}

.col-sm-12-embed-fix {
  padding-right: 0 !important;
  width: 100vw !important;
}

.card.p-1.position-absolute.shadow-sm {
  z-index: 1000;
}

.htmx-indicator {
  display: none;
}

.htmx-indicator-inverted {
  display: inline;
}


.htmx-request.htmx-indicator,
.htmx-request .htmx-indicator {
  display: inline;
}

.htmx-request .htmx-indicator-inverted,
.htmx-request.htmx-indicator-inverted {
  display: none;
}

.htmx-request.htmx-disable-on-request {
  opacity: 0.75;
  pointer-events: none;
}