/* Keep site consistent*/
.checkbox, .radio {
  margin-top: 0; }

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

.dataTables_paginate .paginate_button {
  background: none !important; }
  .dataTables_paginate .paginate_button.current {
    background: none !important; }
    .dataTables_paginate .paginate_button.current:hover {
      box-shadow: none !important; }

table.dataTable thead .sorting {
  background-image: url(../images/datatable_sort_both.png); }
table.dataTable thead .sorting_asc {
  background-image: url(../images/datatable_sort_asc.png); }
table.dataTable thead .sorting_desc {
  background-image: url(../images/datatable_sort_desc.png); }
table.dataTable thead .no-sort {
  background-image: none !important; }

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  margin-left: 0;
  margin-top: 0;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(43, 54, 67, 0)), color-stop(25%, rgba(43, 54, 67, 0.05)), color-stop(75%, rgba(43, 54, 67, 0.05)), color-stop(100%, rgba(43, 54, 67, 0)));
  background: -webkit-linear-gradient(left, rgba(43, 54, 67, 0) 0%, rgba(43, 54, 67, 0.05) 25%, rgba(43, 54, 67, 0.05) 75%, rgba(43, 54, 67, 0) 100%);
  background: -moz-linear-gradient(left, rgba(43, 54, 67, 0) 0%, rgba(43, 54, 67, 0.05) 25%, rgba(43, 54, 67, 0.05) 75%, rgba(43, 54, 67, 0) 100%);
  background: -ms-linear-gradient(left, rgba(43, 54, 67, 0) 0%, rgba(43, 54, 67, 0.05) 25%, rgba(43, 54, 67, 0.05) 75%, rgba(43, 54, 67, 0) 100%);
  background: -o-linear-gradient(left, rgba(43, 54, 67, 0) 0%, rgba(43, 54, 67, 0.05) 25%, rgba(43, 54, 67, 0.05) 75%, rgba(43, 54, 67, 0) 100%);
  background: linear-gradient(to right, rgba(43, 54, 67, 0) 0%, rgba(43, 54, 67, 0.05) 25%, rgba(43, 54, 67, 0.05) 75%, rgba(43, 54, 67, 0) 100%); }

.datatables-header .dataTables_info {
  clear: none;
  padding-top: 4px;
  padding-left: 15px; }
.datatables-header .dt-buttons {
  padding: 15px 0;
  float: left; }

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

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #000000 !important; }

.dataTables_filter {
  padding: 15px 0; }

button.dt-button, div.dt-button, a.dt-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-right: 0.333em;
  border-radius: 2px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  background-image: none;
  filter: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  outline: none;
  padding: 10px 30px;
  color: #fff;
  background-color: #E6272F;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid #E6272F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

table.dataTable thead tr.filters th, table.dataTable thead tr.filters td {
  border-bottom: none;
  padding-top: 0;
  padding-bottom: 0; }
table.dataTable thead tr.filters + tr th {
  border-top: none; }

.dt-filter {
  position: relative;
  margin-left: 15px;
  z-index: 9999; }

select.SumoUnder {
  position: absolute; }

.dt_date_filters .datepicker {
  width: 85px;
  font-size: 12px;
  padding: 6px; }

table.dataTable tbody th, table.dataTable tbody td {
  padding: 8px 20px !important; }

/* Fonts */
/* Site colours */
/* Bootstrap media queries */
/* Time and motion */
/* Publishing Checklist colours */
/**** Forms ****/
input[type="number"] {
  -moz-appearance: textfield; }
  input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; }

input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input {
  color: #2b2b2b; }

input::-webkit-input-placeholder {
  color: #ccc; }
input::-moz-placeholder {
  color: #ccc; }
input:-moz-placeholder {
  color: #ccc; }
input:-ms-input-placeholder {
  color: #ccc; }

.acf-field select,
input:not([type="submit"]),
textarea,
textarea#enquiry {
  /*    border: 1px solid $lightgrey;
      background: #fff;
      text-indent: 5px;
      padding: 6px 12px;
     -webkit-appearance: none;  */ }

span.required {
  display: none; }

.form-control {
  box-shadow: none;
  border-radius: 0; }

.acf-field select {
  text-indent: 5px;
  padding: 3px 5px;
  background-image: url(""); }

textarea {
  height: 100px; }

div.checkbox, div.radio {
  position: relative;
  padding-top: 15px; }
  div.checkbox label, div.radio label {
    padding: 0 0 0 30px;
    position: relative;
    margin-right: 5px; }
    div.checkbox label span.box, div.radio label span.box {
      border: 1px solid #8394AB;
      color: #E6272F;
      position: absolute;
      left: 0;
      top: 0; }
  div.checkbox input[type="checkbox"], div.checkbox input[type="radio"], div.radio input[type="checkbox"], div.radio input[type="radio"] {
    visibility: hidden;
    position: absolute; }
    div.checkbox input[type="checkbox"] + label .box i, div.checkbox input[type="radio"] + label .box i, div.radio input[type="checkbox"] + label .box i, div.radio input[type="radio"] + label .box i {
      opacity: 0;
      -webkit-transition: opacity 0.3s ease-in-out;
      -moz-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out; }
    div.checkbox input[type="checkbox"]:checked + label .box i, div.checkbox input[type="radio"]:checked + label .box i, div.radio input[type="checkbox"]:checked + label .box i, div.radio input[type="radio"]:checked + label .box i {
      opacity: 1.0; }

.acf-field[data-type="checkbox"] input[type="checkbox"],
.acf-field[data-type="true_false"] .acf-true-false > label > input[type="checkbox"] {
  -webkit-appearance: checkbox; }

.acf-field[data-type="true_false"] .acf-true-false > label > input[type="checkbox"].acf-switch-input {
  -webkit-appearance: none; }

.form-control {
  border: none;
  background-color: #E9EDEF;
  height: 43px;
  border: 1px solid #3a4656; }
  .form-control::-moz-placeholder {
    color: #8394AB;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #8394AB; }
  .form-control::-webkit-input-placeholder {
    color: #8394AB; }
  .form-control:focus {
    border-color: #E9EDEF; }

.acf-fields {
  margin-left: -10px;
  margin-right: -10px; }

.pddm-form,
#publishing-checklist-form,
#acf-form {
  background: #fff;
  padding: 30px; }

#acf-form .acf-fields > .acf-tab-wrap {
  background: #fff !important; }

table.dataTable div.actions {
  width: max-content; }
  table.dataTable div.actions > a.btn-xs {
    margin-bottom: 5px; }
    table.dataTable div.actions > a.btn-xs:not(:last-child) {
      margin-right: 5px; }
  table.dataTable div.actions th.no-sort {
    background-image: none; }

body.view .pddm-form .mce-flow-layout,
body.view .pddm-form .wp-media-buttons,
body.view .pddm-form .wp-editor-tabs,
body.view .pddm-form .mce-toolbar-grp,
body.view .pddm-form .acf-row-handle.remove > a,
body.view .pddm-form .acf-actions,
body.view .pddm-form .acf-form-submit,
body.view #acf-form .mce-flow-layout,
body.view #acf-form .wp-media-buttons,
body.view #acf-form .wp-editor-tabs,
body.view #acf-form .mce-toolbar-grp,
body.view #acf-form .acf-row-handle.remove > a,
body.view #acf-form .acf-actions,
body.view #acf-form .acf-form-submit {
  display: none !important; }
body.view .pddm-form input:disabled, body.view .pddm-form select:disabled,
body.view #acf-form input:disabled,
body.view #acf-form select:disabled {
  background-color: #eee;
  opacity: 1; }
  body.view .pddm-form input:disabled + .acf-switch, body.view .pddm-form select:disabled + .acf-switch,
  body.view #acf-form input:disabled + .acf-switch,
  body.view #acf-form select:disabled + .acf-switch {
    cursor: default;
    opacity: 0.6; }
body.view .modal-request #acf-form .mce-flow-layout,
body.view .modal-request #acf-form .wp-media-buttons,
body.view .modal-request #acf-form .wp-editor-tabs,
body.view .modal-request #acf-form .mce-toolbar-grp,
body.view .modal-request #acf-form .acf-row-handle.remove > a,
body.view .modal-request #acf-form .acf-actions,
body.view .modal-request #acf-form .acf-form-submit {
  display: block !important; }

#acf-form input:disabled, #acf-form select:disabled {
  background-color: #eee;
  opacity: 1; }

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0); }
  90% {
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0); } }
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -1px, 0); } }
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce; }

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  33% {
    -webkit-transform: translate3d(-3px, 0, 0);
    transform: translate3d(-3px, 0, 0); }
  66% {
    -webkit-transform: translate3d(3px, 0, 0);
    transform: translate3d(3px, 0, 0); } }
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  33% {
    -webkit-transform: translate3d(-3px, 0, 0);
    transform: translate3d(-3px, 0, 0); }
  66% {
    -webkit-transform: translate3d(3px, 0, 0);
    transform: translate3d(3px, 0, 0); } }
.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
  -webkit-animation-name: swing;
  animation-name: swing; }

@font-face {
  font-family: "TTnorms";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/tt-norms-regular-webfont.woff2") format("woff2"), url("../fonts/tt-norms-regular-webfont.woff") format("woff"); }
@font-face {
  font-family: "TTnorms";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/tt-norms-medium-webfont.woff2") format("woff2"), url("../fonts/tt-norms-medium-webfont.woff") format("woff"); }
@font-face {
  font-family: "TTnorms";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/tt-norms-bold-webfont.woff2") format("woff2"), url("../fonts/tt-norms-bold-webfont.woff") format("woff"); }
@font-face {
  font-family: "TTnorms";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/tt-norms-extrabold-webfont.woff2") format("woff2"), url("../fonts/tt-norms-extrabold-webfont.woff") format("woff"); }
@font-face {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2") format("woff2"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg#FontAwesome") format("svg"); }
@font-face {
  font-family: "SimpleLineIcons";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Simple-Line-Icons.eot?#iefix") format("embedded-opentype"), url("../fonts/Simple-Line-Icons.woff2") format("woff2"), url("../fonts/Simple-Line-Icons.woff") format("woff"), url("../fonts/Simple-Line-Icons.ttf") format("truetype"), url("../fonts/Simple-Line-Icons.svg#SimpleLineIcons") format("svg"); }
html {
  height: 100%; }
  html body {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-family: "TTnorms", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    color: #2b3643;
    background: #EEF1F5; }
    html body .portal-container #main {
      transition: all 0.3s;
      padding: 95px 0px 60px 60px;
      float: left;
      width: calc(100% - 81px); }
    html body .portal-container #sidebar,
    html body .portal-container #main {
      opacity: 0; }
    html body .portal-container #portal-footer {
      transition: all 0.3s;
      padding: 15px 0 15px 75px;
      float: left;
      width: calc(100% - 81px); }
    html body a {
      color: #2b3643;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      html body a:hover {
        text-decoration: none; }
      html body a:focus {
        outline: none;
        text-decoration: none; }
    html body #logo {
      padding: 20px 20px 0px 15px; }
      html body #logo a {
        font-size: 16px;
        font-weight: 600;
        position: relative;
        color: #2b3643; }
        html body #logo a span {
          padding-left: 12px;
          top: -8px; }
    html body .alert-info,
    html body .alert-success {
      color: #0C76B3;
      background-color: rgba(12, 118, 179, 0.1);
      border-color: rgba(12, 118, 179, 0.2); }
    html body .alert-danger,
    html body .alert-warning {
      color: #E6272F;
      background-color: rgba(239, 39, 47, 0.1);
      border-color: rgba(239, 39, 47, 0.2); }
    html body .alert-dismissable .close,
    html body .alert-dismissible .close {
      position: relative;
      top: -4px;
      right: -21px;
      color: inherit; }

.btn, .dt-button,
.acf-button,
.form-control {
  box-shadow: none !important; }

p {
  line-height: 1.2em; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  color: #2b3643; }

h2 {
  font-size: 33px; }

h3 {
  font-size: 33px; }

h4 {
  font-size: 24px; }

h5 {
  font-size: 20px; }

h6 {
  font-size: 14px; }

hr {
  border: 0;
  height: 2px;
  background: #8394AB;
  margin: 30px 0; }

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

img.resize {
  max-height: 250px;
  width: auto;
  height: 100%; }

.btn, .dt-button,
.acf-button {
  padding: 10px 30px;
  display: inline-block;
  color: #2b3643;
  background-color: white;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  border: 1px solid #2b3643;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .btn:hover, .dt-button:hover,
  .acf-button:hover, .btn:focus, .dt-button:focus,
  .acf-button:focus {
    background-color: #2b3643;
    color: #FFFFFF; }

.btn-submit {
  background-color: #FFFFFF; }

.btn-cancel {
  background-color: #dedede;
  color: #E6272F; }

.btn-xs {
  padding: 1px 5px;
  font-size: 12px; }

.btn-sm, .dt-button.btn-sm,
.acf-button.btn-sm {
  padding: 5px 6px;
  font-size: 12px; }

btn.reverse {
  background-color: #FFFFFF;
  color: #E6272F; }
  btn.reverse:hover, btn.reverse:focus {
    background-color: #E6272F;
    color: #FFFFFF; }

.no-padding {
  padding: 0; }

.no-padding-left {
  padding-left: 0; }

.no-padding-right {
  padding-right: 0; }

#main {
  height: 100%;
  width: 100% !important;
  background: #EEF1F5; }

div,
svg,
input,
select,
textarea,
span,
img,
table,
label,
td,
th,
p,
a,
button,
ul,
code,
pre,
.btn,
.dt-button,
.acf-button,
li {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important; }

/* except below bootstrap elements */
.img-circle {
  border-radius: 50% !important; }

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

.alert .close {
  float: right; }

.dataTable tbody tr:hover {
  cursor: pointer; }

i.folder,
i.file {
  font-size: 1.3em;
  margin: 0 10px; }

.video .responsive-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0; }
  .video .responsive-container > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.notify {
  position: relative; }
  .notify .close {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 14px;
    color: #3e4b5c; }
    .notify .close:hover {
      color: #2b3643; }

.arrow:before {
  float: right;
  width: 20px;
  text-align: center;
  display: inline;
  font-size: 16px;
  font-family: FontAwesome;
  height: auto;
  content: "\f104";
  font-weight: 300;
  text-shadow: none;
  position: absolute;
  top: 15px;
  right: 15px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear; }

.card-header a:not(.collapsed) .arrow:before,
.open .arrow:before,
.down .arrow:before {
  -webkit-transform: rotate(-270deg);
  -moz-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  -o-transform: rotate(-270deg);
  transform: rotate(-270deg); }

.p-0 {
  padding: 0; }

.tv-booking-create .listing-information {
  line-height: 1.5; }

div.mpre-admin {
  padding: 30px;
  background: #fff;
  margin-bottom: 30px; }

#role-edit .col-md-6 {
  margin-bottom: 15px; }
#role-edit h4 {
  border-bottom: 1px solid #111; }
#role-edit .form-group {
  padding-top: 5px; }

.btn-download {
  margin: 0 5px; }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.spinning {
  position: relative;
  padding-right: 40px; }

.spinning:after {
  content: '';
  position: absolute;
  right: 6px;
  top: 50%;
  width: 0;
  height: 0;
  position: absolute;
  border-radius: 50%;
  animation: rotate360 .5s infinite linear, exist .1s forwards ease; }

.spinning:before {
  content: "";
  width: 0px;
  height: 0px;
  border-radius: 50%;
  right: 6px;
  top: 50%;
  position: absolute;
  border: 2px solid #FFFFFF;
  border-right: 3px solid #E6272F;
  animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease; }

@keyframes rotate360 {
  100% {
    transform: rotate(360deg); } }
@keyframes exist {
  100% {
    width: 15px;
    height: 15px;
    margin: -8px 5px 0 0; } }
.map-loader-overlay {
  opacity: 0.4;
  position: absolute;
  background-color: #000;
  background-image: url("/content/themes/publica/images/loadingspinner.gif");
  background-position: center;
  background-repeat: no-repeat;
  z-index: 10000; }

/* Tooltip container */
.portal-tooltip-wrapper {
  position: relative;
  display: inline-block;
  font-size: 20px; }
  .portal-tooltip-wrapper:hover .tooltip-content {
    visibility: visible;
    opacity: 1; }
  .portal-tooltip-wrapper .tooltip-content {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 8px;
    border-radius: 6px;
    font-size: 16px;
    position: absolute;
    z-index: 5;
    line-height: 1.5; }
    .portal-tooltip-wrapper .tooltip-content:after {
      content: " ";
      position: absolute;
      border-width: 6px;
      border-style: solid; }
    .portal-tooltip-wrapper .tooltip-content.tooltip-left {
      top: 0;
      right: 155%; }
      .portal-tooltip-wrapper .tooltip-content.tooltip-left:after {
        top: 8px;
        left: 100%;
        /* To the left of the tooltip */
        border-color: transparent transparent transparent #555; }
    .portal-tooltip-wrapper .tooltip-content.tooltip-right {
      top: 0;
      left: 145%; }
      .portal-tooltip-wrapper .tooltip-content.tooltip-right:after {
        top: 8px;
        right: 100%;
        /* To the right of the tooltip */
        border-color: transparent #555 transparent transparent; }
    .portal-tooltip-wrapper .tooltip-content.tooltip-bottom {
      top: 120%;
      left: 50%; }
      .portal-tooltip-wrapper .tooltip-content.tooltip-bottom:after {
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-color: transparent transparent #555 transparent; }
    .portal-tooltip-wrapper .tooltip-content.tooltip-top {
      bottom: 120%;
      left: 50%; }
      .portal-tooltip-wrapper .tooltip-content.tooltip-top:after {
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-color: #555 transparent transparent transparent; }
  .portal-tooltip-wrapper .fa:hover {
    cursor: pointer;
    color: #E6272F; }

#modal-generic .modal-description {
  margin-top: 10px; }

.acf-url i.copy-icon, .copy-icon {
  position: absolute;
  right: 0px;
  top: 0;
  left: unset;
  padding: 8px;
  cursor: pointer;
  color: #E6272F; }
  .acf-url i.copy-icon:active, .copy-icon:active {
    color: #FFFFFF; }

.date-filter-wrapper {
  width: 160px;
  margin-bottom: 10px; }
  .date-filter-wrapper.no-bottom-margin {
    margin-bottom: 0; }
  .date-filter-wrapper > input[type="text"] {
    padding-left: 10px;
    font-size: 14px;
    background-color: #FFFFFF; }
    .date-filter-wrapper > input[type="text"]:focus {
      border: 1px solid #ccc; }
  .date-filter-wrapper .bootstrap-datetimepicker-widget table tbody th, .date-filter-wrapper .bootstrap-datetimepicker-widget table tbody td, .date-filter-wrapper .bootstrap-datetimepicker-widget table thead th, .date-filter-wrapper .bootstrap-datetimepicker-widget table thead td {
    padding: 5px !important;
    border-bottom: unset; }

header.header {
  background: white;
  color: #2b3643;
  padding: 0;
  height: 80px;
  position: fixed;
  top: 0;
  width: 100%;
  border-bottom: 2px solid #2b3643;
  z-index: 1002; }
  header.header a {
    color: #2b3643; }
  header.header #user-actions {
    height: 45px; }
    header.header #user-actions.navbar-nav > li > a {
      padding: 15px; }
    header.header #user-actions #account-li {
      height: 80px;
      padding-left: 15px;
      padding-right: 15px;
      min-width: 160px; }
      header.header #user-actions #account-li #user-name {
        padding: 15px; }
    header.header #user-actions li a {
      color: #2b3643;
      font-size: 12px; }
      header.header #user-actions li a:focus, header.header #user-actions li a:hover {
        background: none; }
    header.header #user-actions li span#user-avatar,
    header.header #user-actions li span.icon {
      margin: 0 auto;
      position: relative;
      -webkit-transition: border 0.3s ease-in-out;
      -moz-transition: border 0.3s ease-in-out;
      transition: border 0.3s ease-in-out; }
      header.header #user-actions li span#user-avatar i,
      header.header #user-actions li span.icon i {
        font-size: 14px;
        position: absolute; }
    header.header #user-actions li:hover span.icon {
      border-color: #2b3643; }
    header.header #user-actions li:hover a {
      color: #2b3643; }
    header.header #user-actions li span#user-avatar {
      border-radius: 50% !important;
      width: 50px;
      height: 50px;
      overflow: hidden;
      -webkit-font-smoothing: antialiased; }
      header.header #user-actions li span#user-avatar img {
        display: block !important; }
    header.header #user-actions li span#logged-in-user {
      font-size: 10px;
      position: absolute;
      bottom: 0;
      float: none;
      left: 10px; }
    header.header #user-actions li span.icon {
      display: block;
      border-radius: 50%;
      width: 30px;
      height: 30px; }
    header.header #user-actions li #log-out span.icon i {
      top: 8px;
      left: 6px; }
    header.header #user-actions li #switch-users span.icon i {
      top: 8px;
      left: 6px; }
    header.header #user-actions li #cart span.icon i {
      top: 8px;
      left: 6px;
      font-size: 16px; }
    header.header #user-actions li #account-actions {
      background: none !important;
      height: 80px;
      width: 100%;
      display: inline-block; }
      header.header #user-actions li #account-actions span {
        display: inline-block;
        height: 50px;
        float: left; }
        header.header #user-actions li #account-actions span i {
          padding-left: 10px; }
      header.header #user-actions li #account-actions #user-name {
        position: relative;
        padding-right: 40px;
        text-align: right; }
        header.header #user-actions li #account-actions #user-name span {
          height: auto; }
          header.header #user-actions li #account-actions #user-name span.arrow {
            width: 20px; }
    header.header #user-actions li #user-menu {
      -webkit-box-shadow: 1px 1px 1px 0 rgba(17, 17, 17, 0.03);
      box-shadow: 1px 1px 1px 0 rgba(17, 17, 17, 0.03);
      border-radius: 0;
      background-color: #fff;
      border-top: none;
      border-left: 1px solid #E9EDEF;
      border-bottom: 1px solid #E9EDEF;
      border-right: 1px solid #E9EDEF;
      left: 0;
      right: 0;
      padding: 0; }
      header.header #user-actions li #user-menu a {
        padding: 12px;
        color: #111; }

