/* ---- COLOURS ---- */
/* ---- END COLOURS ---- */
.ie-only {
  display: none; }

html.login, body.login {
  height: 100%; }

html {
  position: relative;
  min-height: 100%; }

body {
  background-color: #141415;
  font-family: museo_sans, helvetica, sans-serif;
  font-weight: 500;
  color: #fff;
  position: relative; }
  body.login {
    height: 100%; }

ul {
  list-style-type: none;
  padding-left: 0; }

ul.styled {
  list-style-type: disc; }
  ul.styled li {
    padding-top: 5px;
    padding-bottom: 5px; }

ul.columns li {
  float: left;
  text-align: left; }
ul.columns.two-columns li {
  width: 50%; }

.list-item-spaced:not(:last-child) {
  border-bottom: 1px solid #333336;
  margin-bottom: 15px; }

a {
  color: #d5101d; }
  a:hover, a:focus {
    color: #CF2934; }

.sdc-brand {
  width: 180px;
  height: 110px;
  margin: 20px;
  background-image: url("../img/vd-logo-reversed.svg");
  background-repeat: no-repeat;
  background-size: contain; }

.mel-brand {
  width: 180px;
  height: 160px;
  background-image: url("../img/screenfast_logo_vertical.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.initial .initial-visible {
  display: block; }
.initial .initial-hidden {
  display: none; }

.initial-visible {
  display: none; }

.initial-hidden {
  display: block; }

.empty .empty-visible {
  display: block; }
.empty .empty-hidden {
  display: none; }

.empty-visible {
  display: none; }

.empty-hidden {
  display: block; }

.loading .loading-visible {
  display: block; }
.loading .loading-hidden {
  display: none; }

.loading-visible {
  display: none; }

.loading-hidden {
  display: block; }

.login-spacer {
  height: 50%;
  margin-bottom: -225px; }

#login-container {
  width: 500px;
  height: 450px;
  margin-bottom: 40px;
  color: #fff;
  position: relative;
  -webkit-box-sizing: "border-box";
  -moz-box-sizing: "border-box";
  box-sizing: "border-box"; }
  #login-container.notice {
    margin-bottom: 150px; }
  #login-container .tagline {
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center; }
  #login-container .login-content {
    background-color: #121214;
    border-top: 1px solid #28282b;
    border-bottom: 1px solid #28282b;
    padding: 30px 80px; }
    #login-container .login-content.wide {
      padding: 30px; }
  #login-container a.white {
    text-decoration: none;
    color: #fff; }

#version_info {
  position: absolute;
  left: 0;
  bottom: -84px; }
  #version_info a {
    color: white; }
    #version_info a:hover {
      opacity: 0.9; }
    #version_info a .notification-bubble {
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
      border: 1px solid #d5101d;
      padding: 20px;
      background-color: rgba(213, 16, 29, 0.6);
      overflow: hidden;
      position: relative; }
      #version_info a .notification-bubble .app-icon {
        font-size: 42px; }
      #version_info a .notification-bubble .notification-text {
        margin-left: 55px;
        margin-right: 20px; }
      #version_info a .notification-bubble button.close {
        top: 17px;
        right: 20px;
        position: absolute;
        opacity: 0.6; }

a:hover,
a:focus {
  text-decoration: none; }

#sidebar-left {
  width: 100px;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #1c1c1f;
  border-right: 1px solid #232324;
  color: #555555;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  z-index: 100;
  margin-bottom: 40px;
  overflow-y: auto; }
  #sidebar-left a {
    color: #555555;
    transition: 0.2s all;
    display: block;
    padding: 5px 0 15px;
    width: 100%; }
    #sidebar-left a i {
      font-size: 50px;
      display: block;
      margin: auto; }
  #sidebar-left .current a,
  #sidebar-left a:hover,
  #sidebar-left a:focus {
    color: #d5101d;
    background-color: #141415; }
  #sidebar-left span {
    font-size: 12px; }

#app_container {
  padding-left: 107px;
  margin-bottom: 40px; }

#header-nav {
  width: 100%; }
  #header-nav #menu-nav {
    display: none;
    float: left;
    width: 60px;
    height: 60px;
    padding: 10px 16px;
    font-size: 15px;
    line-height: 3.6;
    margin-right: 10px;
    cursor: pointer; }
    #header-nav #menu-nav:hover, #header-nav #menu-nav.active {
      color: #d5101d; }

ul.main-nav {
  list-style-type: none;
  padding-left: 0; }