#sidebar {
  background: #2b3643;
  padding: 0 0 30px 0; }

#sidebar-menu {
  padding: 0; }
  #sidebar-menu li, #sidebar-menu a {
    width: 100%;
    display: block;
    background: none; }
  #sidebar-menu a {
    color: #E9EDEF; }
    #sidebar-menu a:hover {
      color: #FFFFFF; }
  #sidebar-menu li.menu-item-has-children {
    padding: 0;
    border-bottom: 1px solid #3e4b5c; }
    #sidebar-menu li.menu-item-has-children > a {
      color: #E9EDEF;
      font-size: 15px;
      padding: 15px;
      text-transform: uppercase;
      background-color: none; }
      #sidebar-menu li.menu-item-has-children > a:focus, #sidebar-menu li.menu-item-has-children > a:active, #sidebar-menu li.menu-item-has-children > a:visited {
        background-color: none; }
      #sidebar-menu li.menu-item-has-children > a:hover {
        background-color: #3a4656;
        color: #FFFFFF; }
    #sidebar-menu li.menu-item-has-children.open > a {
      background-color: #3a4656;
      color: #FFFFFF; }
    #sidebar-menu li.menu-item-has-children .nav-icon {
      margin-right: 15px; }
    #sidebar-menu li.menu-item-has-children .dropdown-menu {
      width: 100%;
      padding: 0;
      margin: 0;
      position: relative;
      background: none;
      border-radius: 0;
      border: none;
      border-top: 1px solid #3e4b5c;
      box-shadow: none; }
      #sidebar-menu li.menu-item-has-children .dropdown-menu li {
        display: block;
        width: 100%; }
        #sidebar-menu li.menu-item-has-children .dropdown-menu li a {
          background: #2b3643;
          color: #FFFFFF;
          font-size: 13px;
          padding: 15px 15px 15px 30px; }
          #sidebar-menu li.menu-item-has-children .dropdown-menu li a:hover {
            background: #3a4656; }
        #sidebar-menu li.menu-item-has-children .dropdown-menu li.active a {
          font-weight: bold; }

.portal-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  position: relative; }

/**
    Menu collapse slide
 */
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
#sidebar {
  width: auto;
  color: #fff;
  transition: all 0.3s;
  top: 80px;
  height: calc(100vh - 80px);
  position: fixed;
  background-color: transparent !important;
  padding-bottom: 0 !important;
  z-index: 9999; }
  #sidebar nav {
    height: calc(100vh - 80px); }
  #sidebar:hover {
    width: 400px; }
    #sidebar:hover ul > li {
      width: 200px !important; }
      #sidebar:hover ul > li span.title {
        opacity: 1 !important;
        visibility: visible !important; }
  #sidebar .sidebar-header {
    display: none; }
  #sidebar ul.list-unstyled {
    height: calc(100vh - 80px);
    background-color: #2b3643;
    display: flex;
    flex-flow: column nowrap;
    flex: 1;
    justify-content: flex-start; }
    #sidebar ul.list-unstyled li {
      padding: 0 0 0 15px;
      border-bottom: 1px solid #495665;
      background-color: #2b3643;
      width: 50px;
      height: calc(100% / 15);
      transition: width 0.2s ease,background-color 0.1s ease; }
      #sidebar ul.list-unstyled li a {
        display: flex;
        flex-flow: row nowrap;
        height: 100%;
        width: 100%;
        align-items: center; }
        #sidebar ul.list-unstyled li a i {
          font-size: 20px;
          color: #FFFFFF; }
        #sidebar ul.list-unstyled li a span.title {
          visibility: hidden;
          opacity: 0;
          transition: visibility 0.2s ease, opacity 0.3s ease;
          position: relative;
          padding-left: 15px;
          color: #FFFFFF; }
      #sidebar ul.list-unstyled li:hover {
        background-color: #495665 !important; }
        #sidebar ul.list-unstyled li:hover ul.sub-menu {
          transform: scaleX(1); }
          #sidebar ul.list-unstyled li:hover ul.sub-menu li {
            visibility: visible;
            opacity: 1;
            transition: visibility 0.1s ease, opacity 0.1s ease; }
      #sidebar ul.list-unstyled li ul.sub-menu {
        position: fixed;
        left: 200px;
        width: 200px;
        top: 80px;
        overflow-y: auto;
        transform: scaleX(0);
        transition: transform 0.3s ease;
        transition-delay: 0.2s;
        transform-origin: left;
        height: calc(100vh - 80px);
        background-color: #2b3643;
        padding: 17px 0;
        border-left: 1px solid #495665;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start; }
        #sidebar ul.list-unstyled li ul.sub-menu .title-submenu {
          opacity: 0.8;
          margin-left: 15px;
          margin-right: 15px;
          margin-bottom: 15px;
          text-transform: uppercase;
          display: flex;
          flex-flow: row nowrap;
          border-bottom: solid 1px #495665;
          padding-bottom: 15px;
          width: calc(100% - 30px); }
          #sidebar ul.list-unstyled li ul.sub-menu .title-submenu i {
            color: #FFFFFF;
            font-size: 18px;
            margin-right: 10px; }
          #sidebar ul.list-unstyled li ul.sub-menu .title-submenu span.title {
            color: #FFFFFF;
            font-size: 0.9em;
            position: relative;
            top: 3px; }
        #sidebar ul.list-unstyled li ul.sub-menu li {
          padding: 10px 5px 10px 25px;
          border-top: none;
          border-bottom: none;
          width: 199px !important;
          visibility: hidden;
          opacity: 0;
          transition: visibility 0.2s ease, opacity 0.3s ease;
          transition-delay: 0.4s;
          height: auto !important; }
          #sidebar ul.list-unstyled li ul.sub-menu li:hover {
            background-color: #495665; }
          #sidebar ul.list-unstyled li ul.sub-menu li a {
            color: #FFFFFF; }

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
  padding: 20px;
  min-height: 100vh;
  transition: all 0.3s; }

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
/* bg color */
body.login {
  background-color: #2b3643 !important; }
  body.login #logo {
    margin: 90px auto 30px auto;
    padding: 0;
    text-align: center;
    width: 232px; }
    body.login #logo a {
      margin-left: -90px; }
      body.login #logo a svg {
        width: 200px;
        height: 37px; }
      body.login #logo a span {
        font-size: 18px;
        top: -10px; }
  body.login .content {
    background-color: white;
    width: 400px;
    margin: 40px auto 10px auto;
    padding: 30px;
    padding-top: 10px;
    overflow: hidden;
    position: relative; }
    body.login .content h3 {
      text-align: center;
      font-size: 28px; }
    body.login .content .login-form,
    body.login .content .forget-form {
      padding: 0px;
      margin: 0px; }

/***
Dashboard Stats
***/
.dashboard-stat {
  width: 100%;
  display: block;
  overflow: hidden; }
  .dashboard-stat::after {
    clear: both;
    content: "";
    display: table; }
  .portlet .dashboard-stat:last-child {
    margin-bottom: 0; }
  .dashboard-stat .visual {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 15px;
    margin-bottom: 15px;
    font-size: 35px;
    line-height: 35px; }
    .dashboard-stat .visual > i {
      margin-left: -35px;
      font-size: 110px;
      line-height: 110px; }
  .dashboard-stat .details {
    padding-right: 15px; }
    .dashboard-stat .details .number {
      padding-top: 25px;
      text-align: right;
      font-size: 34px;
      line-height: 36px;
      letter-spacing: -1px;
      margin-bottom: 0px;
      font-weight: 300; }
    .dashboard-stat .details .desc {
      text-align: right;
      font-size: 16px;
      letter-spacing: 0px;
      font-weight: 300; }
  .dashboard-stat .more {
    clear: both;
    display: block;
    padding: 6px 10px 6px 10px;
    position: relative;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    opacity: 0.7;
    filter: alpha(opacity=70); }
    .dashboard-stat .more:hover {
      text-decoration: none;
      opacity: 0.9;
      filter: alpha(opacity=90); }
    .dashboard-stat .more > i {
      display: inline-block;
      margin-top: 1px;
      float: right; }
  .dashboard-stat.dashboard-stat-v2 .visual {
    padding-top: 35px;
    margin-bottom: 40px; }

.dashboard-stat.white {
  background-color: #FFFFFF; }
  .dashboard-stat.white.dashboard-stat-light:hover {
    background-color: whitesmoke; }
  .dashboard-stat.white .visual > i {
    color: #2b3643;
    opacity: 0.25;
    filter: alpha(opacity=10); }
  .dashboard-stat.white .details .number {
    color: #2b3643; }
  .dashboard-stat.white .details .desc {
    color: #2b3643;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.white .more {
    color: #2b3643;
    background-color: whitesmoke; }

.dashboard-stat.red {
  background-color: #FFFFFF; }
  .dashboard-stat.red.dashboard-stat-light:hover {
    background-color: whitesmoke; }
  .dashboard-stat.red .visual > i {
    color: #E6272F;
    opacity: 0.25;
    filter: alpha(opacity=10); }
  .dashboard-stat.red .details .number {
    color: #E6272F; }
  .dashboard-stat.red .details .desc {
    color: #E6272F;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.red .more {
    color: #E6272F;
    background-color: whitesmoke; }

.dashboard-stat-light {
  padding-bottom: 20px;
  margin-bottom: 20px; }
  .dashboard-stat-light .details {
    margin-bottom: 5px; }
    .dashboard-stat-light .details .number {
      font-weight: 300;
      margin-bottom: 0px; }

/***
Dashboard Stats 2
***/
.dashboard-stat2 {
  background: #fff;
  padding: 15px 15px 30px 15px;
  margin-bottom: 20px; }
  .dashboard-stat2 .display {
    margin-bottom: 20px; }
    .dashboard-stat2 .display::after {
      clear: both;
      content: "";
      display: table; }
    .dashboard-stat2 .display .number {
      float: left;
      display: inline-block; }
      .dashboard-stat2 .display .number h3 {
        margin: 0 0 2px 0;
        padding: 0;
        font-size: 30px;
        font-weight: 400; }
        .dashboard-stat2 .display .number h3 > small {
          font-size: 23px; }
      .dashboard-stat2 .display .number small {
        font-size: 14px;
        color: #AAB5BC;
        font-weight: 600;
        text-transform: uppercase; }
    .dashboard-stat2 .display .icon {
      display: inline-block;
      float: right;
      padding: 7px 0 0 0; }
      .dashboard-stat2 .display .icon > i {
        color: #cbd4e0;
        font-size: 26px; }
  .dashboard-stat2 .progress-info {
    clear: both; }
    .dashboard-stat2 .progress-info .progress {
      margin: 0;
      height: 4px;
      clear: both;
      display: block; }
    .dashboard-stat2 .progress-info .status {
      margin-top: 5px;
      font-size: 11px;
      color: #AAB5BC;
      font-weight: 600;
      text-transform: uppercase; }
      .dashboard-stat2 .progress-info .status .status-title {
        float: left;
        display: inline-block; }
      .dashboard-stat2 .progress-info .status .status-number {
        float: right;
        display: inline-block; }

.stat-block-wrapper {
  display: flex; }
  .stat-block-wrapper .icon {
    display: flex;
    align-items: center;
    margin-left: 15px; }
    .stat-block-wrapper .icon .fa {
      font-size: 40px !important; }

/***
Text Stats
***/
.text-stat h3 {
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 18px; }
.text-stat span {
  font-size: 13px !important; }

@media (max-width: 767px) {
  /* 767px */
  .text-stat {
    margin-top: 20px; } }
.dashboard-data {
  margin-bottom: 30px;
  padding: 15px;
  background: #fff; }
  .dashboard-data a {
    font-sze: 18px; }
  .dashboard-data h3 {
    margin-top: 0; }

#accordion-notifications {
  margin-bottom: 30px;
  padding: 30px;
  background: #fff; }
  #accordion-notifications .notify {
    margin-bottom: 10px; }
    #accordion-notifications .notify .row > * {
      margin-bottom: 5px; }
      @media only screen and (min-width: 992px) {
        #accordion-notifications .notify .row > * {
          margin-bottom: 0; } }
    #accordion-notifications .notify .row div:not(:last-child) {
      margin-top: 9px; }
  #accordion-notifications .card-header {
    border-bottom: 1px solid #111; }
    #accordion-notifications .card-header h5 a {
      position: relative;
      width: 100%;
      display: block; }
      #accordion-notifications .card-header h5 a .arrow:before {
        font-size: 24px;
        right: 5px;
        top: 3px; }
  #accordion-notifications .card-body {
    padding-top: 15px; }
  #accordion-notifications .take-action .btn, #accordion-notifications .take-action .dt-button,
  #accordion-notifications .take-action .acf-button {
    float: left;
    padding: 8px 12px;
    font-size: 11px; }
    @media only screen and (min-width: 992px) {
      #accordion-notifications .take-action .btn, #accordion-notifications .take-action .dt-button,
      #accordion-notifications .take-action .acf-button {
        float: right; } }
  #accordion-notifications .take-action .delete-notification {
    position: relative;
    top: 0;
    right: 0;
    width: 45px;
    font-size: 33px;
    opacity: 1;
    color: #E6272F; }

#office-stats .number, #agent-stats .number {
  min-height: 61px; }

#trainingVideos .item {
  margin-bottom: 30px; }
#trainingVideos .title {
  margin: 0 0 5px 0; }
#trainingVideos .page-header {
  margin-bottom: 40px; }
#trainingVideos .items-container {
  display: flex;
  flex-flow: wrap; }
#trainingVideos .folder-item {
  padding-bottom: 15px; }
  #trainingVideos .folder-item .folder-name {
    font-size: 1.6em;
    position: relative; }
#trainingVideos .arrow:before {
  color: #E6272F;
  top: 50%;
  right: -4px;
  -webkit-transform: rotate(180deg) translateY(50%);
  -moz-transform: rotate(180deg) translateY(50%);
  -ms-transform: rotate(180deg) translateY(50%);
  -o-transform: rotate(180deg) translateY(50%);
  transform: rotate(180deg) translateY(50%); }
#trainingVideos .caption {
  margin-top: 10px; }
#trainingVideos .fa-pencil,
#trainingVideos .fa-times-circle {
  zoom: 1.4;
  cursor: pointer; }
  #trainingVideos .fa-pencil:hover,
  #trainingVideos .fa-times-circle:hover {
    color: #E6272F; }
#trainingVideos .video-item {
  border-bottom: 1px solid #111;
  padding-bottom: 15px;
  margin-bottom: 30px; }
  #trainingVideos .video-item .video-title p {
    margin: 0;
    line-height: 0.9em; }
  #trainingVideos .video-item > .video {
    overflow: hidden; }
    #trainingVideos .video-item > .video > video {
      width: 100%;
      height: auto; }
    #trainingVideos .video-item > .video .responsive-container {
      padding-bottom: 50.75%; }
#trainingVideos .card {
  padding: 12px;
  text-align: center;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  margin: 0 15px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 68px; }
  #trainingVideos .card a {
    padding-right: 20px; }
#trainingVideos .card:hover {
  color: #E6272F;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); }
  #trainingVideos .card:hover a:hover {
    color: #E6272F; }

/**
 Territory map
 */
body.TerritoryMap .map-heading-container {
  display: flex; }
  body.TerritoryMap .map-heading-container > div:not(:last-of-type) {
    margin-right: 15px; }
  body.TerritoryMap .map-heading-container .map-text-description {
    width: 100%; }
    body.TerritoryMap .map-heading-container .map-text-description #title h3 {
      margin-top: 9px; }
  body.TerritoryMap .map-heading-container .map-territories-controls {
    max-width: 430px;
    min-width: 430px;
    margin-left: 100px; }
    body.TerritoryMap .map-heading-container .map-territories-controls .acf-label > label {
      font-weight: normal;
      font-size: 14px;
      width: 100%; }
    body.TerritoryMap .map-heading-container .map-territories-controls .acf-label select {
      display: block; }
    body.TerritoryMap .map-heading-container .map-territories-controls .acf-switch {
      height: 35px;
      border-color: #2b3643; }
      body.TerritoryMap .map-heading-container .map-territories-controls .acf-switch.-on {
        background: #2b3643;
        border-color: #2b3643; }
      body.TerritoryMap .map-heading-container .map-territories-controls .acf-switch.-focus {
        color: #2b3643; }
      body.TerritoryMap .map-heading-container .map-territories-controls .acf-switch .acf-switch-slider {
        border-color: #2b3643; }
      body.TerritoryMap .map-heading-container .map-territories-controls .acf-switch span {
        padding: 5px 10px; }
    body.TerritoryMap .map-heading-container .map-territories-controls #mark-sold-wrapper {
      display: flex; }
      body.TerritoryMap .map-heading-container .map-territories-controls #mark-sold-wrapper button:not(:last-of-type) {
        margin-right: 15px; }
  body.TerritoryMap .map-heading-container .map-office-controls {
    max-width: 350px;
    min-width: 350px; }
    body.TerritoryMap .map-heading-container .map-office-controls > .form-group {
      margin-bottom: 20px; }
    body.TerritoryMap .map-heading-container .map-office-controls #office-selector-wrapper {
      width: 100%;
      display: flex;
      justify-content: space-between;
      margin-top: 15px; }
      body.TerritoryMap .map-heading-container .map-office-controls #office-selector-wrapper #office-selector-container {
        margin-left: 15px;
        text-align: right; }
        body.TerritoryMap .map-heading-container .map-office-controls #office-selector-wrapper #office-selector-container > label {
          width: 200px;
          text-align: left; }
        body.TerritoryMap .map-heading-container .map-office-controls #office-selector-wrapper #office-selector-container .SumoSelect {
          text-align: left; }
  body.TerritoryMap .map-heading-container .btn-territory-map {
    font-size: 13px;
    font-weight: 600;
    padding: 12px 24px; }
  body.TerritoryMap .map-heading-container .btn-territory-map-small {
    font-size: 11px;
    font-weight: 600;
    padding: 10px 16px; }
    body.TerritoryMap .map-heading-container .btn-territory-map-small.wrap {
      white-space: normal;
      word-wrap: break-word; }
body.TerritoryMap #block-types-select-group {
  width: 100%;
  display: flex;
  justify-content: space-between; }
  body.TerritoryMap #block-types-select-group a.btn-territory-map {
    padding: 12px 18px; }
  body.TerritoryMap #block-types-select-group #block-type-loaned-btn, body.TerritoryMap #block-types-select-group #block-type-owned-btn {
    display: none; }
body.TerritoryMap #map {
  height: 500px;
  height: calc(100vh - 150px); }
  body.TerritoryMap #map .popup .offices {
    width: 400px; }
body.TerritoryMap #history-modal .modal-dialog {
  width: 1000px;
  max-width: 95%; }
body.TerritoryMap #delete-territory-modal .modal-footer, body.TerritoryMap #update-territory-modal .modal-footer {
  border-top: 0; }
body.TerritoryMap.index #map_container {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  body.TerritoryMap.index #map_container #map_selections_wrapper {
    height: 500px;
    height: calc(100vh - 150px);
    max-width: 350px;
    min-width: 350px;
    background-color: white; }
    body.TerritoryMap.index #map_container #map_selections_wrapper input[type="radio"] {
      margin-top: 0; }
    body.TerritoryMap.index #map_container #map_selections_wrapper .regions {
      height: 400px;
      height: calc(100vh - 250px);
      overflow-y: scroll; }
    body.TerritoryMap.index #map_container #map_selections_wrapper .region {
      padding: 5px;
      border-top: 1px solid #ddd;
      margin-top: 5px; }
  body.TerritoryMap.index #map_container #map {
    width: 100%; }
body.TerritoryMap.index #add-territory-form .modal-body .row > .col-md-12:not(:last-of-type), body.TerritoryMap.index #assign-territory-to-office-form .modal-body .row > .col-md-12:not(:last-of-type) {
  margin-bottom: 15px; }
body.TerritoryMap.index #add-territory-form .modal-footer, body.TerritoryMap.index #assign-territory-to-office-form .modal-footer {
  border-top: 0; }
body.TerritoryMap.index #add-territory-form input[type=text] {
  width: 200px; }
body.TerritoryMap.index #assign-territory-to-office-form .options {
  display: grid;
  grid-gap: 5px; }
  body.TerritoryMap.index #assign-territory-to-office-form .options input[type=radio] {
    position: relative;
    top: 2px;
    margin-right: 5px; }

/**
Lead page
 */
.leadAllocation .form-control {
  background-color: #FFFFFF; }
.leadAllocation #page_title {
  padding-top: 16px; }
.leadAllocation .top-space, .leadAllocation .StatsReport .header-wrapper > *, .StatsReport .leadAllocation .header-wrapper > * {
  margin-top: 19px; }
.leadAllocation #autocomplete {
  padding-left: 10px; }
.leadAllocation #btnSendLead {
  margin: 10px 0 15px 0; }
.leadAllocation #lead-modal .modal-dialog {
  width: 750px;
  height: 760px; }
  .leadAllocation #lead-modal .modal-dialog .modal-content {
    width: 100%;
    height: 100%; }
.leadAllocation #lead-modal #acf-form {
  padding: 15px; }
.leadAllocation #lead-modal #lead_details {
  max-height: 350px; }
.leadAllocation #lead-modal .acf-fields {
  margin: 0; }
  .leadAllocation #lead-modal .acf-fields .acf-field {
    margin-bottom: 10px;
    display: inline-block; }
    .leadAllocation #lead-modal .acf-fields .acf-field select {
      width: 100%; }
.leadAllocation #lead-modal input[type="text"], .leadAllocation #lead-modal textarea {
  width: 100%; }
.leadAllocation #lead-modal .modal-footer, .leadAllocation #lead-modal #insert-media-button {
  display: none; }
.leadAllocation #lead-modal #new-lead {
  width: 100%;
  height: 100%; }
.leadAllocation table #address-table tr {
  background-color: rgba(0, 0, 0, 0);
  background-color: transparent; }
  .leadAllocation table #address-table tr td {
    background-color: rgba(0, 0, 0, 0);
    background-color: transparent; }
    .leadAllocation table #address-table tr td:first-child {
      padding: 0 30px 0 0 !important; }

body.Blog.index #modal-generic .modal-dialog {
  width: 1200px;
  max-width: 95%; }
body.Blog.index .cron-wrapper {
  margin-bottom: 20px; }

/**
Office pages
 */
#office_address .copy_address {
  padding: 5px;
  position: absolute;
  bottom: 0;
  margin-left: 15px; }

/**
Ceo Emails
 */
.CeoEmails #email-body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  border: 1px solid black;
  padding: 15px;
  margin-bottom: 15px; }
  .CeoEmails #email-body span.merge-field {
    padding: 0 3px;
    background: yellow; }

/* TV Booking */
#add-tv-booking {
  margin-bottom: 30px; }

#tv-ad-status-filter {
  margin-left: 15px; }

.tv-booking-admin {
  margin-bottom: 30px;
  background: #fff; }
  .tv-booking-admin #mark-complete-error-msg {
    font-size: 16px;
    margin-top: 5px;
    color: #E6272F; }

#listing-features {
  padding: 15px; }

#tv-booking-admin #message-admin,
#tv-booking-admin .acf-form-submit {
  display: none; }
#tv-booking-admin.admin-editable #message-admin,
#tv-booking-admin.admin-editable .acf-form-submit {
  display: block; }

#audio-filter {
  margin-top: 8px;
  margin-right: 20px;
  display: inline-flex;
  align-items: center; }
  #audio-filter input[type=radio] {
    margin: 1px 4px 0 15px; }

.tv-booking-exemption {
  margin-bottom: 40px;
  background-color: #FFFFFF; }
  .tv-booking-exemption .section-title {
    padding: 20px 30px 0; }

.exempted .exempt-wrapper {
  display: none; }

.non-exempt #acf-form {
  padding-bottom: 10px; }
.non-exempt form div.acf-form-submit input[type="submit"] {
  display: none !important; }

.exempt-wrapper, .file-download-wrapper {
  padding: 0 30px 20px; }
  .exempt-wrapper a, .file-download-wrapper a {
    padding: 8px 30px; }
  .exempt-wrapper a:not(:last-child), .file-download-wrapper a:not(:last-child) {
    margin-right: 15px; }
  .exempt-wrapper p, .file-download-wrapper p {
    margin-top: 10px; }

.read-only-wrapper form div.acf-form-submit input[type="submit"] {
  display: none !important; }

.btn-black {
  background-color: #000;
  border: 1px solid #000; }
  .btn-black:hover {
    color: #000; }

/**
Roles
 */
.Roles #role-edit div.checkbox label {
  padding: 0 0 0 18px;
  margin-right: 15px; }

/* Document library */
body.FileSharing #breadcrumb a {
  font-size: 18px;
  margin-right: 5px; }

/* Order Admin */
a.print-label,
a.view-tracking {
  width: 49%; }

/**
 Buyer files
 */
.BuyerFilesRequest.index .file {
  position: relative; }
  .BuyerFilesRequest.index .file .times {
    padding: 10px;
    position: absolute;
    bottom: 100%;
    background: #ccc;
    border-radius: 5px;
    visibility: hidden;
    pointer-events: none;
    z-index: 999;
    transition: 200ms all;
    opacity: 0; }
  .BuyerFilesRequest.index .file:hover .times {
    visibility: visible;
    opacity: 0.9; }

/**
 Listing View
 */
#listing_view_buyer_files a {
  color: #2b3643; }
  #listing_view_buyer_files a:hover {
    text-decoration: underline; }

/**
 * Property Sign Page
 */
.button-wrapper a {
  padding: 8px 30px; }
.button-wrapper a:not(:last-child) {
  margin-right: 15px; }

#result-msg, .result-msg {
  text-align: right; }

.removal {
  font-weight: bold;
  font-style: italic; }

.portal-div, .button-wrapper, #result-msg, .result-msg {
  background-color: #FFFFFF;
  padding: 0 30px 20px; }

/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
  visibility: hidden;
  /* Hidden by default. Visible on click */
  min-width: 250px;
  /* Set a default minimum width */
  background-color: #E6272F;
  /* Black background color */
  color: #fff;
  /* White text color */
  text-align: center;
  /* Centered text */
  border-radius: 2px;
  /* Rounded borders */
  padding: 16px;
  /* Padding */
  position: fixed;
  /* Sit on top of the screen */
  z-index: 1;
  /* Add a z-index if needed */
  left: 50%;
  /* Center the snackbar */
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  bottom: 30px;
  /* 30px from the bottom */ }

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible;
  /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s; }

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0; }
  to {
    bottom: 30px;
    opacity: 1; } }
@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0; }
  to {
    bottom: 30px;
    opacity: 1; } }
@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1; }
  to {
    bottom: 0;
    opacity: 0; } }
@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1; }
  to {
    bottom: 0;
    opacity: 0; } }
/* The snackbar - end */
/* The Modal (background) */
#order-modal,
#compendium-order-modal,
#compendium-invoice-modal,
#voice-over-modal,
#mortgage-enquiry-modal,
#mortgage-enquiry-modal,
#contract-export-modal,
#contract-datatable-export-modal,
#publishing-report-modal,
#auction-booking-modal,
#gifting-modal,
#product-report-modal,
#agent-referral-report-modal,
#mortgage-referral-report-modal,
#vipa-request-report-modal,
#vipa-completed-request-report-modal,
#vipa-csv-invoice-report-modal,
#invoice-modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 9999;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  /* Modal Content/Box */
  /* The Close Button */ }
  #order-modal .modal-content,
  #compendium-order-modal .modal-content,
  #compendium-invoice-modal .modal-content,
  #voice-over-modal .modal-content,
  #mortgage-enquiry-modal .modal-content,
  #mortgage-enquiry-modal .modal-content,
  #contract-export-modal .modal-content,
  #contract-datatable-export-modal .modal-content,
  #publishing-report-modal .modal-content,
  #auction-booking-modal .modal-content,
  #gifting-modal .modal-content,
  #product-report-modal .modal-content,
  #agent-referral-report-modal .modal-content,
  #mortgage-referral-report-modal .modal-content,
  #vipa-request-report-modal .modal-content,
  #vipa-completed-request-report-modal .modal-content,
  #vipa-csv-invoice-report-modal .modal-content,
  #invoice-modal .modal-content {
    width: 40%;
    background-color: #fefefe;
    margin: 8% auto;
    padding: 30px 20px;
    border: 1px solid #888; }
    #order-modal .modal-content .container,
    #compendium-order-modal .modal-content .container,
    #compendium-invoice-modal .modal-content .container,
    #voice-over-modal .modal-content .container,
    #mortgage-enquiry-modal .modal-content .container,
    #mortgage-enquiry-modal .modal-content .container,
    #contract-export-modal .modal-content .container,
    #contract-datatable-export-modal .modal-content .container,
    #publishing-report-modal .modal-content .container,
    #auction-booking-modal .modal-content .container,
    #gifting-modal .modal-content .container,
    #product-report-modal .modal-content .container,
    #agent-referral-report-modal .modal-content .container,
    #mortgage-referral-report-modal .modal-content .container,
    #vipa-request-report-modal .modal-content .container,
    #vipa-completed-request-report-modal .modal-content .container,
    #vipa-csv-invoice-report-modal .modal-content .container,
    #invoice-modal .modal-content .container {
      width: 100%; }
    #order-modal .modal-content .form-control:focus,
    #compendium-order-modal .modal-content .form-control:focus,
    #compendium-invoice-modal .modal-content .form-control:focus,
    #voice-over-modal .modal-content .form-control:focus,
    #mortgage-enquiry-modal .modal-content .form-control:focus,
    #mortgage-enquiry-modal .modal-content .form-control:focus,
    #contract-export-modal .modal-content .form-control:focus,
    #contract-datatable-export-modal .modal-content .form-control:focus,
    #publishing-report-modal .modal-content .form-control:focus,
    #auction-booking-modal .modal-content .form-control:focus,
    #gifting-modal .modal-content .form-control:focus,
    #product-report-modal .modal-content .form-control:focus,
    #agent-referral-report-modal .modal-content .form-control:focus,
    #mortgage-referral-report-modal .modal-content .form-control:focus,
    #vipa-request-report-modal .modal-content .form-control:focus,
    #vipa-completed-request-report-modal .modal-content .form-control:focus,
    #vipa-csv-invoice-report-modal .modal-content .form-control:focus,
    #invoice-modal .modal-content .form-control:focus {
      border-color: #66afe9; }
    #order-modal .modal-content .sec-row,
    #compendium-order-modal .modal-content .sec-row,
    #compendium-invoice-modal .modal-content .sec-row,
    #voice-over-modal .modal-content .sec-row,
    #mortgage-enquiry-modal .modal-content .sec-row,
    #mortgage-enquiry-modal .modal-content .sec-row,
    #contract-export-modal .modal-content .sec-row,
    #contract-datatable-export-modal .modal-content .sec-row,
    #publishing-report-modal .modal-content .sec-row,
    #auction-booking-modal .modal-content .sec-row,
    #gifting-modal .modal-content .sec-row,
    #product-report-modal .modal-content .sec-row,
    #agent-referral-report-modal .modal-content .sec-row,
    #mortgage-referral-report-modal .modal-content .sec-row,
    #vipa-request-report-modal .modal-content .sec-row,
    #vipa-completed-request-report-modal .modal-content .sec-row,
    #vipa-csv-invoice-report-modal .modal-content .sec-row,
    #invoice-modal .modal-content .sec-row {
      padding-left: 15px; }
  #order-modal .close,
  #compendium-order-modal .close,
  #compendium-invoice-modal .close,
  #voice-over-modal .close,
  #mortgage-enquiry-modal .close,
  #mortgage-enquiry-modal .close,
  #contract-export-modal .close,
  #contract-datatable-export-modal .close,
  #publishing-report-modal .close,
  #auction-booking-modal .close,
  #gifting-modal .close,
  #product-report-modal .close,
  #agent-referral-report-modal .close,
  #mortgage-referral-report-modal .close,
  #vipa-request-report-modal .close,
  #vipa-completed-request-report-modal .close,
  #vipa-csv-invoice-report-modal .close,
  #invoice-modal .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold; }
  #order-modal .close:hover,
  #order-modal .close:focus,
  #compendium-order-modal .close:hover,
  #compendium-order-modal .close:focus,
  #compendium-invoice-modal .close:hover,
  #compendium-invoice-modal .close:focus,
  #voice-over-modal .close:hover,
  #voice-over-modal .close:focus,
  #mortgage-enquiry-modal .close:hover,
  #mortgage-enquiry-modal .close:focus,
  #mortgage-enquiry-modal .close:hover,
  #mortgage-enquiry-modal .close:focus,
  #contract-export-modal .close:hover,
  #contract-export-modal .close:focus,
  #contract-datatable-export-modal .close:hover,
  #contract-datatable-export-modal .close:focus,
  #publishing-report-modal .close:hover,
  #publishing-report-modal .close:focus,
  #auction-booking-modal .close:hover,
  #auction-booking-modal .close:focus,
  #gifting-modal .close:hover,
  #gifting-modal .close:focus,
  #product-report-modal .close:hover,
  #product-report-modal .close:focus,
  #agent-referral-report-modal .close:hover,
  #agent-referral-report-modal .close:focus,
  #mortgage-referral-report-modal .close:hover,
  #mortgage-referral-report-modal .close:focus,
  #vipa-request-report-modal .close:hover,
  #vipa-request-report-modal .close:focus,
  #vipa-completed-request-report-modal .close:hover,
  #vipa-completed-request-report-modal .close:focus,
  #vipa-csv-invoice-report-modal .close:hover,
  #vipa-csv-invoice-report-modal .close:focus,
  #invoice-modal .close:hover,
  #invoice-modal .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer; }
  #order-modal label.radio-inline input,
  #compendium-order-modal label.radio-inline input,
  #compendium-invoice-modal label.radio-inline input,
  #voice-over-modal label.radio-inline input,
  #mortgage-enquiry-modal label.radio-inline input,
  #mortgage-enquiry-modal label.radio-inline input,
  #contract-export-modal label.radio-inline input,
  #contract-datatable-export-modal label.radio-inline input,
  #publishing-report-modal label.radio-inline input,
  #auction-booking-modal label.radio-inline input,
  #gifting-modal label.radio-inline input,
  #product-report-modal label.radio-inline input,
  #agent-referral-report-modal label.radio-inline input,
  #mortgage-referral-report-modal label.radio-inline input,
  #vipa-request-report-modal label.radio-inline input,
  #vipa-completed-request-report-modal label.radio-inline input,
  #vipa-csv-invoice-report-modal label.radio-inline input,
  #invoice-modal label.radio-inline input {
    top: -3px; }