hr {
  border-color: #37383a; }

.navbar-brand {
  height: auto;
  border-bottom: 1px solid #232324;
  float: none; }

.bootstrap-dialog.type-primary .modal-content {
  background-color: #141415; }
.bootstrap-dialog.type-primary .modal-header {
  background: none;
  border-bottom: 0;
  text-align: center; }
  .bootstrap-dialog.type-primary .modal-header .bootstrap-dialog-title {
    color: #d5101d;
    font-size: 28px; }
.bootstrap-dialog.type-primary .modal-body {
  padding: 15px 30px;
  text-align: center; }
.bootstrap-dialog.type-primary .modal-footer {
  border-top: 0;
  text-align: center; }

.close {
  color: #ccc; }

.close:hover, .close:focus {
  color: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80); }

button.close-alt {
  padding-right: 45px;
  padding-top: 25px;
  opacity: 1; }
  button.close-alt:hover {
    color: #ccc; }

.popover {
  border: 1px solid #616161;
  background-color: #101011; }
  .popover .popover-title {
    background-color: #1a1a1a;
    border-bottom: 1px solid #616161; }
  .popover .popover-content {
    background-color: #101011; }

.project-tiles .project-item {
  margin-bottom: 14px;
  height: 305px;
  overflow: hidden;
  cursor: pointer;
  background-color: #2e2e2e; }
  .project-tiles .project-item .cover-image {
    background-image: url("../img/no-image-placeholder.png");
    background-size: cover;
    background-position: center;
    height: 230px;
    width: 100%; }
  .project-tiles .project-item .description {
    color: #fff;
    padding: 15px; }
    .project-tiles .project-item .description h4 {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      font-weight: 400; }
    .project-tiles .project-item .description .dcp_count {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }

.list-box-item {
  position: relative;
  height: 110px;
  padding: 14px;
  background-color: #2e2e2e;
  margin-bottom: 14px;
  border: 3px solid #2e2e2e;
  transition: 0.2s all;
  cursor: pointer;
  overflow: hidden; }
  .list-box-item h5 {
    color: #fff;
    transition: 0.2s all;
    margin-right: 10px; }
  .list-box-item.action {
    border-color: #2a2a2b;
    background: transparent;
    text-align: center;
    color: #555555;
    font-size: 16px;
    font-weight: 700;
    line-height: 76px; }
  .list-box-item .list-type {
    position: absolute;
    top: 14px;
    right: 14px; }
  .list-box-item .details {
    color: #696969;
    padding-top: 15px; }
  .list-box-item:hover, .list-box-item:focus, .list-box-item.selected {
    background-color: #eaeaea;
    border: 3px solid #eaeaea;
    color: #141415; }
    .list-box-item:hover h5, .list-box-item:focus h5, .list-box-item.selected h5 {
      color: #141415; }

i.boxed {
  border: 2px solid #2a2a2b;
  background-color: #1c1d20;
  border-radius: 10px;
  color: #fff;
  padding: 7px 10px;
  width: 33px;
  height: 33px;
  text-align: center; }
  i.boxed.boxed-lg {
    border: 0;
    background-color: #333;
    border-radius: 0;
    padding: 8px;
    width: 46px;
    height: 46px; }
  i.boxed.fa.boxed-lg {
    padding: 8px 11px;
    width: 46px;
    height: 46px;
    font-size: 24px; }

.overlay {
  z-index: 15;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin-left: 100px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9); }

.first-layer {
  z-index: 10;
  height: 100%; }

.upper-layer {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin-left: 120px; }
  .upper-layer .layer-content {
    height: 100%;
    margin-left: 50px;
    background-color: #101011;
    border-left: 1px solid #17181a;
    padding-bottom: 40px; }
  .upper-layer.second-layer {
    display: none;
    z-index: 20; }
  .upper-layer.third-layer {
    display: none;
    z-index: 30; }
  .upper-layer.right {
    right: 0;
    left: auto;
    margin-left: auto;
    width: 50%; }

.close-layer {
  position: absolute;
  z-index: 100;
  top: 14px;
  left: 0;
  width: 50px;
  height: 50px;
  color: #fff;
  border: 1px solid #17181a;
  border-right: 0;
  background-color: #101011;
  font-size: 30px;
  padding: 6px 9px;
  cursor: pointer; }
  .close-layer:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); }

.page-heading {
  display: table;
  position: relative; }
  .page-heading .content {
    position: relative;
    padding: 12px 16px;
    margin-left: 50px; }
    .page-heading .content .icon {
      position: absolute;
      font-size: 28px;
      top: 5px;
      left: -45px; }

.layer-heading {
  width: 100%;
  position: relative; }
  .layer-heading .background {
    z-index: 22;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    width: inherit;
    height: 140px;
    opacity: 0.4;
    filter: alpha(opacity=40); }
  .layer-heading .content-overlay {
    z-index: 24;
    position: absolute;
    padding: 28px;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit; }
  .layer-heading .content {
    position: relative;
    padding: 28px;
    margin-left: 50px; }
    .layer-heading .content .icon {
      position: absolute;
      font-size: 28px;
      top: 20px;
      left: -30px; }

.layer-toolbar {
  float: right; }

.heading-input {
  width: 250px; }

.basic-content-container {
  background-color: #101012; }

.inspector-panel {
  height: 100%;
  padding: 28px 20px;
  border-left: 1px solid #2a2b2c;
  position: relative;
  -webkit-box-shadow: -3px 0px 21px 1px rgba(0, 0, 0, 0.67);
  -moz-box-shadow: -3px 0px 21px 1px rgba(0, 0, 0, 0.67);
  -ms-box-shadow: -3px 0px 21px 1px rgba(0, 0, 0, 0.67);
  box-shadow: -3px 0px 21px 1px rgba(0, 0, 0, 0.67);
  background-image: url("../img/sdc-bubble-pattern.svg");
  background-color: #1c1c1f;
  background-repeat: repeat-x;
  background-position: bottom;
  overflow: auto; }
  .inspector-panel .inspector-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
  .inspector-panel .inspector-top {
    position: relative;
    padding-bottom: 15px; }
    .inspector-panel .inspector-top:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 2px;
      width: 100%;
      background-color: #040404;
      border-bottom: 1px solid #333336; }
  .inspector-panel .inspector-bottom {
    position: relative;
    padding-top: 15px; }

/* ---- PANEL STYLING ---- */
.panel {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: 1px solid #232324;
  margin-bottom: 30px; }
  .panel.panel-default {
    background-color: #141415; }
    .panel.panel-default > .panel-heading {
      background-color: #161718;
      color: #fff;
      border-color: #232324; }
  .panel .panel-body {
    position: relative; }

/* ---- END OF PANEL STYLING ---- */
.limited-panel-width {
  max-width: 700px; }

.heading {
  background-color: #161718;
  padding: 12px 24px;
  border-top: 1px solid #252627;
  margin-bottom: 8px; }

.list-filter {
  margin-bottom: 15px; }

.help-list {
  background-color: #161718;
  color: #969696;
  height: 100%;
  border: 1px solid #232324;
  font-size: 15px;
  padding: 0; }
  .help-list > ul {
    list-style-type: none;
    margin: 0; }
    .help-list > ul > li {
      padding: 15px;
      position: relative;
      border-bottom: 1px solid #232324;
      cursor: pointer; }
      .help-list > ul > li.current {
        background-color: #19191B;
        color: white; }
      .help-list > ul > li > ul > li {
        margin: 15px 15px 0px 15px;
        border-top: 1px solid #232324;
        padding-top: 15px; }
        .help-list > ul > li > ul > li.current {
          font-weight: 900; }
          .help-list > ul > li > ul > li.current::after {
            content: url("../img/menu-arrow.png");
            position: absolute;
            right: -1px; }

.scrollable-list {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  padding-left: 0;
  padding-right: 0; }
  .scrollable-list.compact {
    height: 100%;
    max-height: 400px; }
  .scrollable-list > ul {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0; }
    .scrollable-list > ul > li {
      padding: 14px;
      cursor: pointer;
      font-size: 16px;
      font-weight: 700;
      position: relative; }
      .scrollable-list > ul > li:not(:last-child) {
        border-bottom: 1px solid #28292c; }
      .scrollable-list > ul > li.current {
        background-color: #222326; }
      .scrollable-list > ul > li.no-action {
        cursor: default; }
      .scrollable-list > ul > li .action-icon {
        cursor: pointer; }
      .scrollable-list > ul > li p {
        margin: 0; }
  .scrollable-list ul.detailed-list li .action-icon {
    padding: 10px 0; }

.action-icon {
  position: absolute;
  top: 12px;
  right: 10px;
  color: #969696;
  font-size: 24px;
  line-height: normal; }
  .action-icon.main-column {
    color: #fff;
    top: 16px; }
  .action-icon.action-text {
    font-size: 12px;
    top: 15px; }

.action-list-item {
  border-bottom: 0;
  background-color: #161719;
  color: #383939;
  height: auto !important;
  margin-bottom: 8px;
  padding: 14px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  position: relative; }
  .action-list-item:hover h5, .action-list-item:hover .action-icon {
    color: #fff; }
  .action-list-item.disabled {
    min-height: 45px;
    cursor: auto; }
    .action-list-item.disabled div, .action-list-item.disabled h5 {
      display: none; }

.list_item_container > li {
  background-color: #141415;
  margin: 0 15px 15px;
  padding: 30px;
  position: relative; }
  .list_item_container > li .h1 {
    color: #fff;
    margin-bottom: 30px; }
  .list_item_container > li > .incentive {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    position: absolute;
    top: 30px;
    right: 30px;
    width: 80px;
    height: 80px; }
    .list_item_container > li > .incentive > div {
      font-weight: 900;
      font-size: 24px; }
  .list_item_container > li .list_item_children > li:not(:last-child) {
    border-bottom: 1px solid #28292c;
    padding-bottom: 15px;
    margin-bottom: 15px; }

.tree li {
  list-style-type: none;
  margin: 0;
  padding: 15px;
  position: relative; }
  .tree li::before, .tree li::after {
    content: '';
    left: 1px;
    position: absolute;
    right: auto; }
  .tree li::before {
    border-left: 1px solid #ccc;
    height: 100%;
    top: 0;
    width: 1px; }
  .tree li::after {
    border-top: 1px solid #ccc;
    top: 25px;
    width: 15px; }
  .tree li:last-child::before {
    height: 24px; }
.tree > ul > li::before, .tree > ul > li::after {
  border: 0; }
.tree.compact {
  padding: 0px;
  border: none;
  font-size: 12px;
  text-align: left; }
  .tree.compact.font-size-normal {
    font-size: 14px; }
  .tree.compact > ul > li {
    margin-left: 0 !important; }
  .tree.compact li {
    padding: 5px 15px;
    margin-left: 6px; }
    .tree.compact li::after {
      top: 16px; }
    .tree.compact li:last-child::before {
      height: 17px; }
    .tree.compact li label,
    .tree.compact li .control-label {
      margin-top: 0;
      margin-bottom: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .tree.compact li label span {
      margin-right: 0; }
.tree .toggle-more {
  position: absolute;
  right: 15px;
  top: 5px;
  font-weight: normal;
  font-size: 12px; }
.tree .toggle-more-details {
  padding: 10px;
  background-color: #1c1c1f;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 12px; }

li.holdover-item {
  padding-left: 25px !important;
  border-bottom: 0 !important; }

.holdover-list-container {
  margin-top: 10px; }

.campaign-item .current,
.holdover-item .current {
  background-color: #161719; }
.campaign-item .body,
.holdover-item .body {
  margin-right: 30px; }
  .campaign-item .body i,
  .holdover-item .body i {
    padding-right: 5px; }

.short-delivery-warning p {
  color: #d5101d;
  font-size: 13px;
  margin: 10px 0 0 0; }
  .short-delivery-warning p a {
    text-decoration: underline; }

footer {
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 40px;
  background-color: #1a1a1a;
  border-top: 1px solid #1f1f1f;
  -webkit-box-shadow: -3px 0px 21px 1px rgba(0, 0, 0, 0.67);
  -moz-box-shadow: -3px 0px 21px 1px rgba(0, 0, 0, 0.67);
  -ms-box-shadow: -3px 0px 21px 1px rgba(0, 0, 0, 0.67);
  box-shadow: -3px 0px 21px 1px rgba(0, 0, 0, 0.67); }
  footer a {
    color: #555555;
    text-decoration: underline; }
  footer .footer-elements-container {
    width: 100%; }
  footer .footer-element {
    padding: 5px 15px;
    line-height: 30px;
    color: #555555;
    display: block;
    text-align: center;
    float: left; }
    footer .footer-element.logout-nav {
      width: 100px;
      border-right: 1px solid #232324; }
    footer .footer-element.logo {
      background-image: url("../img/vd-logo-reversed.svg");
      background-repeat: no-repeat;
      background-size: contain;
      height: 37px;
      width: 70px;
      background-position: center right; }
  footer a:hover {
    background-color: #1F1F1F; }

/* ---- TABLE STYLING ---- */
.table {
  max-width: 100%;
  table-layout: fixed; }
  .table > tbody > tr > td {
    border-top: 1px solid #232324;
    border-bottom: none;
    vertical-align: middle;
    height: 50px; }
  .table.table-condensed > thead > tr > th,
  .table.table-condensed > tbody > tr > td {
    height: auto; }
  .table > tbody > tr:first-child > td {
    border-top: none; }
  .table > thead > tr > th {
    border-bottom: none;
    background-color: #161718;
    text-transform: uppercase;
    color: #969696;
    vertical-align: center;
    padding: 15px 8px; }
  .table > thead.no-padding > tr > th {
    padding: 0; }
  .table > tbody > tr.highlight {
    color: #1d9d74;
    font-weight: bold; }

.table.table-wrap td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.table-hover > tbody > tr:hover > td {
  background-color: red; }

.table > tbody > tr.disabled {
  background-color: red;
  color: #ccc; }

/* END OF TABLE STYLING */
.info-item {
  margin-right: 14px; }
  .info-item .key {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #969696; }
  .info-item .value {
    color: #fff;
    font-size: 14px;
    font-weight: 500; }

.step-box {
  background-color: #171718;
  padding: 30px;
  margin-bottom: 30px; }
  .step-box .step-icon {
    background-color: #555;
    border-radius: 50%;
    text-align: center;
    height: 60px;
    width: 60px;
    font-size: 40px;
    color: #fff;
    display: inline-block; }

.alert.alert-success {
  background: none;
  border-color: #1d9d74;
  color: #1d9d74; }
.alert.alert-danger {
  background: none;
  border-color: #d5101d;
  color: #fff; }

/* styling of form elements & fonts */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
  font-size: 14px; }

textarea {
  max-width: 100%;
  resize: none;
  width: 100%; }

/* Used for designating required fields */
.form-group.required .control-label::after {
  content: " *";
  color: #d5101d; }

.form-control {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  height: auto;
  min-height: 34px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background-color: #bbbbbb; }

select.form-control {
  height: 34px; }

.datepicker {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  padding: 6px 12px; }

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  color: rgba(0, 0, 0, 0.3); }

.form-control:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

::-webkit-input-placeholder {
  color: #fff !important; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #fff !important; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff !important; }

:-ms-input-placeholder {
  color: #fff !important; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: normal;
  -webkit-appearance: none;
  -moz-appearance: none; }

.form-control.edit,
.input-group.edit,
input.edit,
.input.edit input,
.input.edit .select2-container .select2-choice {
  border: 1px dashed #AFABAB;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }

.input-group {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background: #333333; }
  .input-group .input-group-addon {
    background: transparent;
    border: none;
    color: #fff;
    border-right: 1px solid #484848; }
  .input-group.grey .form-control {
    border: none;
    background-color: transparent;
    color: #fff; }
  .input-group.dark .form-control {
    background-color: #000000;
    border: none;
    color: #fff; }
  .input-group.dark .input-group-addon {
    background-color: #000000;
    color: #555555;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border-right: 1px solid #1a1a1a; }
  .input-group .form-control,
  .input-group .input-group-addon,
  .input-group .input-group-btn > .btn {
    height: 42px; }

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

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

.input-group.edit {
  width: 100%;
  table-layout: fixed; }
  .input-group.edit .input-group-addon {
    background: transparent;
    width: 40px;
    /* hacky, but necessary... sigh. */ }
  .input-group.edit input {
    border: none;
    padding-left: 0; }

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

input[type="checkbox"],
input[type="radio"] {
  display: none; }

input[type="checkbox"] + label span,
input[type="radio"] + label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  background-image: url("../img/input_checkbox_radio_sprite.png");
  background-repeat: no-repeat;
  margin-right: 8px;
  transition: opacity 0.2s; }

input[type="checkbox"] + label span {
  background-position: left top; }

input[type="checkbox"]:checked + label span {
  background-position: -19px top; }

input[type="radio"] + label span {
  background-position: -39px top; }

input[type="radio"]:checked + label span {
  background-position: -58px top; }

input[type="checkbox"] + label span:hover,
input[type="radio"] + label span:hover {
  opacity: 0.8;
  filter: alpha(opacity=80); }

input[type="checkbox"][disabled] + label span:hover,
input[type="checkbox"][disabled] + label span,
input[type="radio"][disabled] + label span:hover,
input[type="radio"][disabled] + label span {
  opacity: 0.1;
  filter: alpha(opacity=10);
  cursor: not-allowed; }

input[type="date"] {
  line-height: normal; }

input.inline {
  display: inline; }
  input.inline.inline-small {
    width: 50px; }

.fake-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.reg-info {
  line-height: 34px;
  font-size: 12px; }

ul > li label,
ul > li .control-label {
  margin-bottom: 5px;
  margin-top: 5px; }

.input-checkbox-options label, .input-checkbox-options .control-label {
  margin-top: 0;
  margin-bottom: 0; }

label,
.control-label {
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: #969696;
  margin-top: 10px;
  margin-bottom: 10px; }

.form-horizontal .control-label {
  text-align: left; }

.form-horizontal .h5 {
  font-size: 1.2em; }

.form-horizontal hr {
  margin-top: 40px;
  margin-bottom: 40px; }

.btn {
  text-transform: uppercase; }
  .btn.btn-danger {
    background-color: #d5101d;
    color: #fff;
    -webkit-border-radius: 2;
    -moz-border-radius: 2;
    -ms-border-radius: 2;
    border-radius: 2; }
  .btn:focus, .btn:active {
    outline: none; }

.btn.text-only {
  transition: 0.2s all; }
  .btn.text-only.btn-default {
    background: none;
    border: 0;
    color: #fff; }
  .btn.text-only.btn-danger {
    background: none;
    border: 0;
    color: #d5101d; }
  .btn.text-only.btn-success {
    background: none;
    border: 0;
    color: #1d9d74; }
  .btn.text-only:hover, .btn.text-only:focus {
    color: #fff; }

.btn.btn-outline {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #555555;
  padding: 7px 14px;
  transition: 0.1s all; }
  .btn.btn-outline.btn-sm {
    padding: 4px 8px; }
  .btn.btn-outline.btn-default {
    color: #fff;
    background-color: #101011; }
    .btn.btn-outline.btn-default.disabled {
      color: #4a4a4a;
      background-color: #232325; }
  .btn.btn-outline.btn-success {
    background-color: #101011;
    color: #1d9d74; }
  .btn.btn-outline.btn-danger {
    background-color: #101011;
    color: #d5101d; }
  .btn.btn-outline:hover, .btn.btn-outline:focus, .btn.btn-outline.current {
    background-color: #2f2f33;
    color: #fff; }

/*=========== ERRORS ================ */
.errorlist {
  margin-bottom: 0;
  padding: 0; }

.has-error .control-label {
  color: #d5101d !important; }
.has-error .form-control {
  border-color: #d5101d !important; }
  .has-error .form-control:focus {
    box-shadow: none; }
.has-error .input-group {
  border-color: #d5101d !important; }

/*=========== SELECT2 Styling ================ */
.select2-container {
  min-width: 100%; }

.select2-container.h2 a {
  height: 65px;
  line-height: 65px;
  background-color: rgba(255, 255, 255, 0.6); }

.select2-container.h2 {
  margin-bottom: 10px; }

.select2-container.h2 .select2-choice .select2-arrow {
  top: 18px; }

.input-group .select2-container-multi .select2-choices,
.input-group .select2-container .select2-choice,
.edit .select2-container-multi .select2-choices,
.edit .select2-container .select2-choice {
  border: 1px solid transparent; }

.select2-icon-top {
  vertical-align: top;
  padding-top: 10px; }

.select2-container-multi .select2-choices .select2-search-choice {
  line-height: 17px;
  color: #000;
  background-image: none;
  border: 1px solid transparent;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none; }

.select2-container-multi .select2-choices {
  background-image: none; }

.select2-container .select2-choice {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background-image: none;
  background: none;
  line-height: 34px; }

.select2-container .select2-choice .select2-arrow {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background-image: none;
  background: transparent;
  border-left: 1px solid transparent;
  top: 3px;
  right: 4px; }

.select2-results .select2-no-results {
  background-color: white;
  border: 1px solid transparent; }

.select2-dropdown-open .select2-choice {
  background-color: #fff;
  background-image: none; }

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 1px solid #ccc;
  background-image: none;
  background: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }

.select2-drop.select2-drop-above {
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 1px solid #ccc;
  background-image: none;
  background: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #ccc;
  border-bottom: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  padding-bottom: 1px; }

.select2-container-multi.select2-container-active .select2-choices,
.select2-container.select2-container-active .select2-choice {
  border: 1px solid #ccc;
  box-shadow: none;
  -webkit-box-shadow: none; }

.edit .select2-container-multi.select2-container-active .select2-choices,
.edit .select2-container.select2-container-active .select2-choice {
  border: 1px solid #ccc;
  background-color: #fff; }

.select2-drop {
  padding-top: 5px;
  margin-top: -2px;
  box-shadow: none;
  -webkit-box-shadow: none; }

.select2-drop-active {
  border: 1px solid #ccc;
  border-top: none; }

.select2-search input {
  border: 1px solid #ccc;
  background: none;
  background: #fff url("select2.png") no-repeat -34px -22px;
  padding-left: 27px;
  font-family: 'source_sans_pro', 'arial', sans-serif; }

.project-countries-regions-container {
  margin-bottom: 10px; }
  .project-countries-regions-container .select2-container {
    height: 45px;
    width: 100%; }
    .project-countries-regions-container .select2-container .select2-choice {
      background-color: #161719;
      border: 0;
      height: 45px;
      color: #969696; }
      .project-countries-regions-container .select2-container .select2-choice .select2-arrow {
        top: 8px; }
    .project-countries-regions-container .select2-container .select2-chosen {
      height: 45px;
      line-height: 45px; }

@font-face {
  font-family: 'museo_sans';
  src: url("../fonts/museosans_700-webfont.eot");
  src: url("../fonts/museosans_700-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museosans_700-webfont.woff2") format("woff2"), url("../fonts/museosans_700-webfont.woff") format("woff"), url("../fonts/museosans_700-webfont.ttf") format("truetype"), url("../fonts/museosans_700-webfont.svg#museo_sans700") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'museo_sans';
  src: url("../fonts/museosans_300-webfont.eot");
  src: url("../fonts/museosans_300-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museosans_300-webfont.woff2") format("woff2"), url("../fonts/museosans_300-webfont.woff") format("woff"), url("../fonts/museosans_300-webfont.ttf") format("truetype"), url("../fonts/museosans_300-webfont.svg#museo_sans300") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'museo_sans';
  src: url("../fonts/museosans_500-webfont.eot");
  src: url("../fonts/museosans_500-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museosans_500-webfont.woff2") format("woff2"), url("../fonts/museosans_500-webfont.woff") format("woff"), url("../fonts/museosans_500-webfont.ttf") format("truetype"), url("../fonts/museosans_500-webfont.svg#museo_sans300") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'museo_sans';
  src: url("../fonts/museosans_900-webfont.eot");
  src: url("../fonts/museosans_900-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/museosans_900-webfont.woff2") format("woff2"), url("../fonts/museosans_900-webfont.woff") format("woff"), url("../fonts/museosans_900-webfont.ttf") format("truetype"), url("../fonts/museosans_900-webfont.svg#museo_sans300") format("svg");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: 'sdcfont';
  src: url("../fonts/sdcfont.eot?-v2");
  src: url("../fonts/sdcfont.eot?#iefix-v2") format("embedded-opentype"), url("../fonts/sdcfont.woff?-v2") format("woff"), url("../fonts/sdcfont.ttf?-v2") format("truetype"), url("../fonts/sdcfont.svg?-v2#sdcfont") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="sdc-icon-"],
[class*=" sdc-icon-"] {
  font-family: 'sdcfont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1em;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

.sdc-icon-trailer:before {
  content: "\e61b"; }

.sdc-icon-screenfast_logo:before {
  content: "\e61a"; }

.sdc-icon-circle_minus:before {
  content: "\e600"; }

.sdc-icon-circle_pause:before {
  content: "\e601"; }

.sdc-icon-circle_play:before {
  content: "\e602"; }

.sdc-icon-circle_plus:before {
  content: "\e603"; }

.sdc-icon-circle_refresh:before {
  content: "\e604"; }

.sdc-icon-circle_stop_watch:before {
  content: "\e605"; }

.sdc-icon-cross:before {
  content: "\e606"; }

.sdc-icon-circle_list:before {
  content: "\e607"; }

.sdc-icon-dcp_icon:before {
  content: "\e608"; }

.sdc-icon-download_cloud:before {
  content: "\e609"; }

.sdc-icon-emergency_reel:before {
  content: "\e60a"; }

.sdc-icon-film_reel:before {
  content: "\e60b"; }

.sdc-icon-folder_closed:before {
  content: "\e60c"; }

.sdc-icon-folder:before {
  content: "\e60d"; }

.sdc-icon-globe:before {
  content: "\e60e"; }

.sdc-icon-hard-drive-icon:before {
  content: "\e60f"; }

.sdc-icon-list:before {
  content: "\e610"; }

.sdc-icon-magnifying_glass:before {
  content: "\e611"; }

.sdc-icon-map_marker_multiple:before {
  content: "\e612"; }

.sdc-icon-report:before {
  content: "\e613"; }

.sdc-icon-star:before {
  content: "\e614"; }

.sdc-icon-stop_watch:before {
  content: "\e615"; }

.sdc-icon-user_head:before {
  content: "\e616"; }

.sdc-icon-info:before {
  content: "\e617"; }

.sdc-icon-clipboard:before {
  content: "\e618"; }

.sdc-icon-lock:before {
  content: "\e900"; }

.sdc-icon-old-projector:before {
  content: "\e901"; }

.sdc-icon-movies-download:before {
  content: "\e902"; }

h1, .h1, h2, .h2, h3, .h3 {
  line-height: normal; }

h1, .h1 {
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 7px;
  margin-top: 0;
  color: #d5101d; }

h2, .h2 {
  font-size: 23px;
  font-weight: 500;
  margin-bottom: 7px;
  margin-top: 0;
  color: #d5101d; }

h3, .h3 {
  font-size: 18px;
  font-weight: 700;
  margin-top: 7px;
  line-height: 24px; }

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

h5, .h5 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #969696; }

p {
  font-size: 14px;
  font-weight: 300;
  line-height: 150%; }

.bold {
  font-weight: 700; }

.text-danger {
  color: #d5101d; }

.text-success {
  color: #1d9d74; }

@media (max-width: 767px) {
  h1, .h1,
  h2, .h2,
  h3, .h3,
  h4, .h4,
  h5, .h5 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; } }
/* import media queries */
@media (max-width: 767px) {
  #sidebar-left {
    width: 0;
    border: 0;
    margin-bottom: 0;
    top: 90px;
    transition: 0.2s all; }
    #sidebar-left.open {
      width: 100%; }
    #sidebar-left .main-nav > li {
      float: left;
      width: 33.333333%;
      height: 100px; }
      #sidebar-left .main-nav > li > a {
        height: 100px; }

  #app_container {
    padding: 0;
    margin-bottom: 0; }

  #header-nav #menu-nav {
    display: block; }

  .navbar-brand {
    display: none; }

  footer {
    position: relative;
    height: auto;
    clear: both; }
    footer .footer-left,
    footer .footer-right,
    footer .footer-element,
    footer .logo-container {
      float: none !important; }
    footer .footer-element {
      width: 100%; }
      footer .footer-element.logout-nav {
        width: 100%;
        border: 0; }
      footer .footer-element.logo {
        margin: auto; }

  .login-spacer {
    display: none; }

  #login-container {
    height: auto;
    width: auto;
    margin: auto; }
    #login-container .login-content {
      padding-left: 30px;
      padding-right: 30px; }
    #login-container .form {
      padding-top: 15px; }

  .sdc-brand {
    float: none !important;
    margin: 20px auto; }

  .scrollable-list {
    overflow-y: visible;
    height: auto !important; }

  .scroll-y {
    overflow-y: visible !important; }

  .overlay {
    margin-left: 0; }

  .upper-layer {
    margin-left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
    .upper-layer .layer-content {
      height: auto;
      min-height: 100%;
      margin-left: 0;
      border: 0; }
    .upper-layer.right {
      left: 0;
      width: 100%; }

  .close-layer {
    position: absolute;
    top: 10px;
    left: initial;
    right: 10px;
    border: 0;
    background-color: transparent; }

  .layer-toolbar {
    float: none;
    margin-top: 15px; }

  .heading-input {
    width: auto; }

  .tab-panel-heading {
    position: relative;
    clear: both;
    cursor: pointer;
    background-color: #161718;
    padding: 12px 24px;
    border-top: 1px solid #252627;
    border-bottom: 1px solid #252627;
    margin-bottom: 8px; }
    .tab-panel-heading:first-child {
      margin-top: 8px; }
    .tab-panel-heading.active {
      background-color: #2e2e2e; }
    .tab-panel-heading::after {
      content: '\f10c';
      font-size: 18px;
      color: #ccc;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      position: absolute;
      right: 15px;
      top: 15px; }

  .disable-actions-xs .action-icon {
    display: none; } }
@media (min-width: 768px) {
  .scroll-y {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch; } }
/* ---- UTILS ---- */
.overlay-element {
  position: absolute;
  background-color: #ffffff29;
  width: 100%;
  height: 100%;
  z-index: 99999; }
  .overlay-element .overlay-element-text {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 15px;
    color: white;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); }

.no-border {
  border: none !important; }

.no-margin {
  margin: 0 !important; }

.no-padding {
  padding: 0 !important; }

.no-background {
  background: none !important; }

.padding-bottom-15 {
  padding-bottom: 15px; }

.padding-top-15 {
  padding-top: 15px; }

.padding-bottom-30 {
  padding-bottom: 30px; }

.padding-top-30 {
  padding-top: 30px; }

.margin-top-30 {
  margin-top: 30px; }

.margin-top-15 {
  margin-top: 15px; }

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

.margin-left-15 {
  margin-left: 15px; }

.margin-right-15 {
  margin-right: 15px; }

.margin-top-30 {
  margin-top: 30px; }

.margin-bottom-30 {
  margin-bottom: 30px; }

.padding-30 {
  padding: 30px; }

.greyed-out {
  color: #ccc !important; }

.greyed-out-dark {
  color: #969696; }

.white-bg {
  background-color: #fff; }

.opacity-50 {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.opacity-25 {
  opacity: 0.25;
  filter: alpha(opacity=25); }

.draggable,
.clickable {
  cursor: pointer; }

.hideblock {
  display: none;
  visibility: none; }

.uppercase {
  text-transform: uppercase; }

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* ---- END UTILS ---- */

/*# sourceMappingURL=styles.css.map */