/* The Modal (background) End */
/**
 * Testimonial Page
 */
.Testimonials #btn-mark-reject {
  margin-right: 15px; }
.Testimonials .button-wrapper {
  position: absolute;
  bottom: 50px;
  left: 180px;
  padding: 0;
  z-index: 2; }

/**
Automated Emails
 */
.AutomatedEmails #email-body {
  margin-bottom: 15px; }
  .AutomatedEmails #email-body div.acf-input textarea {
    min-height: 400px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    border: 1px solid black;
    padding: 15px;
    margin-bottom: 15px; }
  .AutomatedEmails #email-body span.merge-field {
    padding: 0 3px;
    background: yellow; }
.AutomatedEmails #email-body input[type="text"] {
  width: 180px; }
.AutomatedEmails .attachment-wrapper {
  display: flex;
  align-items: flex-start; }
  .AutomatedEmails .attachment-wrapper > a.btn, .AutomatedEmails .attachment-wrapper > a.dt-button,
  .AutomatedEmails .attachment-wrapper > a.acf-button {
    position: relative; }
  .AutomatedEmails .attachment-wrapper #upload-attachment {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    background-color: transparent;
    color: transparent; }
    .AutomatedEmails .attachment-wrapper #upload-attachment:hover {
      cursor: pointer; }
  .AutomatedEmails .attachment-wrapper #upload-file-info {
    font-size: 15px; }
    .AutomatedEmails .attachment-wrapper #upload-file-info .upload-file-list {
      color: white;
      list-style: none;
      padding-left: 20px; }
      .AutomatedEmails .attachment-wrapper #upload-file-info .upload-file-list li {
        margin-bottom: 6px;
        padding: 5px; }
.AutomatedEmails.compose .sumo_from_email {
  width: 100%; }
  .AutomatedEmails.compose .sumo_from_email .CaptionCont {
    padding: 12px 6px;
    background-color: #E9EDEF; }
  .AutomatedEmails.compose .sumo_from_email .search-txt {
    padding: 9px 8px; }
  .AutomatedEmails.compose .sumo_from_email .optWrapper > .options li.opt {
    padding: 10px 6px; }

/*
 * Order Admin Page
 * Listing Gift Orders Page
 */
.OrderAdmin.index .report-wrapper, .PublishingGiftOrder.index .report-wrapper {
  display: flex; }
  .OrderAdmin.index .report-wrapper #order-report, .PublishingGiftOrder.index .report-wrapper #order-report {
    margin-right: 15px; }
.OrderAdmin.index .actions-button-container > a, .PublishingGiftOrder.index .actions-button-container > a {
  margin-bottom: 5px; }
  .OrderAdmin.index .actions-button-container > a:not(:last-child), .PublishingGiftOrder.index .actions-button-container > a:not(:last-child) {
    margin-right: 10px; }
.OrderAdmin.edit input[type="text"].is-invalid, .PublishingGiftOrder.edit input[type="text"].is-invalid {
  border-color: #E6272F; }
.OrderAdmin.edit #order-ticket-number, .PublishingGiftOrder.edit #order-ticket-number {
  border: none; }
.OrderAdmin.edit #order-tracking-num input, .PublishingGiftOrder.edit #order-tracking-num input {
  height: 40px; }

/*
 * Stats Report Page
 */
.StatsReport .top-space, .StatsReport .header-wrapper > * {
  margin: 0 0 10px 0; }
  @media only screen and (min-width: 992px) {
    .StatsReport .top-space, .StatsReport .header-wrapper > * {
      margin: 0 0 0 15px; } }
.StatsReport .dashboard-stat.dashboard-stat-v2 .visual {
  padding-top: 5px; }
.StatsReport .dashboard-stat .visual > i {
  margin-left: 0; }
.StatsReport .header-wrapper {
  margin-top: 0 !important;
  margin-bottom: 10px;
  display: inline-grid; }
  @media only screen and (min-width: 992px) {
    .StatsReport .header-wrapper {
      display: block; } }
  .StatsReport .header-wrapper h4 {
    margin-left: 0 !important; }
  .StatsReport .header-wrapper .SumoSelect > .optWrapper > .options li.opt {
    padding-top: 12px !important; }
  .StatsReport .header-wrapper .btn, .StatsReport .header-wrapper .dt-button,
  .StatsReport .header-wrapper .acf-button {
    height: 28px;
    padding: 0 12px; }
.StatsReport .sold-filter {
  display: flex; }
  .StatsReport .sold-filter .date-picker-wrapper {
    position: relative;
    margin-right: 15px; }
    .StatsReport .sold-filter .date-picker-wrapper input {
      padding: 4px 25px 4px 10px;
      width: 200px;
      font-size: 12px; }
    .StatsReport .sold-filter .date-picker-wrapper .icon-calendar {
      position: absolute;
      right: 1px;
      padding: 7px;
      cursor: pointer; }
.StatsReport .fa-long-arrow-up {
  color: green; }
.StatsReport .fa-long-arrow-down {
  color: #E6272F; }
.StatsReport .week-picker-wrapper {
  float: left;
  position: relative; }
  .StatsReport .week-picker-wrapper input {
    padding: 7px 30px 7px 7px;
    width: 226px;
    font-size: 14px; }
  .StatsReport .week-picker-wrapper .icon-calendar {
    position: absolute;
    right: 1px;
    padding: 9px;
    cursor: pointer; }
  .StatsReport .week-picker-wrapper .bootstrap-datetimepicker-widget .datepicker-days tbody tr:hover, .StatsReport .week-picker-wrapper .bootstrap-datetimepicker-widget .datepicker-days tbody td:hover {
    background-color: #E6272F !important; }
.StatsReport .optWrapper, .StatsReport .SelectBox {
  color: #2b3643;
  font-size: 14px;
  font-weight: bold; }
.StatsReport .previous-text, .StatsReport .current-text {
  margin-top: 5px; }
.StatsReport #stats-content-wrapper {
  margin-top: 20px; }
  .StatsReport #stats-content-wrapper > hr {
    margin: 20px 0;
    height: 2px; }

/*
 * Gifting Page
 */
.Gifting #status-notice {
  font-size: 12px;
  color: #E6272F;
  font-weight: 600;
  margin-top: 5px; }
.Gifting .report-wrapper {
  display: flex; }
  .Gifting .report-wrapper .btn:not(:last-child), .Gifting .report-wrapper .dt-button:not(:last-child),
  .Gifting .report-wrapper .acf-button:not(:last-child) {
    margin-right: 15px; }

/*
 * Compendium & Order Pages
 */
.Compendium div[data-name="compendium_profile"] textarea, .CompendiumOrder div[data-name="compendium_profile"] textarea {
  height: 472px; }
.Compendium .word-used, .Compendium .word-left, .CompendiumOrder .word-used, .CompendiumOrder .word-left {
  margin-bottom: 20px; }
.Compendium .word-used, .CompendiumOrder .word-used {
  margin: 0 15px; }
.Compendium .word-left, .CompendiumOrder .word-left {
  margin-right: 15px; }
.Compendium #testimonial-message, .CompendiumOrder #testimonial-message {
  margin-top: 25px;
  font-size: 15px;
  color: #E6272F; }
.Compendium #print-label, .CompendiumOrder #print-label {
  margin-left: 15px; }

/*
 * Auction Report Page
 */
.AuctionReport input {
  background-color: #FFFFFF;
  padding-left: 10px; }
  .AuctionReport input:focus {
    border-color: #ccc; }
.AuctionReport .input-group-addon {
  position: relative;
  right: 39px;
  z-index: 10;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  background-color: transparent; }
.AuctionReport #report-options .col-xs-12 {
  margin-top: 10px;
  margin-bottom: 15px; }

/*
 * Compendium Page
 */
.Compendium #create-btn-wrapper {
  position: relative; }
  .Compendium #create-btn-wrapper #btn-create-order {
    position: absolute;
    left: 200px;
    display: inline;
    top: -37px;
    font-size: 11px;
    z-index: 1; }

/*
 * FacebookPixel Page
 */
.FacebookPixel [data-name="agent_subsite_code"] textarea, .FacebookPixel [data-name="office_subsite_code"] textarea {
  min-height: 280px; }
.FacebookPixel ul.desc-list {
  padding-left: 17px; }
  .FacebookPixel ul.desc-list li {
    margin-bottom: 7px; }

/*
 * Compendium Order Page
 */
.CompendiumOrder #create-btn-wrapper {
  position: relative; }
  .CompendiumOrder #create-btn-wrapper #btn-create-order {
    position: absolute;
    right: 250px;
    z-index: 1; }
  .CompendiumOrder #create-btn-wrapper #draft-filter {
    font-size: 15px;
    font-weight: 600;
    position: absolute;
    right: 470px;
    top: 20px;
    z-index: 1; }
  .CompendiumOrder #create-btn-wrapper .report-wrapper button:not(:last-of-type) {
    margin-right: 15px; }
.CompendiumOrder #creat-csv-wrapper {
  position: relative; }
  .CompendiumOrder #creat-csv-wrapper #btn-create-csv {
    max-width: 360px;
    padding: 8px 30px;
    position: absolute;
    left: 240px;
    top: -65px;
    z-index: 1; }
.CompendiumOrder .option-wrapper {
  line-height: 1.4; }
  .CompendiumOrder .option-wrapper img {
    margin-bottom: 10px; }
.CompendiumOrder #toggle-compendium {
  width: 100%;
  padding: 0 0 20px 12px;
  border-top: none; }
  .CompendiumOrder #toggle-compendium span {
    font-weight: 700;
    cursor: pointer;
    position: relative; }
    .CompendiumOrder #toggle-compendium span .fa {
      font-size: 19px;
      font-weight: 700;
      position: absolute;
      right: -23px;
      top: 1px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .CompendiumOrder #toggle-compendium span .fa.down {
      -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
      transform: rotate(-180deg); }

/*
 * HeadOffice Page
 */
.HeadOffice #address-table {
  width: 100%; }
  @media only screen and (min-width: 992px) {
    .HeadOffice #address-table {
      width: 500px; } }
.HeadOffice .card-wrapper .card {
  background-color: #FFFFFF;
  margin: 15px 0;
  padding: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: .25rem; }
  .HeadOffice .card-wrapper .card > * {
    margin: 0;
    padding: 1.25rem; }
  .HeadOffice .card-wrapper .card .card-title {
    margin-bottom: .75rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
.HeadOffice .modal-footer {
  display: none; }
.HeadOffice [data-name=notes] textarea {
  width: 100%;
  height: 300px; }
.HeadOffice .acf-form-submit {
  text-align: right; }
.HeadOffice #modal-generic #acf-form {
  padding: 0 15px 15px; }

/**
 Office Setup and User Setup
 */
.clear-left[data-width] {
  clear: left; }

.acf-checkbox-list label {
  font-weight: 400; }

#setup_user .acf-field-checkbox, #setup_user .acf-field-group, #setup_office .acf-field-checkbox, #setup_office .acf-field-group, #exit_user .acf-field-checkbox, #exit_user .acf-field-group, #transfer_user .acf-field-checkbox, #transfer_user .acf-field-group, #shutdown_office .acf-field-checkbox, #shutdown_office .acf-field-group, #transfer_office .acf-field-checkbox, #transfer_office .acf-field-group, #setup_head_office .acf-field-checkbox, #setup_head_office .acf-field-group, #renewal_office .acf-field-checkbox, #renewal_office .acf-field-group {
  border: none !important; }

/**
Email Records
 */
.EmailRecord #email-body .templateContainer {
  width: 100% !important; }
.EmailRecord #title h3 {
  font-size: 33px !important;
  font-weight: 500 !important;
  color: #2b3643 !important; }
.EmailRecord #email-header {
  padding: 15px 0; }
  .EmailRecord #email-header p {
    font-size: 15px;
    font-weight: bold; }

.Complaints table#comment-table {
  margin-top: 15px;
  background-color: #FFFFFF;
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%; }
  .Complaints table#comment-table td, .Complaints table#comment-table th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px; }
    .Complaints table#comment-table td:first-child, .Complaints table#comment-table th:first-child {
      width: 20%; }
    .Complaints table#comment-table td:nth-child(2), .Complaints table#comment-table th:nth-child(2) {
      width: 20%; }
    .Complaints table#comment-table td:last-child, .Complaints table#comment-table th:last-child {
      width: 60%; }
  .Complaints table#comment-table tr:nth-child(even) {
    background-color: #dddddd; }
    .Complaints table#comment-table tr:nth-child(even) td, .Complaints table#comment-table tr:nth-child(even) th {
      border: 1px solid #FFFFFF; }

/**
 Users page
 */
.Users .SumoSelect {
  width: 170px !important; }
.Users.index #inactive-filter {
  font-size: 15px;
  font-weight: 600;
  position: absolute;
  right: 270px;
  top: 20px;
  z-index: 1; }
  .Users.index #inactive-filter input {
    margin-right: 5px; }

/**
User profile style
 */
.Users.profile .current_image img, .Users.edit .current_image img, .Offices.edit .current_image img {
  max-width: 100%; }
.Users.profile .slide-preview, .Users.edit .slide-preview, .Offices.edit .slide-preview {
  position: relative;
  margin-top: 19px;
  overflow: hidden;
  max-width: 100%; }
  .Users.profile .slide-preview .preview-text-wrapper, .Users.edit .slide-preview .preview-text-wrapper, .Offices.edit .slide-preview .preview-text-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    position: absolute;
    left: 0;
    top: 0;
    color: white !important;
    padding: 0 20%;
    width: 100%;
    height: 100%;
    font-size: 6px !important; }
    .Users.profile .slide-preview .preview-text-wrapper .text-box, .Users.edit .slide-preview .preview-text-wrapper .text-box, .Offices.edit .slide-preview .preview-text-wrapper .text-box {
      margin-bottom: 5px;
      white-space: pre-wrap; }
      .Users.profile .slide-preview .preview-text-wrapper .text-box h2, .Users.edit .slide-preview .preview-text-wrapper .text-box h2, .Offices.edit .slide-preview .preview-text-wrapper .text-box h2 {
        font-size: 19px !important;
        color: white !important;
        margin-bottom: 0;
        margin-top: 5px;
        line-height: 1.2; }
      .Users.profile .slide-preview .preview-text-wrapper .text-box .text, .Users.edit .slide-preview .preview-text-wrapper .text-box .text, .Offices.edit .slide-preview .preview-text-wrapper .text-box .text {
        margin: 5px 0 10px;
        padding-right: 25px; }
      .Users.profile .slide-preview .preview-text-wrapper .text-box .btn, .Users.profile .slide-preview .preview-text-wrapper .text-box .dt-button,
      .Users.profile .slide-preview .preview-text-wrapper .text-box .acf-button, .Users.edit .slide-preview .preview-text-wrapper .text-box .btn, .Users.edit .slide-preview .preview-text-wrapper .text-box .dt-button,
      .Users.edit .slide-preview .preview-text-wrapper .text-box .acf-button, .Offices.edit .slide-preview .preview-text-wrapper .text-box .btn, .Offices.edit .slide-preview .preview-text-wrapper .text-box .dt-button,
      .Offices.edit .slide-preview .preview-text-wrapper .text-box .acf-button {
        font-size: 6px !important;
        padding: 5px 10px !important; }
.Users.profile #getUserAutomatedEmails .SumoSelect, .Users.profile #getOfficeAutomatedEmails .SumoSelect, .Users.edit #getUserAutomatedEmails .SumoSelect, .Users.edit #getOfficeAutomatedEmails .SumoSelect, .Offices.edit #getUserAutomatedEmails .SumoSelect, .Offices.edit #getOfficeAutomatedEmails .SumoSelect {
  width: 300px; }
.Users.profile .mpre-btn-group-list, .Users.edit .mpre-btn-group-list, .Offices.edit .mpre-btn-group-list {
  border: none; }
  .Users.profile .mpre-btn-group-list .acf-table, .Users.profile .mpre-btn-group-list .acf-fields, .Users.edit .mpre-btn-group-list .acf-table, .Users.edit .mpre-btn-group-list .acf-fields, .Offices.edit .mpre-btn-group-list .acf-table, .Offices.edit .mpre-btn-group-list .acf-fields {
    border: none; }
  .Users.profile .mpre-btn-group-list .acf-row-handle, .Users.edit .mpre-btn-group-list .acf-row-handle, .Offices.edit .mpre-btn-group-list .acf-row-handle {
    display: none; }
  .Users.profile .mpre-btn-group-list .mpre-bg-field-wrapper, .Users.edit .mpre-btn-group-list .mpre-bg-field-wrapper, .Offices.edit .mpre-btn-group-list .mpre-bg-field-wrapper {
    border: none;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 8px 0; }
    .Users.profile .mpre-btn-group-list .mpre-bg-field-wrapper .acf-label, .Users.edit .mpre-btn-group-list .mpre-bg-field-wrapper .acf-label, .Offices.edit .mpre-btn-group-list .mpre-bg-field-wrapper .acf-label {
      margin-bottom: 0;
      margin-left: 15px; }

/**
 Offices page
 */
.Offices.index #inactive-filter {
  font-size: 15px;
  font-weight: 600;
  position: absolute;
  right: 270px;
  top: 20px;
  z-index: 1; }
  .Offices.index #inactive-filter input {
    margin-right: 5px; }

.RegionalReport #report-content {
  margin-top: 45px; }
.RegionalReport .controller-view {
  margin-top: 80px; }

.searchDraftListingSection {
  margin-bottom: 15px;
  background-color: #FFFFFF;
  padding: 15px 15px 20px; }
  .searchDraftListingSection .SumoSelect {
    display: block;
    width: 100%; }
    .searchDraftListingSection .SumoSelect > .CaptionCont {
      padding: 12px 0; }
      .searchDraftListingSection .SumoSelect > .CaptionCont span {
        padding-left: 10px;
        text-align: left; }
    .searchDraftListingSection .SumoSelect > .optWrapper .options li.opt {
      padding: 10px;
      text-align: left; }
  .searchDraftListingSection input[type=text] {
    background-color: #FFFFFF; }
  .searchDraftListingSection input[type=submit] {
    margin-top: 20px; }

.SlideGenerator #slide-image-container {
  margin-bottom: 40px; }
  .SlideGenerator #slide-image-container .img-wrapper {
    margin: 10px;
    padding: 4px;
    text-align: center;
    overflow: visible;
    border: 5px solid transparent; }
    .SlideGenerator #slide-image-container .img-wrapper.selected {
      border: 5px solid #E6272F; }
    .SlideGenerator #slide-image-container .img-wrapper .img-slide {
      width: 100%;
      height: auto;
      margin-bottom: 10px; }
    .SlideGenerator #slide-image-container .img-wrapper .text-wrapper {
      width: 100%; }
    .SlideGenerator #slide-image-container .img-wrapper .SumoSelect {
      width: 100%; }
    .SlideGenerator #slide-image-container .img-wrapper .form-group {
      position: relative; }
      .SlideGenerator #slide-image-container .img-wrapper .form-group .portal-tooltip-wrapper {
        position: absolute;
        right: 10px;
        top: 10px; }
.SlideGenerator #control-wrapper {
  margin: 0 5px;
  padding: 25px;
  position: fixed;
  width: calc(100% - 110px);
  bottom: 0;
  background-color: white;
  display: inline-flex;
  z-index: 10; }
  .SlideGenerator #control-wrapper #btnGenerateImages, .SlideGenerator #control-wrapper #btnUploadToRex {
    margin-right: 5px; }
  .SlideGenerator #control-wrapper .checkbox {
    margin-left: 20px; }
    .SlideGenerator #control-wrapper .checkbox label {
      padding: 0 0 0 25px; }
  .SlideGenerator #control-wrapper #all-text .input-text {
    width: 397px;
    margin-right: 5px; }
  .SlideGenerator #control-wrapper #all-text .portal-tooltip-wrapper {
    top: unset; }
  .SlideGenerator #control-wrapper .SumoSelect {
    margin-left: 20px;
    width: 397px; }
  .SlideGenerator #control-wrapper .portal-tooltip-wrapper {
    top: 12px;
    margin-right: 20px; }
.SlideGenerator .input-text {
  padding: 0 10px;
  background-color: #FFFFFF; }
  .SlideGenerator .input-text:disabled {
    opacity: 0.5; }
.SlideGenerator #getSlideGenerator td .btn-xs {
  margin-right: 8px; }

/**
 Compaints
 */
.Complaints #comments-popup .modal-dialog {
  width: 900px;
  max-width: 90%; }
.Complaints #comment-table .comment {
  width: 50%; }
.Complaints .hiddendiv {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  width: 100%;
  padding: 3px 5px;
  resize: none;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.4; }

.MortgageEnquiry #enquiry-stats {
  margin-top: 15px; }
  .MortgageEnquiry #enquiry-stats .dashboard-stat {
    margin-bottom: 0; }
    .MortgageEnquiry #enquiry-stats .dashboard-stat .visual {
      padding-top: 5px; }
      .MortgageEnquiry #enquiry-stats .dashboard-stat .visual i.icons {
        margin-left: 0; }
  .MortgageEnquiry #enquiry-stats > .row:not(:last-child) {
    margin-bottom: 15px; }
.MortgageEnquiry #modal-generic .modal-content .modal-body .content .back-link, .MortgageEnquiry #modal-generic .modal-content .modal-body .content .question-wrapper, .MortgageEnquiry #modal-generic .modal-content .modal-body .content hr {
  display: none; }

.pddm-inline-date-filter {
  display: flex; }
  .pddm-inline-date-filter .date-picker-wrapper {
    position: relative;
    margin-right: 15px; }
    .pddm-inline-date-filter .date-picker-wrapper .icon-calendar {
      position: absolute;
      right: 1px;
      padding: 7px;
      cursor: pointer; }
    .pddm-inline-date-filter .date-picker-wrapper input {
      padding: 4px 25px 4px 10px;
      width: 200px;
      font-size: 12px; }
  .pddm-inline-date-filter .btn, .pddm-inline-date-filter .dt-button,
  .pddm-inline-date-filter .acf-button {
    height: 28px;
    padding: 0 12px; }

.Competition #competition-report-wrapper {
  margin-top: 20px;
  width: 400px; }
  .Competition #competition-report-wrapper #btnCompetitionReport {
    padding: 5px 15px; }

.SocialPosts #social-posts-form .SumoSelect {
  width: 400px !important; }
.SocialPosts #post-preview-wrapper {
  min-height: 100px;
  margin-top: 25px; }
  .SocialPosts #post-preview-wrapper h4 {
    font-weight: bold; }
  .SocialPosts #post-preview-wrapper .btn, .SocialPosts #post-preview-wrapper .dt-button,
  .SocialPosts #post-preview-wrapper .acf-button {
    margin-top: 10px; }
.SocialPosts .social-listing-image-wrapper {
  margin-bottom: 10px; }
  .SocialPosts .social-listing-image-wrapper .social-listing-image {
    max-width: 100%;
    cursor: pointer;
    padding: 4px;
    border: 5px solid transparent; }
    .SocialPosts .social-listing-image-wrapper .social-listing-image.active {
      border: 5px solid #E6272F; }
.SocialPosts .form-check-inline-wrapper {
  display: inline-flex; }
  .SocialPosts .form-check-inline-wrapper div.checkbox label, .SocialPosts .form-check-inline-wrapper div.radio label {
    padding: 0 0 0 25px; }
  .SocialPosts .form-check-inline-wrapper .checkbox {
    margin-right: 25px; }

.CovidSubmission #modal-generic .modal-content .modal-body .content .back-link {
  display: none; }

.CommissionSubmission .btn-wrapper {
  position: relative;
  margin-bottom: 10px; }
  .CommissionSubmission .btn-wrapper #csv-export {
    position: absolute;
    z-index: 1; }
.CommissionSubmission .dashboard-stat .visual > i {
  margin-left: 0;
  position: relative;
  top: -30px; }

.AgentReferralSubmission div[data-name="check_list_comments"] > *, .Referrals div[data-name="check_list_comments"] > * {
  margin-left: 25px; }

.Listings .actions-button-container > a:not(:last-child) {
  margin-right: 10px; }

.Contracts.index .report-wrapper {
  display: flex; }
  .Contracts.index .report-wrapper #csv-export {
    margin-right: 15px; }
.Contracts.index .actions-button-container {
  width: 100px; }
  .Contracts.index .actions-button-container > a:not(:last-child) {
    margin-right: 10px; }
.Contracts.index form#pull-listing-contracts .SumoSelect {
  width: 100% !important; }
.Contracts.index form#pull-listing-contracts .col-sm-4 {
  padding-left: 0; }
.Contracts.index form#pull-listing-contracts input[type="text"] {
  background-color: #FFFFFF;
  padding: 5px; }
  .Contracts.index form#pull-listing-contracts input[type="text"]:-webkit-autofill, .Contracts.index form#pull-listing-contracts input[type="text"]:-webkit-autofill:hover, .Contracts.index form#pull-listing-contracts input[type="text"]:-webkit-autofill:focus, .Contracts.index form#pull-listing-contracts input[type="text"]:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important; }
.Contracts.index .SumoSelect {
  width: 190px !important; }
  .Contracts.index .SumoSelect .CaptionCont {
    padding: 12px 5px; }
    .Contracts.index .SumoSelect .CaptionCont input[type="text"] {
      height: 100%; }
.Contracts.index #contract-export-modal .modal-content {
  width: 70%; }
  @media only screen and (min-width: 992px) {
    .Contracts.index #contract-export-modal .modal-content {
      width: 60%; } }
  .Contracts.index #contract-export-modal .modal-content h4 {
    padding: 0 15px; }
  .Contracts.index #contract-export-modal .modal-content .first-row {
    margin: 15px 0 10px; }
  .Contracts.index #contract-export-modal .modal-content .sec-row {
    text-align: right;
    padding-right: 30px; }
  .Contracts.index #contract-export-modal .modal-content .SumoSelect {
    width: 100% !important; }
  .Contracts.index #contract-export-modal .modal-content input[type="text"] {
    background-color: #FFFFFF;
    padding: 5px; }
    .Contracts.index #contract-export-modal .modal-content input[type="text"]:-webkit-autofill, .Contracts.index #contract-export-modal .modal-content input[type="text"]:-webkit-autofill:hover, .Contracts.index #contract-export-modal .modal-content input[type="text"]:-webkit-autofill:focus, .Contracts.index #contract-export-modal .modal-content input[type="text"]:-webkit-autofill:active {
      -webkit-box-shadow: 0 0 0 30px white inset !important; }
.Contracts.edit li, .Contracts.view li {
  font-size: 14px; }
.Contracts.edit [data-name="con_documents_checklist"] ul.acf-checkbox-list, .Contracts.view [data-name="con_documents_checklist"] ul.acf-checkbox-list {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2; }
  .Contracts.edit [data-name="con_documents_checklist"] ul.acf-checkbox-list li, .Contracts.view [data-name="con_documents_checklist"] ul.acf-checkbox-list li {
    width: 90%;
    margin-bottom: 20px; }
.Contracts.edit [data-name="con_sale_type"] li, .Contracts.view [data-name="con_sale_type"] li {
  width: 16%; }
.Contracts.edit [data-name="send_agreement"],
.Contracts.edit [data-name="send_agreement_time"],
.Contracts.edit [data-name="send_advise"],
.Contracts.edit [data-name="send_advise_time"], .Contracts.view [data-name="send_agreement"],
.Contracts.view [data-name="send_agreement_time"],
.Contracts.view [data-name="send_advise"],
.Contracts.view [data-name="send_advise_time"] {
  padding: 0 12px; }
.Contracts.edit [data-name="con_checklist"] > .acf-label,
.Contracts.edit [data-key="field_61680bcd0e817"] > .acf-label,
.Contracts.edit [data-name="con_emailed_agent_marketing"] > .acf-label,
.Contracts.edit [data-name="con_deducted_from_deposit"] > .acf-label,
.Contracts.edit [data-name="con_comments_box"] > .acf-label, .Contracts.view [data-name="con_checklist"] > .acf-label,
.Contracts.view [data-key="field_61680bcd0e817"] > .acf-label,
.Contracts.view [data-name="con_emailed_agent_marketing"] > .acf-label,
.Contracts.view [data-name="con_deducted_from_deposit"] > .acf-label,
.Contracts.view [data-name="con_comments_box"] > .acf-label {
  display: none; }
.Contracts.edit [data-name="con_checklist"], .Contracts.view [data-name="con_checklist"] {
  border-left: none !important; }
  .Contracts.edit [data-name="con_checklist"] > .acf-input > .acf-fields, .Contracts.view [data-name="con_checklist"] > .acf-input > .acf-fields {
    border: none; }
    .Contracts.edit [data-name="con_checklist"] > .acf-input > .acf-fields > .acf-field, .Contracts.view [data-name="con_checklist"] > .acf-input > .acf-fields > .acf-field {
      border: none; }
  .Contracts.edit [data-name="con_checklist"] [data-type="message"] p:not(:last-of-type), .Contracts.view [data-name="con_checklist"] [data-type="message"] p:not(:last-of-type) {
    margin-bottom: 17px; }
.Contracts.edit [data-name="con_deducted_amount"], .Contracts.view [data-name="con_deducted_amount"] {
  display: flex;
  border-left: none !important; }
  .Contracts.edit [data-name="con_deducted_amount"] > .acf-label, .Contracts.view [data-name="con_deducted_amount"] > .acf-label {
    margin-top: 6px;
    margin-right: 15px; }
.Contracts.edit [data-name="con_deducted_from_deposit"], .Contracts.view [data-name="con_deducted_from_deposit"] {
  border-left: none !important; }
.Contracts.edit .acf-form-submit, .Contracts.view .acf-form-submit {
  text-align: right; }
.Contracts.edit #contract-detail, .Contracts.view #contract-detail {
  background: #fff;
  padding: 30px 30px 0; }
  .Contracts.edit #contract-detail.has-message, .Contracts.view #contract-detail.has-message {
    margin-top: 60px; }
  .Contracts.edit #contract-detail .row > *, .Contracts.view #contract-detail .row > * {
    margin-bottom: 20px; }
    .Contracts.edit #contract-detail .row > * label, .Contracts.view #contract-detail .row > * label {
      margin-right: 10px; }
.Contracts.edit #comment-container, .Contracts.view #comment-container {
  margin-top: 20px;
  background: #fff;
  padding: 30px; }
  .Contracts.edit #comment-container .comment-wrapper, .Contracts.view #comment-container .comment-wrapper {
    border: 1px solid #ccc;
    padding: 15px; }
    .Contracts.edit #comment-container .comment-wrapper:not(:last-of-type), .Contracts.view #comment-container .comment-wrapper:not(:last-of-type) {
      margin-bottom: 15px; }
    .Contracts.edit #comment-container .comment-wrapper .date, .Contracts.view #comment-container .comment-wrapper .date {
      font-style: italic;
      font-size: small;
      margin: 5px 0 10px; }
.Contracts.edit #contract-form, .Contracts.view #contract-form {
  position: relative; }
  .Contracts.edit #contract-form #message, .Contracts.view #contract-form #message {
    position: absolute;
    top: -168px;
    width: 100%; }

.TrainingNotes.index .actions-button-container > a {
  margin-bottom: 10px; }
  .TrainingNotes.index .actions-button-container > a:not(:last-child) {
    margin-right: 10px; }
.TrainingNotes #send-notes-agents-container {
  display: flex;
  flex-direction: column; }
  .TrainingNotes #send-notes-agents-container #note-greeting-msg {
    width: 100%;
    margin: 20px 0; }
  .TrainingNotes #send-notes-agents-container .cc-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end; }
    .TrainingNotes #send-notes-agents-container .cc-wrapper input {
      margin-left: 15px;
      flex-grow: 1; }
.TrainingNotes #training-view-container {
  padding: 20px;
  background-color: #FFFFFF; }
  .TrainingNotes #training-view-container .form-group {
    margin-bottom: 20px; }
  .TrainingNotes #training-view-container label {
    margin-bottom: 10px; }
  .TrainingNotes #training-view-container label, .TrainingNotes #training-view-container div {
    font-size: 15px; }

.MarketingRequest.index .text-search {
  display: inline-block;
  width: 100%;
  margin: 0;
  border: 1px solid #A4A4A4;
  padding: 5px 8px;
  box-sizing: border-box;
  border-radius: 5px;
  height: 28.8px; }
.MarketingRequest.index #completed-filter {
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: flex-start; }
  .MarketingRequest.index #completed-filter input {
    margin-right: 5px; }

.VipaRequest.index .export-wrapper .btn:not(:last-of-type), .VipaRequest.index .export-wrapper .dt-button:not(:last-of-type),
.VipaRequest.index .export-wrapper .acf-button:not(:last-of-type) {
  margin-right: 15px; }
.VipaRequest.index .status-filter-wrapper .SumoSelect {
  width: 235px; }
.VipaRequest.index .actions-button-container > a {
  margin-bottom: 5px; }
  .VipaRequest.index .actions-button-container > a:not(:last-child) {
    margin-right: 10px; }
.VipaRequest.edit #time-entries, .VipaRequest.view #time-entries {
  margin-top: 30px;
  padding: 30px;
  background-color: #FFFFFF; }
  .VipaRequest.edit #time-entries > h2, .VipaRequest.view #time-entries > h2 {
    margin-top: 0; }
  .VipaRequest.edit #time-entries #add-entry-wrapper, .VipaRequest.view #time-entries #add-entry-wrapper {
    margin-top: 20px; }
    .VipaRequest.edit #time-entries #add-entry-wrapper input, .VipaRequest.view #time-entries #add-entry-wrapper input {
      font-size: 14px; }
    .VipaRequest.edit #time-entries #add-entry-wrapper > .row, .VipaRequest.view #time-entries #add-entry-wrapper > .row {
      display: flex; }
      .VipaRequest.edit #time-entries #add-entry-wrapper > .row .btn-wrapper, .VipaRequest.view #time-entries #add-entry-wrapper > .row .btn-wrapper {
        display: flex;
        align-items: flex-end; }
    .VipaRequest.edit #time-entries #add-entry-wrapper .sumoselect-picker, .VipaRequest.view #time-entries #add-entry-wrapper .sumoselect-picker {
      width: 100%; }
      .VipaRequest.edit #time-entries #add-entry-wrapper .sumoselect-picker .SumoSelect, .VipaRequest.view #time-entries #add-entry-wrapper .sumoselect-picker .SumoSelect {
        width: 100%; }
        .VipaRequest.edit #time-entries #add-entry-wrapper .sumoselect-picker .SumoSelect .CaptionCont, .VipaRequest.view #time-entries #add-entry-wrapper .sumoselect-picker .SumoSelect .CaptionCont {
          height: 43px;
          display: flex;
          align-items: center; }
          .VipaRequest.edit #time-entries #add-entry-wrapper .sumoselect-picker .SumoSelect .CaptionCont > label, .VipaRequest.view #time-entries #add-entry-wrapper .sumoselect-picker .SumoSelect .CaptionCont > label {
            height: 100%; }
    .VipaRequest.edit #time-entries #add-entry-wrapper #entry-note, .VipaRequest.view #time-entries #add-entry-wrapper #entry-note {
      height: 43px;
      width: 100%; }
    .VipaRequest.edit #time-entries #add-entry-wrapper #btn-add-entry, .VipaRequest.view #time-entries #add-entry-wrapper #btn-add-entry {
      position: relative;
      top: -2px; }
  .VipaRequest.edit #time-entries #entry-table, .VipaRequest.view #time-entries #entry-table {
    margin-top: 15px;
    background-color: #FFFFFF;
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%; }
    .VipaRequest.edit #time-entries #entry-table td, .VipaRequest.edit #time-entries #entry-table th, .VipaRequest.view #time-entries #entry-table td, .VipaRequest.view #time-entries #entry-table th {
      border: 1px solid #dddddd;
      text-align: left;
      padding: 8px;
      width: 20%; }
    .VipaRequest.edit #time-entries #entry-table tr:nth-child(even), .VipaRequest.view #time-entries #entry-table tr:nth-child(even) {
      background-color: #dddddd; }
      .VipaRequest.edit #time-entries #entry-table tr:nth-child(even) td, .VipaRequest.edit #time-entries #entry-table tr:nth-child(even) th, .VipaRequest.view #time-entries #entry-table tr:nth-child(even) td, .VipaRequest.view #time-entries #entry-table tr:nth-child(even) th {
        border: 1px solid #FFFFFF; }
    .VipaRequest.edit #time-entries #entry-table .btn-remove-entry, .VipaRequest.view #time-entries #entry-table .btn-remove-entry {
      float: right; }

.PublishingCheck.index .actions-button-container {
  width: 120px; }
  .PublishingCheck.index .actions-button-container > a {
    margin-bottom: 5px; }
    .PublishingCheck.index .actions-button-container > a:not(:last-child) {
      margin-right: 10px; }
.PublishingCheck.index form#search-listing {
  margin-top: 15px; }
  .PublishingCheck.index form#search-listing .SumoSelect {
    width: 100% !important; }
  .PublishingCheck.index form#search-listing .col-sm-4 {
    padding-left: 0; }
  .PublishingCheck.index form#search-listing input[type="text"] {
    background-color: #FFFFFF;
    padding: 5px; }
    .PublishingCheck.index form#search-listing input[type="text"]:-webkit-autofill, .PublishingCheck.index form#search-listing input[type="text"]:-webkit-autofill:hover, .PublishingCheck.index form#search-listing input[type="text"]:-webkit-autofill:focus, .PublishingCheck.index form#search-listing input[type="text"]:-webkit-autofill:active {
      -webkit-box-shadow: 0 0 0 30px white inset !important; }
.PublishingCheck.index .report-wrapper {
  margin-top: 15px; }
.PublishingCheck.index .SumoSelect {
  width: 160px !important; }
  .PublishingCheck.index .SumoSelect .CaptionCont {
    padding: 12px 10px; }
    .PublishingCheck.index .SumoSelect .CaptionCont input[type="text"] {
      height: 100%; }
.PublishingCheck.edit #main-colour {
  display: flex;
  flex-direction: column; }
  .PublishingCheck.edit #main-colour .colour-lookup {
    display: inline-flex;
    align-items: flex-end; }
    .PublishingCheck.edit #main-colour .colour-lookup.yellow::before {
      background-color: #fae5a1; }
    .PublishingCheck.edit #main-colour .colour-lookup.blue::before {
      background-color: #b8c7e5; }
    .PublishingCheck.edit #main-colour .colour-lookup::before {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      margin-right: 5px; }
.PublishingCheck.edit .section-title {
  color: white;
  background-color: black;
  padding: 12px;
  font-weight: 600; }
  .PublishingCheck.edit .section-title.red {
    background-color: #E6272F; }
.PublishingCheck.edit div.acf-field {
  border: none !important;
  padding-bottom: 5px; }
.PublishingCheck.edit .acf-field-62e1fd82f143f {
  margin-left: 8%; }
.PublishingCheck.edit .acf-field-62e743c1829bd {
  margin-right: 20%; }
.PublishingCheck.edit .acf-field-62e6f86d6cd31, .PublishingCheck.edit .acf-field-62e712328e508, .PublishingCheck.edit .acf-field-62e72b739b56d, .PublishingCheck.edit .acf-field-62e74990291b5, .PublishingCheck.edit .acf-field-63856e45d2428, .PublishingCheck.edit .acf-field-64c1df3d575da, .PublishingCheck.edit .acf-field-62e75d7a70184, .PublishingCheck.edit .acf-field-62e7a669db58a, .PublishingCheck.edit .acf-field-62e75ca970183, .PublishingCheck.edit .acf-field-62e74ace002d7, .PublishingCheck.edit .acf-field-6323a53a78b17, .PublishingCheck.edit .acf-field-62e3541d52d97, .PublishingCheck.edit .acf-field-63bb43e275f6e, .PublishingCheck.edit .acf-field-62e745f44fc22, .PublishingCheck.edit .acf-field-630704b713e2b {
  margin-right: 40%; }
.PublishingCheck.edit .acf-field-62e6fa68d99eb, .PublishingCheck.edit .acf-field-62e6fb92d99ed, .PublishingCheck.edit .acf-field-62e6fd10d99ef, .PublishingCheck.edit .acf-field-62e713770cadd, .PublishingCheck.edit .acf-field-62e6f558955ed, .PublishingCheck.edit .acf-field-6323a729df0d0, .PublishingCheck.edit .acf-field-6323d50a0f5ed, .PublishingCheck.edit .acf-field-62e711eb8e507, .PublishingCheck.edit .acf-field-62e3531452d95 {
  margin-right: 60%; }
.PublishingCheck.edit .acf-field-62e7035076f09 .acf-checkbox-list {
  width: fit-content;
  background-color: #b8c7e5; }
.PublishingCheck.edit .acf-field-select.blue .select2-selection, .PublishingCheck.edit .acf-field-text.blue .select2-selection {
  background-color: #b8c7e5; }
.PublishingCheck.edit .acf-field-select.yellow .select2-selection, .PublishingCheck.edit .acf-field-text.yellow .select2-selection {
  background-color: #fae5a1; }
.PublishingCheck.edit .acf-field-date-picker.blue input[type="text"] {
  background-color: #b8c7e5; }
.PublishingCheck.edit .acf-field-date-picker.yellow input[type="text"] {
  background-color: #fae5a1; }
.PublishingCheck.edit .acf-field-62e711ce8e506 .acf-input-prepend, .PublishingCheck.edit .acf-field-62e711eb8e507 .acf-input-prepend {
  border: solid 1px #cccccc;
  min-height: unset; }
.PublishingCheck.edit .acf-form-submit {
  margin-top: 15px; }
.PublishingCheck.edit #publishing-renewals, .PublishingCheck.edit #add-renewal-wrapper, .PublishingCheck.edit #add-gifting-wrapper, .PublishingCheck.edit #publishing-gifts {
  margin-top: 30px;
  padding: 30px;
  background-color: #FFFFFF; }
  .PublishingCheck.edit #publishing-renewals .section-title, .PublishingCheck.edit #add-renewal-wrapper .section-title, .PublishingCheck.edit #add-gifting-wrapper .section-title, .PublishingCheck.edit #publishing-gifts .section-title {
    margin-bottom: 15px; }
  .PublishingCheck.edit #publishing-renewals #add-publishing-renewal, .PublishingCheck.edit #add-renewal-wrapper #add-publishing-renewal, .PublishingCheck.edit #add-gifting-wrapper #add-publishing-renewal, .PublishingCheck.edit #publishing-gifts #add-publishing-renewal {
    text-transform: unset; }
.PublishingCheck.edit #addRenewalModal > .modal-dialog, .PublishingCheck.edit .editRenewalModal > .modal-dialog {
  width: 80%;
  max-width: 100%; }
.PublishingCheck.edit #publishing-renewals > h2, .PublishingCheck.edit #publishing-gifts > h2 {
  margin-top: 0; }
.PublishingCheck.edit #publishing-renewals #renewal-table, .PublishingCheck.edit #publishing-renewals #gift-table, .PublishingCheck.edit #publishing-gifts #renewal-table, .PublishingCheck.edit #publishing-gifts #gift-table {
  margin-top: 15px;
  background-color: #FFFFFF;
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%; }
  .PublishingCheck.edit #publishing-renewals #renewal-table td, .PublishingCheck.edit #publishing-renewals #renewal-table th, .PublishingCheck.edit #publishing-renewals #gift-table td, .PublishingCheck.edit #publishing-renewals #gift-table th, .PublishingCheck.edit #publishing-gifts #renewal-table td, .PublishingCheck.edit #publishing-gifts #renewal-table th, .PublishingCheck.edit #publishing-gifts #gift-table td, .PublishingCheck.edit #publishing-gifts #gift-table th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    width: 20%; }
  .PublishingCheck.edit #publishing-renewals #renewal-table tr:nth-child(even), .PublishingCheck.edit #publishing-renewals #gift-table tr:nth-child(even), .PublishingCheck.edit #publishing-gifts #renewal-table tr:nth-child(even), .PublishingCheck.edit #publishing-gifts #gift-table tr:nth-child(even) {
    background-color: #dddddd; }
    .PublishingCheck.edit #publishing-renewals #renewal-table tr:nth-child(even) td, .PublishingCheck.edit #publishing-renewals #renewal-table tr:nth-child(even) th, .PublishingCheck.edit #publishing-renewals #gift-table tr:nth-child(even) td, .PublishingCheck.edit #publishing-renewals #gift-table tr:nth-child(even) th, .PublishingCheck.edit #publishing-gifts #renewal-table tr:nth-child(even) td, .PublishingCheck.edit #publishing-gifts #renewal-table tr:nth-child(even) th, .PublishingCheck.edit #publishing-gifts #gift-table tr:nth-child(even) td, .PublishingCheck.edit #publishing-gifts #gift-table tr:nth-child(even) th {
      border: 1px solid #FFFFFF; }
  .PublishingCheck.edit #publishing-renewals #renewal-table .edit-publishing-renewal, .PublishingCheck.edit #publishing-renewals #gift-table .edit-publishing-renewal, .PublishingCheck.edit #publishing-gifts #renewal-table .edit-publishing-renewal, .PublishingCheck.edit #publishing-gifts #gift-table .edit-publishing-renewal {
    float: right; }
.PublishingCheck.edit #gifting-wrapper {
  margin-top: 15px; }
.PublishingCheck.edit #add-gifting {
  outline: none; }
.PublishingCheck.edit #addGiftingModal > .modal-dialog {
  margin-top: 5%;
  width: 50%;
  max-width: 80%; }
.PublishingCheck.edit #addGiftingModal .vendor-name {
  padding: 0; }
.PublishingCheck.edit #addGiftingModal #popup-vendor-name {
  width: 174px;
  max-width: 100%; }
.PublishingCheck.edit #addGiftingModal #address-wrapper {
  margin-bottom: 15px; }
  .PublishingCheck.edit #addGiftingModal #address-wrapper input {
    width: 30%;
    margin-top: 15px;
    margin-right: 3%; }
    .PublishingCheck.edit #addGiftingModal #address-wrapper input:nth-of-type(3n+3) {
      margin-right: 0; }
.PublishingCheck.edit #addGiftingModal #product-wrapper {
  display: flex;
  flex-wrap: wrap;
  background: #FFFFFF; }
  .PublishingCheck.edit #addGiftingModal #product-wrapper .product {
    width: 48%;
    margin-right: 4%; }
    .PublishingCheck.edit #addGiftingModal #product-wrapper .product:nth-of-type(2n+2) {
      margin-right: 0; }
    .PublishingCheck.edit #addGiftingModal #product-wrapper .product .confirm-add-gifting {
      margin-top: 10px; }
.PublishingCheck.edit #addGiftingModal #comments-wrapper {
  margin-bottom: 30px; }
  .PublishingCheck.edit #addGiftingModal #comments-wrapper textarea {
    width: 100%;
    height: 50px; }

.back-link {
  color: #E6272F;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  text-transform: uppercase; }
  .back-link:hover {
    color: #E6272F;
    text-decoration: underline; }
  .back-link:before {
    content: '\003c';
    color: #e3272f;
    margin-right: 5px;
    font-size: 15px; }

.AdminCron .btn-cron {
  padding: 10px 50px;
  font-size: 18px; }
.AdminCron #admin-crons > div {
  margin-bottom: 20px; }

span.pulse {
  display: none;
  width: 22px;
  height: 22px;
  border-radius: 50% !important;
  background: #E6272F;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
  animation: pulse 1s infinite;
  margin-right: 15px; }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(230, 39, 47, 0.4); }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(230, 39, 47, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(230, 39, 47, 0); } }
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(230, 39, 47, 0.4);
    box-shadow: 0 0 0 0 rgba(230, 39, 47, 0.4); }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(230, 39, 47, 0);
    box-shadow: 0 0 0 10px rgba(230, 39, 47, 0); }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(230, 39, 47, 0);
    box-shadow: 0 0 0 0 rgba(230, 39, 47, 0); } }
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #E6272F;
  -webkit-transition: .4s;
  transition: .4s; }
  .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s; }

input:checked + .slider {
  background-color: #E6272F; }

input:focus + .slider {
  box-shadow: 0 0 1px #E6272F; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

/* Rounded sliders */
.slider.round {
  border-radius: 34px !important; }
  .slider.round:before {
    border-radius: 50% !important; }

.switch-label {
  position: relative;
  top: 10px;
  padding: 0 5px; }

.acf-form-description {
  margin-bottom: 20px; }

ul.ui-sortable {
  list-style: none;
  padding: 0; }
  ul.ui-sortable li {
    padding-left: 1.3em; }
    ul.ui-sortable li, ul.ui-sortable li > *:hover {
      cursor: ns-resize; }
    ul.ui-sortable li:before {
      content: "\f0dc";
      font-family: FontAwesome;
      display: inline-block;
      margin-left: -1.3em;
      width: 1.4em; }

.default-buyer-file-list {
  list-style: none;
  padding: 15px 0 5px; }
  .default-buyer-file-list li {
    padding-bottom: 10px; }
    .default-buyer-file-list li:before {
      content: "\2713\0020";
      padding-right: 5px; }

.actions-wrapper {
  min-width: 200px;
  display: flex;
  justify-content: space-between; }

.acf-form .acf-input-prepend, .acf-form .acf-input-append {
  display: inline-block; }

.acf-ui-datepicker .ui_tpicker_second {
  display: none !important; }

.acf-field[data-width="33"] {
  width: 33.3% !important; }

.wp-editor-container.disabled:before {
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 99;
  background: transparent;
  opacity: .2; }

#acf-editor-164_ifr {
  min-height: 580px; }

#acf-editor-166_ifr {
  min-height: 400px; }

div#message.updated > p {
  color: #0C76A6;
  background-color: rgba(12, 118, 179, 0.1);
  border: 1px solid rgba(12, 118, 179, 0.2);
  padding: 15px; }

.button_group_checklist {
  display: flex;
  padding: 5px 0 !important; }
  .button_group_checklist .acf-label {
    width: 80% !important;
    order: 2;
    flex-grow: 1;
    margin: 0 !important; }
  .button_group_checklist .acf-input {
    width: 80px !important;
    order: 1;
    padding: 0 12px; }
  .button_group_checklist .acf-button-group label {
    font-size: 12px;
    font-weight: normal;
    padding: 2px;
    cursor: pointer; }

.acf-fields.-left > .button_group_checklist.acf-field::before, .acf-fields.-left > .button_group_checklist.acf-field::after {
  display: none; }

.walkthrough-video {
  /* -------------- */
  /* Generic Styles */
  /* -------------- */
  /* --------------------- */
  /* Demo Styles */
  /* --------------------- */
  /* --------------------- */
  /* Simple Example Styles */
  /* --------------------- */
  /* --------------------- */
  /* Mosaic Example Styles */
  /* --------------------- */
  /* --------------------- */
  /* Trash Example Styles */
  /* --------------------- */ }
  .walkthrough-video .left-info .col-sm-6 {
    padding: 0; }
  .walkthrough-video .right-info .col-sm-6 {
    padding: 0; }
  .walkthrough-video .draggable {
    position: relative;
    width: 100%;
    min-height: 200px;
    border: 1px dotted grey; }
    .walkthrough-video .draggable .img {
      height: 150px;
      position: absolute;
      width: 200px; }
  .walkthrough-video .bottom-content .position {
    opacity: 0; }
  .walkthrough-video .create-video {
    margin-top: 20px; }
  .walkthrough-video .modal-dialog {
    width: 1310px;
    margin: 30px auto;
    max-width: 90%; }
  .walkthrough-video video {
    max-width: 100%; }
  .walkthrough-video .draggable {
    position: relative;
    width: 100%; }
  .walkthrough-video .draggable > div {
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 80px; }
  .walkthrough-video .draggable .ss-placeholder-child {
    background: transparent;
    border: 1px dashed rgba(0, 0, 250, 0.5); }
  .walkthrough-video .draggable .position {
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    text-align: center;
    position: absolute;
    width: 100% !important; }
  .walkthrough-video .draggable.simple {
    border: 1px dashed rgba(0, 0, 0, 0.3);
    float: left;
    margin-left: 2%;
    width: 47%; }
  .walkthrough-video .draggable.simple div[data-ss-colspan="2"] {
    width: 170px; }
  .walkthrough-video .draggable.simple div[data-ss-colspan="3"] {
    width: 260px; }
  .walkthrough-video .draggable.mosaic > div {
    width: 100px; }
  .walkthrough-video .draggable.mosaic div[data-ss-colspan="2"] {
    width: 200px; }
  .walkthrough-video .draggable.mosaic div[data-ss-colspan="3"] {
    width: 300px; }
  .walkthrough-video .draggable.trash_bin {
    border: 1px dashed red;
    float: left;
    height: 300px;
    margin: 0 2%;
    padding-top: 10px;
    text-align: center;
    width: 96%; }

.MarketingLibrary #generalMarketingRequestModal h4 {
  color: #E6272F; }
.MarketingLibrary h1 {
  margin: 0 0 5px; }
.MarketingLibrary .actions {
  text-align: right; }
  .MarketingLibrary .actions .btn, .MarketingLibrary .actions .dt-button,
  .MarketingLibrary .actions .acf-button {
    margin-right: 15px; }
.MarketingLibrary .title {
  padding: 0; }
.MarketingLibrary textarea {
  height: unset; }
.MarketingLibrary #marketingLibraryPage .buttons-container {
  padding-right: 28px; }
  .MarketingLibrary #marketingLibraryPage .buttons-container .btn, .MarketingLibrary #marketingLibraryPage .buttons-container .dt-button,
  .MarketingLibrary #marketingLibraryPage .buttons-container .acf-button {
    float: right;
    margin: 0 15px; }
.MarketingLibrary #marketingLibraryPage .post-item {
  text-align: center;
  margin-bottom: 30px; }
  .MarketingLibrary #marketingLibraryPage .post-item .post-image {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    min-height: 250px; }
  .MarketingLibrary #marketingLibraryPage .post-item .view-post-link {
    display: block; }
  .MarketingLibrary #marketingLibraryPage .post-item .post-title {
    text-align: center;
    margin-top: 10px;
    font-weight: 600;
    font-size: 18px;
    color: #E6272F; }
.MarketingLibrary #marketingLibraryPage .filter-button {
  margin-bottom: 10px; }
.MarketingLibrary #marketingLibraryViewPage .buttons-container {
  padding-right: 28px;
  margin: 15px 0; }
  .MarketingLibrary #marketingLibraryViewPage .buttons-container .btn, .MarketingLibrary #marketingLibraryViewPage .buttons-container .dt-button,
  .MarketingLibrary #marketingLibraryViewPage .buttons-container .acf-button {
    float: right;
    margin: 0 15px; }
.MarketingLibrary #marketingLibraryViewPage .pddm-form .mce-flow-layout,
.MarketingLibrary #marketingLibraryViewPage .pddm-form .wp-media-buttons,
.MarketingLibrary #marketingLibraryViewPage .pddm-form .wp-editor-tabs,
.MarketingLibrary #marketingLibraryViewPage .pddm-form .mce-toolbar-grp,
.MarketingLibrary #marketingLibraryViewPage .pddm-form .acf-row-handle.remove > a,
.MarketingLibrary #marketingLibraryViewPage .pddm-form .acf-actions,
.MarketingLibrary #marketingLibraryViewPage .pddm-form .acf-form-submit,
.MarketingLibrary #marketingLibraryViewPage #acf-form .mce-flow-layout,
.MarketingLibrary #marketingLibraryViewPage #acf-form .wp-media-buttons,
.MarketingLibrary #marketingLibraryViewPage #acf-form .wp-editor-tabs,
.MarketingLibrary #marketingLibraryViewPage #acf-form .mce-toolbar-grp,
.MarketingLibrary #marketingLibraryViewPage #acf-form .acf-row-handle.remove > a,
.MarketingLibrary #marketingLibraryViewPage #acf-form .acf-actions,
.MarketingLibrary #marketingLibraryViewPage #acf-form .acf-form-submit {
  display: block !important; }
.MarketingLibrary #marketingLibraryViewPage #marketingLibraryCarousel {
  max-width: 807px; }
  .MarketingLibrary #marketingLibraryViewPage #marketingLibraryCarousel .item img {
    margin: 0 auto; }
.MarketingLibrary input[type='file'] {
  text-indent: -10px;
  border: 0;
  box-shadow: none;
  outline: none; }

#shop,
#show-product {
  padding: 0 15px; }
  #shop #product-grid,
  #show-product #product-grid {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    background: #fff;
    padding: 30px; }
    #shop #product-grid .product,
    #show-product #product-grid .product {
      width: 100%; }
      @media only screen and (min-width: 480px) {
        #shop #product-grid .product,
        #show-product #product-grid .product {
          width: 100%; } }
      @media only screen and (min-width: 768px) {
        #shop #product-grid .product,
        #show-product #product-grid .product {
          width: 48%; } }
      @media only screen and (min-width: 992px) {
        #shop #product-grid .product,
        #show-product #product-grid .product {
          width: 32%; } }
      @media only screen and (min-width: 1200px) {
        #shop #product-grid .product,
        #show-product #product-grid .product {
          width: 23%; } }
  #shop #title, #shop #description,
  #show-product #title,
  #show-product #description {
    padding: 0 15px; }
  #shop .product,
  #show-product .product {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #f9f9f9;
    border: 1px solid #eee;
    margin-bottom: 30px;
    padding: 15px; }
    #shop .product .text-wrapper,
    #show-product .product .text-wrapper {
      display: flex;
      flex-direction: column;
      align-content: baseline; }
    #shop .product img,
    #show-product .product img {
      width: 100%;
      height: auto;
      display: block;
      margin: 0 auto; }
    #shop .product .clearfix,
    #shop .product .description,
    #show-product .product .clearfix,
    #show-product .product .description {
      display: none; }
    #shop .product .image,
    #shop .product .title,
    #show-product .product .image,
    #show-product .product .title {
      cursor: pointer; }
    #shop .product .sku,
    #show-product .product .sku {
      margin-bottom: 30px; }
    #shop .product .subtitle p:empty,
    #show-product .product .subtitle p:empty {
      display: none; }
    #shop .product .actions,
    #show-product .product .actions {
      display: flex;
      align-items: flex-start;
      margin-top: auto;
      text-align: center; }
      #shop .product .actions .qty,
      #show-product .product .actions .qty {
        width: 30px;
        padding: 8px 4px 9px;
        margin-right: 8px; }
      #shop .product .actions a.btn, #shop .product .actions a.dt-button,
      #shop .product .actions a.acf-button,
      #show-product .product .actions a.btn,
      #show-product .product .actions a.dt-button,
      #show-product .product .actions a.acf-button {
        width: auto;
        padding: 8px 12px; }
      #shop .product .actions span.price,
      #show-product .product .actions span.price {
        font-size: 26px;
        line-height: 32px;
        margin-right: auto; }

#show-product .modal-dialog {
  max-width: 1200px;
  min-width: 300px;
  width: 75vw; }
  #show-product .modal-dialog .modal-content {
    position: relative; }
    #show-product .modal-dialog .modal-content span.close {
      position: absolute;
      right: 15px;
      top: 15px;
      cursor: pointer;
      z-index: 1; }
  #show-product .modal-dialog .modal-body {
    padding: 45px; }
#show-product .product {
  flex-direction: row;
  justify-content: space-between;
  padding: 30px;
  margin: 0; }
  #show-product .product .description {
    display: block; }
  #show-product .product .text-wrapper {
    width: 65%;
    float: right; }
  #show-product .product .image {
    width: 33%;
    float: left; }

#product-filter #search-shop #filter-row {
  margin-bottom: 15px;
  padding-top: 15px; }
  #product-filter #search-shop #filter-row p {
    margin: 8px 0 16px; }
#product-filter #search-shop input,
#product-filter #search-shop select {
  width: 100%; }
#product-filter #search-shop select {
  padding: 10px;
  background-position: right 15px bottom 15px; }
#product-filter #search-shop input[type="text"] {
  padding: 9px; }
#product-filter #search-shop p {
  margin-bottom: 5px; }
#product-filter #search-shop .btn, #product-filter #search-shop .dt-button,
#product-filter #search-shop .acf-button {
  width: 100%;
  padding: 10px 35px;
  margin-top: 40px; }
#product-filter #pagination-row {
  margin-bottom: 30px; }
@media only screen and (max-width: 767px) {
  #product-filter #pagination-row .col-xs-12 .col-sm-6,
  #product-filter #pagination-row .col-xs-12 .col-sm-4,
  #product-filter #pagination-row .col-xs-12 .col-sm-3,
  #product-filter #pagination-row .col-xs-12 .col-sm-2,
  #product-filter #filter-row .col-sm-6,
  #product-filter #filter-row .col-sm-4,
  #product-filter #filter-row .col-sm-3,
  #product-filter #filter-row .col-sm-2 {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  #product-filter #pagination-row .col-xs-12 p,
  #product-filter #filter-row p {
    margin-top: 30px !important; }
  #product-filter #shop-pagination p {
    margin-top: 30px !important; } }

.shop-pagination {
  width: 100%;
  display: block; }
  .shop-pagination .page-numbers {
    padding: 12px 15px;
    display: inline-block; }
  .shop-pagination .current {
    border: 1px solid darkgray;
    background: white; }
  .shop-pagination.bottom {
    margin: 15px; }

#user-cart .modal-dialog {
  max-width: 1200px;
  min-width: 300px;
  width: 75vw; }
#user-cart #order-shipping {
  display: none; }

#order-details .titles {
  margin-top: 15px;
  margin-bottom: 30px; }

#order-group .cart-product {
  line-height: 28px;
  padding-top: 15px;
  padding-bottom: 15px; }
  #order-group .cart-product:nth-child(odd) {
    background-color: #f9f9f9; }
  #order-group .cart-product .remove {
    text-align: center; }
    #order-group .cart-product .remove .remove-product {
      cursor: pointer; }
  #order-group .cart-product .qty {
    width: 100%;
    padding: 4px; }
#order-group .minimum,
#order-group .at-limit {
  margin: 15px 15px 0 15px; }

#order #order-actions {
  margin-top: 30px; }
  #order #order-actions #order-shipping p,
  #order #order-actions #order-total p {
    line-height: 28px; }
  #order #order-actions #order-total strong {
    margin-right: 67px; }
  #order #order-actions #order-shipping strong {
    margin-right: 48px; }

#order-confirmation h4 {
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd; }
#order-confirmation #order-invoice-details {
  line-height: 28px;
  padding-top: 15px;
  padding-bottom: 15px; }
#order-confirmation #order-group {
  margin-bottom: 30px; }
#order-confirmation #details,
#order-confirmation #shipping {
  margin-bottom: 30px; }
#order-confirmation #shipping {
  font-size: 16px;
  line-height: 20px; }
#order-confirmation .order-invoice {
  line-height: 28px;
  padding-top: 15px;
  padding-bottom: 15px; }
  #order-confirmation .order-invoice:nth-child(odd) {
    background-color: #f9f9f9; }

#order-confirmation,
#checkout-form {
  background: #fff;
  padding: 30px; }
  #order-confirmation div.checkbox,
  #checkout-form div.checkbox {
    padding-top: 0; }
  #order-confirmation #order-checkout-link,
  #checkout-form #order-checkout-link {
    display: none; }
  #order-confirmation #details,
  #checkout-form #details {
    margin-bottom: 60px;
    width: 100%;
    height: auto;
    display: block; }
    #order-confirmation #details p,
    #checkout-form #details p {
      margin-bottom: 15px;
      width: 66%; }
    #order-confirmation #details textarea,
    #order-confirmation #details input,
    #checkout-form #details textarea,
    #checkout-form #details input {
      min-width: 280px;
      width: 100%; }
  #order-confirmation #order #order-actions #order-total strong,
  #checkout-form #order #order-actions #order-total strong {
    margin-right: 93px; }
  #order-confirmation #order #order-actions #order-shipping strong,
  #checkout-form #order #order-actions #order-shipping strong {
    margin-right: 74px; }
  #order-confirmation #po-box-alert,
  #checkout-form #po-box-alert {
    min-width: 280px;
    width: 66%; }

#no-order-items {
  font-size: 20px; }

.create-btn {
  margin: 15px 0; }

#order-notifications p {
  max-width: 600px;
  height: 45px;
  display: block; }

p.over-available,
p.under-minimum {
  display: none;
  width: 100%; }

body.ProductAdmin #product-category {
  margin-left: 15px; }

/**
 Regional Report / office report
*/
/*
variables
*/
#create-report-wrapper {
  width: 600px;
  margin: 20px 0;
  border: 0.2em solid #ddd;
  padding: 1.5em; }
  #create-report-wrapper #weekly-date-picker {
    width: 265px;
    font-size: 16px;
    padding: 10px;
    margin-right: 10px; }
  #create-report-wrapper #date-range {
    font-size: 16px;
    margin-top: 10px; }
  #create-report-wrapper #office-wrapper {
    margin-bottom: 10px; }
    #create-report-wrapper #office-wrapper .SumoSelect {
      width: 265px; }
    #create-report-wrapper #office-wrapper .SelectBox {
      width: 265px;
      padding: 11px;
      margin-right: 10px; }
    #create-report-wrapper #office-wrapper .SumoSelect.open .search-txt {
      padding: 8px; }
  #create-report-wrapper .right-inner-addon {
    float: left;
    position: relative; }
    #create-report-wrapper .right-inner-addon input {
      padding: 10px 30px 10px 10px;
      width: 256px;
      font-size: 16px; }
    #create-report-wrapper .right-inner-addon .icon-calendar {
      position: absolute;
      right: 12px;
      padding: 12px;
      cursor: pointer; }

#getOfficeReport tbody td {
  padding-left: 20px !important; }

.btn-green {
  background-color: green;
  color: #fff;
  border: 1px solid green; }
  .btn-green:hover, .btn-green:focus {
    color: green !important;
    background-color: #fff !important; }
  .btn-green:visited {
    background-color: green;
    color: #fff; }

.buttons-container a {
  padding: 8px 30px; }
.buttons-container .leave-report {
  margin-right: 15px; }

h5 {
  font-size: 14px;
  font-weight: bold; }

/*
 * acf fields format
 */
#acf-form .acf-table > tbody > tr > td.acf-field-true-false {
  text-align: center; }

/*
* Date picker styles
* Datetimepicker for Bootstrap 3
* version : 4.15.35
* https://github.com/Eonasdan/bootstrap-datetimepicker/
*/
/*.bootstrap-datetimepicker-widget tr:hover {
    background-color: #808080 !important;
}*/
.bootstrap-datetimepicker-widget {
  list-style: none; }

.bootstrap-datetimepicker-widget.dropdown-menu {
  margin: 2px 0;
  padding: 4px;
  width: 19em; }

@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em; } }
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em; } }
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em; } }
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute; }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px; }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px; }

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #cccccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px; }

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px; }

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px; }

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px; }

.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0; }

.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0; }

.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none; }

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0; }

.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px; }

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, .bootstrap-datetimepicker-widget [data-action="incrementHours"].dt-button::after,
.bootstrap-datetimepicker-widget [data-action="incrementHours"].acf-button::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget [data-action="incrementMinutes"].dt-button::after,
.bootstrap-datetimepicker-widget [data-action="incrementMinutes"].acf-button::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget [data-action="decrementHours"].dt-button::after,
.bootstrap-datetimepicker-widget [data-action="decrementHours"].acf-button::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget [data-action="decrementMinutes"].dt-button::after,
.bootstrap-datetimepicker-widget [data-action="decrementMinutes"].acf-button::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget [data-action="showHours"].dt-button::after,
.bootstrap-datetimepicker-widget [data-action="showHours"].acf-button::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget [data-action="showMinutes"].dt-button::after,
.bootstrap-datetimepicker-widget [data-action="showMinutes"].acf-button::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget [data-action="togglePeriod"].dt-button::after,
.bootstrap-datetimepicker-widget [data-action="togglePeriod"].acf-button::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM"; }

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget [data-action="clear"].dt-button::after,
.bootstrap-datetimepicker-widget [data-action="clear"].acf-button::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker"; }

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget [data-action="today"].dt-button::after,
.bootstrap-datetimepicker-widget [data-action="today"].acf-button::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today"; }

.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center; }

.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens"; }

.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit; }

.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%; }

.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0; }

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px; }

.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px; }

.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px; }

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed; }

.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month"; }

.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month"; }

.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer; }

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee; }

.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px; }

.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777777; }

.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px; }

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer; }

.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777; }

.bootstrap-datetimepicker-widget table td.today {
  position: relative; }

.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px; }

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff; }

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed; }

.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px; }

.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee; }

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.bootstrap-datetimepicker-widget table td span.old {
  color: #777777; }

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed; }

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px; }

.bootstrap-datetimepicker-widget.wider {
  width: 21em; }

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important; }

.input-group.date > input[type=text] {
  background-color: #FFFFFF; }
.input-group.date .input-group-addon {
  cursor: pointer; }

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

.video-creator {
  /* -------------- */
  /* Generic Styles */
  /* -------------- */
  /* --------------------- */
  /* Demo Styles */
  /* --------------------- */
  /* --------------------- */
  /* Simple Example Styles */
  /* --------------------- */
  /* --------------------- */
  /* Mosaic Example Styles */
  /* --------------------- */
  /* --------------------- */
  /* Trash Example Styles */
  /* --------------------- */ }
  .video-creator .left-info .col-sm-6 {
    padding: 0; }
  .video-creator .right-info .col-sm-6 {
    padding: 0; }
  .video-creator .draggable {
    position: relative;
    width: 100%;
    min-height: 200px;
    border: 1px dotted grey; }
    .video-creator .draggable .img {
      height: 150px;
      position: absolute;
      width: 200px; }
  .video-creator .bottom-content .position {
    opacity: 0; }
  .video-creator .create-video {
    margin-top: 20px; }
  .video-creator .modal-dialog {
    width: 1310px;
    margin: 30px auto;
    max-width: 90%; }
  .video-creator video {
    max-width: 100%; }
  .video-creator .draggable {
    position: relative;
    width: 100%; }
  .video-creator .draggable > div {
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 80px; }
  .video-creator .draggable .ss-placeholder-child {
    background: transparent;
    border: 1px dashed rgba(0, 0, 250, 0.5); }
  .video-creator .draggable .position {
    background: #e6272f;
    border-bottom: 1px solid #bdbdbd;
    color: #FFF;
    text-align: center;
    position: absolute;
    width: 100% !important; }
  .video-creator .draggable.simple {
    border: 1px dashed rgba(0, 0, 0, 0.3);
    float: left;
    margin-left: 2%;
    width: 47%; }
  .video-creator .draggable.simple div[data-ss-colspan="2"] {
    width: 170px; }
  .video-creator .draggable.simple div[data-ss-colspan="3"] {
    width: 260px; }
  .video-creator .draggable.mosaic > div {
    width: 100px; }
  .video-creator .draggable.mosaic div[data-ss-colspan="2"] {
    width: 200px; }
  .video-creator .draggable.mosaic div[data-ss-colspan="3"] {
    width: 300px; }
  .video-creator .draggable.trash_bin {
    border: 1px dashed red;
    float: left;
    height: 300px;
    margin: 0 2%;
    padding-top: 10px;
    text-align: center;
    width: 96%; }

#firstImgInfo {
  background-color: #e41720;
  color: white;
  font-weight: 500;
  height: 900px;
  width: 1200px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center; }
  #firstImgInfo .logo {
    position: absolute;
    top: 160px; }
  #firstImgInfo .information {
    margin-top: 130px;
    min-width: 345px; }
  #firstImgInfo .address {
    font-size: 50px;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 30px; }
  #firstImgInfo .details {
    height: 100px;
    display: inline-flex;
    align-items: center;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    font-size: 25px; }
    #firstImgInfo .details .icons {
      display: inline-flex; }
      #firstImgInfo .details .icons img {
        width: 60px;
        height: 60px; }
      #firstImgInfo .details .icons span {
        position: relative;
        top: 20px;
        padding: 0px 35px 0 12px; }
  #firstImgInfo .rexId {
    display: inline-flex;
    vertical-align: super; }

#lastImgInfo {
  height: 900px;
  width: 1200px;
  background-color: #e41720;
  display: flex;
  justify-content: center;
  color: #FFFFFF;
  position: absolute;
  letter-spacing: 1px;
  font-size: 26px; }
  #lastImgInfo .wrapper {
    width: 90%; }
  #lastImgInfo .logo {
    background-image: url("../images/MP-logo.png");
    height: 65px;
    width: 575px;
    background-repeat: no-repeat;
    margin: 130px auto 150px auto; }
  #lastImgInfo .contact-text {
    text-align: center;
    margin-bottom: 30px;
    font-size: 34px; }
  #lastImgInfo .person {
    background-color: #FFFFFF;
    height: 220px;
    color: black;
    display: flex;
    align-items: center; }
    #lastImgInfo .person .name {
      margin-bottom: 4px;
      font-weight: 600;
      font-size: 24px; }
    #lastImgInfo .person .position {
      font-size: 14px; }
    #lastImgInfo .person .mobile {
      font-weight: 600;
      font-size: 20px; }
    #lastImgInfo .person .personal-information {
      font-size: 18px;
      padding: 40px 0; }
    #lastImgInfo .person .email {
      text-decoration: underline;
      font-size: 18px; }
  #lastImgInfo .one img {
    width: auto;
    max-width: 250px;
    height: 250px; }
  #lastImgInfo .two img {
    width: auto;
    max-width: 200px;
    height: 200px; }
  #lastImgInfo .row.one {
    display: flex;
    justify-content: center; }
  #lastImgInfo .person.left {
    left: -15px; }
  #lastImgInfo .person.right {
    right: -15px; }
  #lastImgInfo .listing-url {
    width: 100%;
    text-align: center;
    margin-top: 11%;
    font-weight: 600;
    font-size: 36px; }
  #lastImgInfo .picture img {
    max-height: 220px; }

.TvBookings .highlight .acf-label {
  color: #E6272F; }
.TvBookings #prestige-vo-prepend {
  height: 30px;
  margin-top: 15px; }
.TvBookings .tv-bookings {
  /* -------------- */
  /* Generic Styles */
  /* -------------- */
  /* --------------------- */
  /* Demo Styles */
  /* --------------------- */
  /* --------------------- */
  /* Simple Example Styles */
  /* --------------------- */
  /* --------------------- */
  /* Mosaic Example Styles */
  /* --------------------- */
  /* --------------------- */
  /* Trash Example Styles */
  /* --------------------- */ }
  .TvBookings .tv-bookings .card {
    background: white;
    padding: 30px; }
  .TvBookings .tv-bookings .left-info .col-sm-6 {
    padding: 0; }
  .TvBookings .tv-bookings .right-info .col-sm-6 {
    padding: 0; }
  .TvBookings .tv-bookings .draggable {
    position: relative;
    width: 100%;
    min-height: 200px;
    border: 1px #e4e4e4 solid; }
    .TvBookings .tv-bookings .draggable .img {
      height: 150px;
      position: absolute;
      width: 200px; }
  .TvBookings .tv-bookings .bottom-content .position {
    opacity: 0; }
  .TvBookings .tv-bookings .create-video {
    margin-top: 20px; }
  .TvBookings .tv-bookings .modal-dialog {
    width: 1310px;
    margin: 30px auto;
    max-width: 90%; }
  .TvBookings .tv-bookings .img .sizes {
    position: absolute;
    left: 0;
    padding-left: 5px;
    font-size: 13px;
    color: white; }
    .TvBookings .tv-bookings .img .sizes.excluded {
      background: #2b3643;
      width: 100%; }
    .TvBookings .tv-bookings .img .sizes.added {
      background: #e6272f; }
  .TvBookings .tv-bookings .img .see-image {
    position: absolute;
    right: 0;
    padding-right: 5px;
    font-size: 13px; }
    .TvBookings .tv-bookings .img .see-image a {
      color: white; }
  .TvBookings .tv-bookings .bottom-content .img .sizes {
    background: #2b3643;
    width: 100%; }
  .TvBookings .tv-bookings .top-content .img .sizes {
    background: transparent; }
  .TvBookings .tv-bookings video {
    max-width: 100%; }
  .TvBookings .tv-bookings .draggable {
    position: relative;
    width: 100%; }
  .TvBookings .tv-bookings .draggable > div {
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 80px; }
  .TvBookings .tv-bookings .draggable .ss-placeholder-child {
    background: transparent;
    border: 1px dashed rgba(0, 0, 250, 0.5); }
  .TvBookings .tv-bookings .draggable .position {
    background: #e6272f;
    border-bottom: 1px solid #bdbdbd;
    color: #FFF;
    text-align: center;
    position: absolute;
    width: 100% !important; }
  .TvBookings .tv-bookings .draggable.simple {
    border: 1px dashed rgba(0, 0, 0, 0.3);
    float: left;
    margin-left: 2%;
    width: 47%; }
  .TvBookings .tv-bookings .draggable.simple div[data-ss-colspan="2"] {
    width: 170px; }
  .TvBookings .tv-bookings .draggable.simple div[data-ss-colspan="3"] {
    width: 260px; }
  .TvBookings .tv-bookings .draggable.mosaic > div {
    width: 100px; }
  .TvBookings .tv-bookings .draggable.mosaic div[data-ss-colspan="2"] {
    width: 200px; }
  .TvBookings .tv-bookings .draggable.mosaic div[data-ss-colspan="3"] {
    width: 300px; }
  .TvBookings .tv-bookings .draggable.trash_bin {
    border: 1px dashed red;
    float: left;
    height: 300px;
    margin: 0 2%;
    padding-top: 10px;
    text-align: center;
    width: 96%; }

/**
File Sharer Manager
 */
.file-sharer .file-container .file-box, .file-sharer .file-container .folder-box {
  float: left;
  width: 20%;
  padding: 0 15px;
  font-size: 13px;
  min-height: 260px; }
  .file-sharer .file-container .file-box .folder, .file-sharer .file-container .folder-box .folder {
    text-align: center; }
    .file-sharer .file-container .file-box .folder .fa-folder-o, .file-sharer .file-container .folder-box .folder .fa-folder-o {
      font-size: 90px; }
  .file-sharer .file-container .file-box .image img, .file-sharer .file-container .folder-box .image img {
    width: 100%;
    height: auto; }
  .file-sharer .file-container .file-box .share, .file-sharer .file-container .folder-box .share {
    color: #E6272F;
    cursor: pointer;
    padding-left: 8px; }
  .file-sharer .file-container .file-box .unique-post-id, .file-sharer .file-container .folder-box .unique-post-id {
    padding-top: 5px; }
    .file-sharer .file-container .file-box .unique-post-id .udi-name, .file-sharer .file-container .folder-box .unique-post-id .udi-name {
      color: #E6272F;
      font-weight: 600; }
    .file-sharer .file-container .file-box .unique-post-id .udi, .file-sharer .file-container .folder-box .unique-post-id .udi {
      color: #000; }
.file-sharer .file-container .folder-box {
  min-height: 160px; }
.file-sharer .file-manager {
  list-style: none outside none;
  margin: 0;
  padding: 0; }
  .file-sharer .file-manager h5 {
    text-transform: uppercase; }
    .file-sharer .file-manager h5.tag-title {
      margin-top: 20px; }
  .file-sharer .file-manager .hr-line-dashed {
    margin: 15px 0; }
.file-sharer .folder-list li {
  border-bottom: 1px solid #e7eaec;
  display: block;
  position: relative; }
  .file-sharer .folder-list li i {
    margin-right: 8px;
    color: #3d4d5d; }
  .file-sharer .folder-list li a {
    color: #666666;
    display: block;
    padding: 5px 0 5px 20px; }
    .file-sharer .folder-list li a.root {
      padding: 5px 0; }
  .file-sharer .folder-list li .child1 {
    margin-left: 10px; }
  .file-sharer .folder-list li .child2 {
    margin-left: 20px; }
  .file-sharer .folder-list li .child3 {
    margin-left: 30px; }
  .file-sharer .folder-list li .child4 {
    margin-left: 40px; }
  .file-sharer .folder-list li .child5 {
    margin-left: 50px; }
  .file-sharer .folder-list li .child6 {
    margin-left: 60px; }
  .file-sharer .folder-list li .folder-active {
    color: #E6272F; }
  .file-sharer .folder-list li span.children-toggle {
    position: absolute;
    /* left: -2px; */
    top: 5px;
    cursor: pointer; }
.file-sharer .category-list li {
  display: block; }
  .file-sharer .category-list li i {
    margin-right: 8px;
    color: #3d4d5d; }
  .file-sharer .category-list li a {
    color: #666666;
    display: block;
    padding: 5px 0; }
    .file-sharer .category-list li a .text-navy {
      color: #1ab394; }
    .file-sharer .category-list li a .text-primary {
      color: #1c84c6; }
    .file-sharer .category-list li a .text-info {
      color: #23c6c8; }
    .file-sharer .category-list li a .text-danger {
      color: #EF5352; }
    .file-sharer .category-list li a .text-warning {
      color: #F8AC59; }
.file-sharer .tag-list li {
  float: left; }
  .file-sharer .tag-list li a {
    font-size: 10px;
    background-color: #f3f3f4;
    padding: 5px 12px;
    color: inherit;
    border-radius: 2px;
    border: 1px solid #e7eaec;
    margin-right: 5px;
    margin-top: 5px;
    display: block; }
.file-sharer .file {
  border: 1px solid #e7eaec;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  margin-bottom: 20px;
  margin-right: 20px;
  cursor: pointer; }
  .file-sharer .file .icon, .file-sharer .file .image {
    height: 100px;
    overflow: hidden; }
  .file-sharer .file .icon {
    padding: 15px 10px;
    text-align: center; }
    .file-sharer .file .icon i {
      font-size: 70px;
      color: #dadada; }
  .file-sharer .file .file-name {
    padding: 10px;
    background-color: #f8f8f8;
    border-top: 1px solid #e7eaec; }
    .file-sharer .file .file-name small {
      color: #676a6c; }
    .file-sharer .file .file-name .separate {
      border-bottom: 1px solid #e8e8e8;
      margin-bottom: 10px;
      margin-top: 10px; }
  .file-sharer .file .sharer-space {
    height: 6px; }
.file-sharer .file-control {
  color: inherit;
  font-size: 11px;
  margin-right: 10px; }
  .file-sharer .file-control.active {
    text-decoration: underline; }
.file-sharer ul.tag-list li {
  list-style: none; }
.file-sharer .corner {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  line-height: 0;
  border: 0.6em solid transparent;
  border-right: 0.6em solid #f1f1f1;
  border-bottom: 0.6em solid #f1f1f1;
  right: 0em;
  bottom: 0em; }
.file-sharer a.compose-mail {
  padding: 8px 10px; }
.file-sharer a:hover {
  text-decoration: none; }
.file-sharer .mail-search {
  max-width: 300px; }
.file-sharer .ibox {
  clear: both;
  margin-bottom: 25px;
  margin-top: 0;
  padding: 0; }
  .file-sharer .ibox:before, .file-sharer .ibox:after {
    display: table; }
  .file-sharer .ibox.collapsed .ibox-content {
    display: none; }
  .file-sharer .ibox.collapsed .fa.fa-chevron-up:before {
    content: "\f078"; }
  .file-sharer .ibox.collapsed .fa.fa-chevron-down:before {
    content: "\f077"; }
.file-sharer .ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #ffffff;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 3px 0 0;
  color: inherit;
  margin-bottom: 0;
  padding: 14px 15px 7px;
  min-height: 48px; }
.file-sharer .ibox-content {
  background-color: #ffffff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0; }
.file-sharer .ibox-footer {
  color: inherit;
  border-top: 1px solid #e7eaec;
  font-size: 90%;
  background: #ffffff;
  padding: 10px 15px; }
.file-sharer input#create-folder {
  width: 100%;
  margin-bottom: 10px; }
.file-sharer select {
  display: inline-block;
  padding: 4px;
  font-size: 13px;
  line-height: 18px;
  color: #808080;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 10px;
  width: 100%; }
.file-sharer .dropping {
  background: #f3f3f3; }
.file-sharer .dropping-ul {
  background: #f3f3f3; }
.file-sharer .breadcrumb {
  padding: 15px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #ffffff;
  border-radius: 0px; }
.file-sharer .search {
  position: relative; }
  .file-sharer .search input {
    text-indent: 30px;
    height: 43px;
    border: none;
    width: 100%; }
  .file-sharer .search .fa-search {
    position: absolute;
    top: 16px;
    right: 29px;
    font-size: 15px; }
.file-sharer form#acf-form {
  padding: 0; }
.file-sharer ul.file-searched {
  padding-left: 0px;
  width: 100%; }
  .file-sharer ul.file-searched li {
    padding: 10px;
    background: white;
    margin: 5px 0 5px 0;
    list-style: none; }

.custom-menu {
  display: none;
  min-width: 200px;
  z-index: 1000;
  position: absolute;
  overflow: hidden;
  border: 1px solid #CCC;
  padding: 4px;
  white-space: nowrap;
  font-family: sans-serif;
  background: #FFF;
  color: #333;
  border-radius: 5px; }

.custom-menu .contextItem {
  padding: 8px 12px;
  cursor: pointer; }

.custom-menu .contextItem:hover {
  background-color: #DEF; }

.ui-draggable-dragging {
  z-index: 9999;
  cursor: move; }

body.Ticket .form-control {
  font-size: 1.2rem !important; }
body.Ticket .select2-container {
  width: 100% !important; }
body.Ticket .mt-4, body.Ticket .my-4 {
  margin-top: 0 !important; }
body.Ticket h2 {
  font-size: 33px !important; }
body.Ticket .btn, body.Ticket .dt-button,
body.Ticket .acf-button {
  border: 1px solid transparent !important;
  padding: .375rem .75rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important; }
body.Ticket .btn-primary {
  background-color: #E6272F;
  color: white !important;
  border: 1px solid #E6272F; }
body.Ticket .btn-primary:not(:disabled):not(.disabled).active, body.Ticket .btn-primary:not(:disabled):not(.disabled):active, body.Ticket .show > .btn-primary.dropdown-toggle {
  background-color: #E6272F !important;
  border: 1px solid #E6272F !important; }
body.Ticket #ticket-list-table th {
  color: #2b3643;
  font-size: inherit; }
body.Ticket #ticket-list-table td {
  font-size: inherit; }
body.Ticket #attachment-collapse {
  margin-top: 35px; }
body.Ticket #upload-attachments {
  margin-top: 15px; }
body.Ticket .ticket-loading {
  display: none;
  float: left;
  position: relative;
  width: 15px;
  height: 15px; }
  body.Ticket .ticket-loading.loading-2 {
    margin-top: 8px; }
  body.Ticket .ticket-loading.loading-update, body.Ticket .ticket-loading.loading-1 {
    margin-top: -8px; }
body.Ticket .ticket-loading div {
  position: absolute;
  border: 2px solid #2b3643;
  opacity: 1;
  border-radius: 50% !important;
  animation: ticket-loading 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite; }
body.Ticket .ticket-loading div:nth-child(2) {
  animation-delay: -0.5s; }
@keyframes ticket-loading {
  0% {
    top: 13px;
    left: 13px;
    width: 0;
    height: 0;
    opacity: 1; }
  100% {
    top: -1px;
    left: -1px;
    width: 25px;
    height: 25px;
    opacity: 0; } }
body.Ticket .alert.alert-primary.alert-dismissible {
  border: 1px solid #c4d0df;
  padding: 15px; }
body.Ticket .alert-dismissable .close,
body.Ticket .alert-dismissible .close {
  position: relative;
  top: -19px;
  right: -15px;
  color: inherit; }
body.Ticket .slider.round {
  border-radius: 34px !important; }
body.Ticket label {
  margin-bottom: 5px !important; }
body.Ticket .navbar-nav {
  flex-direction: row; }
body.Ticket .ticket-description .content,
body.Ticket .container-time.left .content {
  background-color: #e9e9e9; }
body.Ticket .left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid #e9e9e9;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e9e9e9; }
body.Ticket .container-time.right {
  padding: 10px 15px 10px 40px; }
body.Ticket .container-time.left {
  padding: 10px 40px 10px 15px; }
body.Ticket .dropdown-toggle::after {
  display: none !important; }
body.Ticket #logo a span {
  top: 6px; }

/* Territory Map Address Search Styles */
body.TerritoryMap.not-logged-in #sidebar, body.TerritoryMap.not-logged-in header #user-actions {
  display: none !important; }
body.TerritoryMap.territory-map-redirect #sidebar {
  display: none !important; }
body.TerritoryMap.territory-map-redirect header #user-actions #switch-users, body.TerritoryMap.territory-map-redirect header #user-actions #cart, body.TerritoryMap.territory-map-redirect header #user-actions #account-li {
  display: none !important; }
body.TerritoryMap #address-search-wrapper {
  margin-bottom: 15px; }
  body.TerritoryMap #address-search-wrapper label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block; }
body.TerritoryMap .address-search-container {
  position: relative;
  display: inline-block;
  width: 100%; }
body.TerritoryMap #address-search {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  background-color: #fff; }
  body.TerritoryMap #address-search:focus {
    outline: none;
    border-color: #007cba;
    box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.2); }
body.TerritoryMap .address-suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  max-height: 200px;
  overflow-y: auto;
  display: none; }
body.TerritoryMap .suggestion-item {
  padding: 10px 12px;
  cursor: pointer;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  line-height: 1.4; }
  body.TerritoryMap .suggestion-item:last-child {
    border-bottom: none; }
  body.TerritoryMap .suggestion-item:hover, body.TerritoryMap .suggestion-item.active {
    background-color: #f5f5f5; }
  body.TerritoryMap .suggestion-item.no-results {
    color: #666;
    font-style: italic;
    cursor: default; }
    body.TerritoryMap .suggestion-item.no-results:hover {
      background-color: transparent; }
body.TerritoryMap .office-selector-row {
  display: flex;
  align-items: flex-end;
  gap: 10px; }
  body.TerritoryMap .office-selector-row select {
    flex: 1; }
  body.TerritoryMap .office-selector-row button {
    white-space: nowrap;
    height: 34px; }
body.TerritoryMap .location-marker {
  background: transparent !important;
  border: none !important; }
body.TerritoryMap .location-marker-icon {
  color: #e74c3c;
  font-size: 24px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  animation: pulse 2s infinite;
  transform-origin: 50% 100%;
  text-align: center; }
@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
#modal-tv-booking-message .modal-dialog {
  position: fixed;
  top: 30%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 800px;
  max-width: 90%; }
  #modal-tv-booking-message .modal-dialog .modal-body, #modal-tv-booking-message .modal-dialog .modal-header {
    padding: 30px; }
  #modal-tv-booking-message .modal-dialog .modal-body {
    font-size: 17px; }

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