.ui-datepicker {
  /* Date pickers were displaying behind other elements */
  z-index: 1000 !important; }

.inline-children > * {
  display: inline-block; }

a {
  color: #3276b1; }
  a:hover {
    color: #214e75; }

.clear {
  float: none;
  clear: both; }

#main {
  margin-top: 50px; }

.menu-icon {
  margin-right: 10px; }

#logo-group {
  float: none !important; }
  #logo-group > span {
    margin-top: 6px !important; }
    #logo-group > span img {
      height: 40px !important;
      width: auto !important; }

#extr-page {
  height: 100%; }
  #extr-page #main {
    margin-left: 0; }
  #extr-page #logo-group {
    float: none !important;
    text-align: center; }
    #extr-page #logo-group > span {
      margin-top: 10px !important;
      float: none !important; }
      #extr-page #logo-group > span img {
        height: 60px !important;
        width: auto !important;
        padding-left: 0 !important; }

.dropdown-menu > li > a {
  padding: 7px 20px !important; }
  .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #3276b1; }

#ribbon {
  background: #dfdfdf !important;
  margin-bottom: 10px;
  box-shadow: inset 0 -2px 7px rgba(0, 0, 0, 0.15); }
  #ribbon > .breadcrumb {
    color: #6c6c6c !important; }
    #ribbon > .breadcrumb > li {
      color: #666 !important; }
      #ribbon > .breadcrumb > li + li:before {
        color: #a5a5a5;
        font-weight: normal; }
      #ribbon > .breadcrumb > li.active {
        font-weight: bold;
        color: #333; }
      #ribbon > .breadcrumb > li a {
        color: #666 !important; }

.no-wrap {
  white-space: nowrap; }

.modal-dialog {
  z-index: 1041; }

label {
  font-weight: bold; }

.smart-form .form-group {
  margin-bottom: 10px; }

.jarviswidget.jarviswidget-color-blueDark > .jarviswidget-ctrls > a.button-icon {
  color: #fff !important; }

.jarviswidget .widget-alert {
  margin: -13px -14px 20px;
  border-width: 1px; }

.jarviswidget.tall-header > header {
  height: 50px; }
  .jarviswidget.tall-header > header > h2 {
    font-size: 18px;
    line-height: 50px; }

ul.simple, ol.simple {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }

ul.no-indent, ol.no-indent {
  padding-left: 15px; }

.attachment-image-preview {
  position: relative; }
  .attachment-image-preview img {
    max-width: 100%; }

.hidden-element {
  display: none;
  padding: 15px;
  border-bottom: #e3e3e3 1px solid;
  background: #fff;
  /*@include box-shadow(0, 0, 10px, rgba(0,0,0,.05), true);*/ }
  .hidden-element.hidden-element-sm {
    padding: 5px; }

.alert button.close {
  font-weight: normal;
  font-size: 14px;
  text-shadow: none !important;
  top: -1px;
  right: -3px;
  opacity: .5;
  filter: alpha(opacity=50); }
  .alert button.close:hover {
    opacity: 1;
    filter: alpha(opacity=100); }

.alert.alert-danger button.close {
  color: #fff; }

.jarviswidget.jarviswidget-color-blueDark .widget-toolbar {
  border-left: 1px solid rgba(255, 255, 255, 0.08); }

.jarviswidget .widget-body {
  min-height: 50px !important; }

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

.btn.btn-default .btn-label {
  background: rgba(0, 0, 0, 0.05); }

textarea {
  resize: vertical; }

input[type=text]:focus + .input-group-addon, input[type=email]:focus + .input-group-addon, input[type=password]:focus + .input-group-addon {
  border-color: #0091d9;
  background-color: #72a0ce;
  color: #fff; }

.user-avatar {
  border: 1px solid #888; }

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

.margin-t-10 {
  margin-top: 10px !important; }

.margin-t-20 {
  margin-top: 20px !important; }

.margin-l-10 {
  margin-left: 10px !important; }

.margin-r-10 {
  margin-right: 10px !important; }

.billing-address-container {
  margin-top: 20px; }
  .billing-address-container .billing-address {
    background: #fff;
    padding: 15px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
    transition: box-shadow 0.25s ease-in-out !important; }
    .billing-address-container .billing-address h2 {
      margin-bottom: 5px;
      font-size: 18px;
      margin-top: 0; }
    .billing-address-container .billing-address h3 {
      margin-bottom: 3px;
      font-size: 14px;
      margin-top: 3px;
      font-weight: bold; }
    .billing-address-container .billing-address ul.timestamps {
      list-style: none;
      padding-left: 0;
      color: #aaa; }
      .billing-address-container .billing-address ul.timestamps li {
        margin-bottom: 3px; }
    .billing-address-container .billing-address:hover {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

li.user-divisions-container {
  margin-bottom: 10px; }

.user-divisions-list {
  padding-left: 10px; }

.did-you-mean-container.active {
  margin: -5px 0 10px;
  border: 1px solid #e3e3e3;
  position: relative;
  padding: 10px; }
  .did-you-mean-container.active > div:not(:last-child) {
    margin-bottom: 5px; }
  .did-you-mean-container.active:after {
    content: url("../build//img/filter-arrow-up-b2027e1635.png");
    display: block;
    width: 14px;
    height: 8px;
    position: absolute;
    left: 10px;
    top: -13px; }

.nav-tabs li:not(.active) a, .jarviswidget-color-blueDark > header > .jarviswidget-ctrls a:not(.button-icon) {
  color: #333 !important; }

.jarviswidget-color-blueDark > header .nav-tabs > li > a {
  font-weight: normal !important; }

.jarviswidget-color-blueDark > header .nav-tabs > li:not(.active) > a {
  font-weight: normal; }
  .jarviswidget-color-blueDark > header .nav-tabs > li:not(.active) > a:hover, .jarviswidget-color-blueDark > header .nav-tabs > li:not(.active) > a:active, .jarviswidget-color-blueDark > header .nav-tabs > li:not(.active) > a:focus {
    padding: 7px 15px;
    background-color: #124B78;
    border-bottom-color: transparent;
    border-top: none;
    border-top-width: 0 !important;
    color: #fff !important; }

.money-negative, .percentage-negative {
  color: #b94a48; }

.billing-address-container {
  position: relative;
  min-height: 150px; }

.modal-body {
  position: static; }

.page-footer a {
  color: #fff; }
  .page-footer a:hover {
    color: #fff; }

ul.template-section-list, ul.contract-section-list {
  background: #efefef;
  border: 1px solid #eee;
  padding: 5px;
  list-style: none;
  min-height: 44px;
  border-radius: 3px; }
  ul.template-section-list > li, ul.contract-section-list > li {
    border: 1px solid #dcdcdc;
    cursor: move;
    background: #fff;
    padding: 5px 10px;
    line-height: 21px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    ul.template-section-list > li:not(:last-child), ul.contract-section-list > li:not(:last-child) {
      margin-bottom: 5px; }
    ul.template-section-list > li:hover, ul.contract-section-list > li:hover {
      background: #f9f9f9; }
    ul.template-section-list > li.editing, ul.contract-section-list > li.editing {
      background: #bae3ff;
      border-color: #717171; }
      ul.template-section-list > li.editing .edit-btn, ul.contract-section-list > li.editing .edit-btn {
        display: none; }
    ul.template-section-list > li > .controls, ul.contract-section-list > li > .controls {
      float: right; }
      ul.template-section-list > li > .controls button, ul.contract-section-list > li > .controls button {
        cursor: pointer; }
    ul.template-section-list > li.sortable-placeholder, ul.contract-section-list > li.sortable-placeholder {
      background: #f3f3f3;
      min-height: 34px;
      border-style: dashed; }

.jarviswidget-ctrls .button-icon:hover {
  background-color: #124B78; }

.option-container .part-table tbody > tr > td:first-child, .option-container .part-table tbody > tr > td:nth-child(2), .loose-part-table tbody > tr > td:first-child, .loose-part-table tbody > tr > td:nth-child(2) {
  width: 43%; }

.option-container > .system-option:last-child > hr {
  display: none; }

body.estimate-builder .database-cost {
  margin-top: 10px; }

body .database-cost-options {
  margin-top: 10px; }

.formula-container textarea {
  margin-bottom: 5px; }

table.costing-container > tbody > tr:nth-child(1) td:first-child, table.costing-container > tbody > tr:nth-child(3) td:first-child, table.costing-container > tbody > tr:nth-child(5) td:first-child, table.costing-container > tbody > tr:nth-child(7) td:first-child {
  font-weight: bold; }

table.costing-container > tbody > tr:nth-child(1) td, table.costing-container > tbody > tr:nth-child(2) td, table.costing-container > tbody > tr:nth-child(5) td, table.costing-container > tbody > tr:nth-child(6) td {
  background: #f9f9f9; }

table.costing-container .formula-container {
  margin-bottom: 0; }

.input-group select.select2 {
  position: absolute; }

.tooltip-inner {
  white-space: normal; }

.color-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: block; }

table.location-routes-table > tbody > tr > td,
table.routes-table > tbody > tr > td {
  vertical-align: middle; }

@media only screen and (max-width: 479px) and (min-width: 320px) {
  #logo {
    width: auto; } }

ol.approval-process {
  padding-left: 0; }
  ol.approval-process li {
    list-style-position: inside;
    border-color: #ddd; }
    ol.approval-process li:not(.sortable-placeholder) {
      border-radius: 4px;
      padding: 5px 10px;
      border-width: 1px;
      border-style: solid;
      background: #efefef;
      cursor: grab; }
      ol.approval-process li:not(.sortable-placeholder):hover {
        background-color: #fefefe; }
      ol.approval-process li:not(.sortable-placeholder).ui-sortable-helper {
        cursor: grabbing; }
      ol.approval-process li:not(.sortable-placeholder) .delete-btn {
        padding: 0;
        color: #777;
        margin-top: -2px;
        float: right; }
        ol.approval-process li:not(.sortable-placeholder) .delete-btn:hover {
          color: #000; }
    ol.approval-process li.sortable-placeholder {
      list-style: none;
      background: #f3f3f3;
      min-height: 30px;
      border-width: 2px;
      border-style: dashed; }
    ol.approval-process li:not(:last-child) {
      margin-bottom: 10px; }

.compile-errors {
  display: none; }

.modal-top {
  margin-top: 10px; }

.cost-center-container .header-name, .variable-container .header-name {
  padding-left: 15px;
  line-height: 35px; }

.valid-variable {
  color: #1ab394; }

.popup-form .filter-container.hidden-element {
  background: #f4f4f4; }

.contract-section-list .fa-check, .template-section-list .fa-check {
  color: green; }

.batch-forms {
  display: none; }

.popup-form .estimateBuilderTab .part-container .form-group .select2-container {
  position: relative;
  z-index: 2;
  float: left;
  margin-bottom: 0;
  display: table;
  table-layout: fixed;
  width: 100% !important; }

table.dataTable thead > tr > th input[type=checkbox] {
  width: auto !important; }

tr.awaiting-my-approval {
  font-weight: bold; }
  tr.awaiting-my-approval a:not(.btn) {
    font-weight: bold; }

.radio-blocks button {
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 1.5rem;
  margin: 0 -1px;
  min-width: 154px; }
  .radio-blocks button.active {
    border-color: #083A5F;
    background-color: #083A5F;
    color: #fff; }

.hasDatepicker {
  min-width: 250px;
  max-width: 350px; }
  .hasDatepicker .selected-date {
    padding: 15px 20px;
    border: 1px solid #ccc;
    font-weight: bold;
    text-align: center;
    background-color: #fff; }
  .hasDatepicker a {
    text-decoration: none !important; }
  .hasDatepicker.toggleable {
    position: relative; }
    .hasDatepicker.toggleable:hover .ui-datepicker {
      display: block !important; }
    .hasDatepicker.toggleable .ui-datepicker {
      border: 1px solid #ccc;
      left: 0;
      right: 0;
      display: none !important;
      position: absolute;
      background-color: #fff;
      z-index: 9999; }
      .hasDatepicker.toggleable .ui-datepicker .ui-datepicker-header {
        background-color: #083A5F;
        color: #fff;
        margin: 0;
        padding: 8px 0; }
        .hasDatepicker.toggleable .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
        .hasDatepicker.toggleable .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
          color: #fff;
          cursor: pointer;
          opacity: .7; }
          .hasDatepicker.toggleable .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
          .hasDatepicker.toggleable .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
            opacity: 1;
            background-color: transparent; }

.widget-toolbar .selected-date {
  padding: 0;
  background-color: transparent;
  text-align: right;
  border: 0; }
  .widget-toolbar .selected-date::after {
    padding-left: .5rem;
    content: '\f0d7';
    display: inline-block;
    font-family: fontawesome; }

.ui-datepicker-inline {
  width: auto;
  padding: 0;
  border: 0;
  background-color: transparent; }
  .ui-datepicker-inline .ui-datepicker-header {
    background-color: transparent; }
  .ui-datepicker-inline * {
    box-sizing: content-box; }
  .ui-datepicker-inline table {
    margin: 0; }
  .ui-datepicker-inline thead th {
    border-bottom: 1px solid #ccc; }
  .ui-datepicker-inline td {
    padding: 5px 0 0; }
    .ui-datepicker-inline td:hover {
      color: inherit; }
    .ui-datepicker-inline td .ui-state-default {
      padding: 0;
      width: 3rem;
      height: 3rem;
      line-height: 3rem;
      border-radius: 100%; }
      .ui-datepicker-inline td .ui-state-default:hover {
        background-color: #ddd;
        color: inherit; }
    .ui-datepicker-inline td .ui-state-highlight {
      background-color: #ddd;
      color: inherit; }
    .ui-datepicker-inline td .ui-state-active {
      background-color: #428bca !important;
      color: #fff !important; }
  .ui-datepicker-inline .ui-datepicker-prev,
  .ui-datepicker-inline .ui-datepicker-next {
    font-size: 20px;
    margin: 0;
    top: 0; }
    .ui-datepicker-inline .ui-datepicker-prev span,
    .ui-datepicker-inline .ui-datepicker-next span {
      display: none; }
  .ui-datepicker-inline .ui-datepicker-prev::after {
    content: '<'; }
  .ui-datepicker-inline .ui-datepicker-next::after {
    content: '>'; }
  .ui-datepicker-inline .ui-datepicker-header {
    margin: 10px 0; }

.ui-colorpicker {
  padding: 10px; }
  .ui-colorpicker label {
    text-align: center; }
  .ui-colorpicker .ui-dialog-buttonpane {
    margin: 10px -10px 0;
    padding: 10px 10px 0; }
    .ui-colorpicker .ui-dialog-buttonpane .ui-dialog-buttonset {
      float: none; }
      .ui-colorpicker .ui-dialog-buttonpane .ui-dialog-buttonset button {
        margin: 0 0 0 5px; }

input.selected-color {
  text-indent: -99999px;
  width: 30px;
  height: 30px; }

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

.duration-total {
  font-size: 2rem;
  padding: 0 .5rem;
  color: #107bc9;
  font-weight: bold; }
  .duration-total.negative {
    color: #d60235; }

.ticket-report .part-name {
  width: 100%; }

.ticket-report .tax {
  min-width: 20rem; }

.ticket-report .products {
  max-width: 80rem;
  overflow: auto; }
  .ticket-report .products table {
    width: 100%; }

.ticket-report .select2-selection__rendered {
  white-space: normal !important;
  line-height: 1.5em !important;
  padding: .5rem !important; }

.ticket-report .select2-selection--single {
  height: auto !important; }

.ticket-report .follow-up-container {
  margin: 5px -7px 0 0; }
  .ticket-report .follow-up-container button {
    margin-bottom: 5px; }
    .ticket-report .follow-up-container button.one-day-btn {
      padding-right: 30px; }
    .ticket-report .follow-up-container button.two-day-btn {
      padding-right: 25px; }

.module {
  border: 1px solid #cccccc;
  border-bottom-width: 2px;
  background-color: #fff; }
  .module .hasDatepicker {
    min-width: 0; }

.module-title {
  font-size: 1.5rem;
  padding: 1rem 1.5rem;
  background-color: #083A5F;
  color: #fff; }

.module-content {
  padding: 1rem 1.5rem;
  border-top: 1px solid #eee; }

#schedule-queue-calendar .ui-datepicker-inline {
  min-width: 28rem;
  left: auto !important; }

.estimate-builder .option-input-container .form-group {
  height: 75px; }

@media (max-width: 600px) {
  .hasDatepicker {
    width: 100%;
    max-width: none;
    min-width: 0; } }

@media only screen and (max-width: 479px) and (min-width: 320px) {
  .page-title {
    display: block; } }

.ticket-completed-btn-container {
  display: inline-block; }

.attachment-panel table.dataTable tbody tr td {
  white-space: nowrap; }
  .attachment-panel table.dataTable tbody tr td:first-child {
    max-width: 100px;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden; }

.file-upload-form .file-upload-btn {
  position: relative;
  overflow: hidden; }

.file-upload-form input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0); }

.comment-panel .comment-more {
  text-align: right;
  padding: 0 20px;
  background: #f4f4f4;
  border-top: 1px solid #ccc; }

.comment-panel .comment-container {
  height: auto !important;
  overflow: auto;
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.04); }
  .comment-panel .comment-container > .parent-comment-url {
    background: #F9E1B7;
    padding: 5px 10px;
    border: 1px solid #ffca6d; }
    .comment-panel .comment-container > .parent-comment-url a {
      font-weight: bold; }
  .comment-panel .comment-container > .message-list > .message > .message-list {
    margin-left: 10px; }
    .comment-panel .comment-container > .message-list > .message > .message-list > .message > .message-text {
      background: rgba(0, 0, 0, 0.01); }
    .comment-panel .comment-container > .message-list > .message > .message-list > .message > .message-list {
      margin-left: 10px; }
      .comment-panel .comment-container > .message-list > .message > .message-list > .message > .message-list > .message > .message-text {
        background: rgba(0, 0, 0, 0.02); }
      .comment-panel .comment-container > .message-list > .message > .message-list > .message > .message-list > .message > .message-list {
        margin-left: 10px; }
      .comment-panel .comment-container > .message-list > .message > .message-list > .message > .message-list > .message .message-list > .message > .message-text {
        background: rgba(0, 0, 0, 0.03); }
      .comment-panel .comment-container > .message-list > .message > .message-list > .message > .message-list > .message .message-list > .message > .message-list {
        border: 0; }
  .comment-panel .comment-container .message-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0; }
    .comment-panel .comment-container .message-list .no-notes {
      padding: 10px; }
    .comment-panel .comment-container .message-list .message.active > .message-text {
      background: #e0e8f0 !important;
      border: 1px solid #9aa1a7 !important; }
    .comment-panel .comment-container .message-list .message.has-replies:not(:last-child) {
      border-bottom: 1px solid #ddd; }
    .comment-panel .comment-container .message-list .message:not(:last-child) > .message-text, .comment-panel .comment-container .message-list .message.has-replies > .message-text {
      border-bottom: 1px solid #ddd; }
    .comment-panel .comment-container .message-list .message .message-list {
      border-left: 1px solid #ddd; }
    .comment-panel .comment-container .message-list .message .message-text {
      padding: 10px; }
      .comment-panel .comment-container .message-list .message .message-text p {
        margin-bottom: 10px; }
    .comment-panel .comment-container .message-list .message span.subject {
      display: block;
      font-weight: 700;
      margin-bottom: 4px;
      vertical-align: top;
      line-height: 14px;
      font-size: 14px;
      letter-spacing: -1px;
      text-decoration: none !important;
      color: #3276b5; }
      .comment-panel .comment-container .message-list .message span.subject span.commentable {
        color: #505050;
        font-size: 12px;
        font-weight: normal; }
    .comment-panel .comment-container .message-list .message .meta {
      color: #afafaf;
      margin-bottom: 5px; }
      .comment-panel .comment-container .message-list .message .meta .timestamp {
        font-size: 12px; }
      .comment-panel .comment-container .message-list .message .meta a.username {
        margin-bottom: 4px;
        font-size: 12px;
        letter-spacing: -1px;
        color: #38aac4; }
      .comment-panel .comment-container .message-list .message .meta .avatar {
        margin-left: 3px;
        width: 15px;
        height: 15px;
        background: #ddd; }
    .comment-panel .comment-container .message-list .message .tags .prefix, .comment-panel .comment-container .message-list .message .tasks .prefix, .comment-panel .comment-container .message-list .message .division .prefix {
      font-size: 12px;
      font-weight: bold;
      margin-bottom: 0; }
    .comment-panel .comment-container .message-list .message .tags .label, .comment-panel .comment-container .message-list .message .tasks .label, .comment-panel .comment-container .message-list .message .division .label {
      margin-right: 5px; }
    .comment-panel .comment-container .message-list .message .controls {
      margin-top: 5px;
      text-align: right; }
  .comment-panel .comment-container .comment-form {
    padding: 0; }
    .comment-panel .comment-container .comment-form .comment-form-body {
      padding: 8px; }
    .comment-panel .comment-container .comment-form .comment-form-footer {
      text-align: right;
      background: #fff;
      border: 1px solid #ccc;
      border-left-width: 0;
      border-right-width: 0;
      padding: 5px; }
  .comment-panel .comment-container .comment-add-container {
    padding: 0;
    background: #f9f9f9;
    border: none; }
    .comment-panel .comment-container .comment-add-container .comment-form {
      border: none; }
  .comment-panel .comment-container .comment-form:not(.comment-add-form) {
    position: relative;
    background: #f9f9f9;
    border: 1px solid #dddddd;
    border-right-width: 0;
    border-bottom-width: 0; }
    .comment-panel .comment-container .comment-form:not(.comment-add-form):after {
      content: url("/build//img/reply-arrow-up-2d955dbbfb.png");
      display: block;
      width: 11px;
      height: 7px;
      position: absolute;
      right: 46px;
      top: -13px; }

.DTFC_LeftBodyLiner {
  overflow-x: hidden; }

table.table-descriptive {
  font-size: 14px;
  background-color: transparent !important; }
  table.table-descriptive > tbody > tr > td {
    border-top: 0;
    padding-top: 5px;
    padding-bottom: 5px; }
    table.table-descriptive > tbody > tr > td:nth-child(odd):not(.ignore) {
      font-weight: bold;
      width: 1%;
      padding-right: 5px;
      white-space: nowrap; }
      table.table-descriptive > tbody > tr > td:nth-child(odd):not(.ignore):after {
        content: ':'; }
    table.table-descriptive > tbody > tr > td:nth-child(even) {
      width: 50%; }
    table.table-descriptive > tbody > tr > td.divider {
      min-height: 0;
      border-bottom: 1px solid #333; }
      table.table-descriptive > tbody > tr > td.divider:nth-child(odd):after {
        content: ''; }

table.dataTable {
  width: 100% !important; }
  table.dataTable > thead > tr > th {
    padding-right: 20px; }
  table.dataTable > tbody > tr.is-primary > td {
    background-color: #d7e6f2 !important; }
    table.dataTable > tbody > tr.is-primary > td .is-primary-text {
      color: #3cb4cf;
      font-weight: bold;
      font-size: 11px; }
  table.dataTable.dtr-inline.collapsed > tbody > tr:not(.child) > td:first-child:not(.dataTables_empty) {
    position: relative;
    cursor: pointer; }
    table.dataTable.dtr-inline.collapsed > tbody > tr:not(.child) > td:first-child:not(.dataTables_empty):before {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      content: "\f0fe";
      color: #14ad1e;
      margin-right: 5px;
      font-size: 17px; }
  table.dataTable.dtr-inline.collapsed > tbody > tr.parent td:first-child:before {
    color: #e64c3c;
    content: "\f146"; }
  table.dataTable.dtr-inline.collapsed > tbody > tr.child td:first-child ul {
    list-style: none;
    padding-left: 0; }
    table.dataTable.dtr-inline.collapsed > tbody > tr.child td:first-child ul .dtr-title {
      font-weight: bold; }
      table.dataTable.dtr-inline.collapsed > tbody > tr.child td:first-child ul .dtr-title:after {
        content: ": "; }

table > tbody > tr .expandable-notes, table > tbody > tr .expandable-notes > div {
  white-space: nowrap;
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer; }

table.user-table td.user-title {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

table td.mw200 {
  max-width: 200px; }

table tr.odd > td.sorting_1 {
  background-color: #f5f5f5 !important; }

table td.sorting_1 {
  background-color: #fcfcfc !important; }

table.reorder > tbody > tr {
  cursor: move;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  table.reorder > tbody > tr.sortable-placeholder {
    display: table-row; }
    table.reorder > tbody > tr.sortable-placeholder > td {
      height: 40px;
      background: #efefef; }

table.costing-container input[type=text] {
  min-width: 80px; }

.dt-toolbar .dataTables_filter input {
  margin-left: 0 !important; }

.dataTables_wrapper.form-inline form.not-inline .form-group, .dataTables_wrapper.form-inline form.not-inline .form-control {
  display: block;
  vertical-align: top; }

.dataTables_wrapper.form-inline form.not-inline .form-group {
  margin-bottom: 10px; }

.dataTables_wrapper.form-inline form.not-inline .form-control {
  width: 100%; }

.dataTable thead .sorting,
.dataTable thead .sorting_asc,
.dataTable thead .sorting_desc {
  background: none !important; }

ul.ColVis_collection {
  width: auto !important;
  background: #f3f3f3;
  border-radius: 0;
  padding: 8px; }
  ul.ColVis_collection li {
    border-radius: 0;
    box-shadow: none !important;
    margin-right: 0;
    background: #fafafa;
    border: #bababa solid 1px;
    font-size: 14px;
    position: relative;
    padding: 3px 7px 3px 20px; }
    ul.ColVis_collection li:last-child {
      margin-bottom: 0; }
    ul.ColVis_collection li:hover {
      background: #efefef;
      border-color: #b4b4b4; }
    ul.ColVis_collection li input[type=checkbox] {
      position: absolute;
      top: 2px;
      left: 5px; }

button.ColVis_Button {
  display: inline-block;
  float: none;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #ccc !important;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333 !important;
  background: #fff;
  height: auto !important;
  border-radius: 2px;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); }
  button.ColVis_Button:hover {
    color: #333 !important;
    background: #ebebeb !important;
    border-color: #adadad !important;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05); }

.table-no-header .dataTables_wrapper .dt-toolbar {
  display: none; }

.table-no-header .dataTables_wrapper .dataTable {
  margin-top: 0 !important; }

tbody {
  vertical-align: top; }

.estimate-builder .tab-content table tr > td, .estimate-builder .tab-content table tr > th {
  font-size: 12px; }

.DTFC_LeftHeadWrapper table.dataTable.table-fixed {
  margin-top: 1px !important;
  border-top: 0;
  border-bottom: 0; }

#ticket_status_id + .select2, #void_inclusion + .select2 {
  -ms-flex: 1;
  flex: 1;
  min-width: 150px; }

#void_inclusion + .select2 .select2-selection__clear {
  display: none; }

.filters {
  padding: 0 80px 0 9px;
  background: #f4f4f4;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  font-weight: normal;
  min-height: 44px;
  position: relative; }
  .filters .filter-toggle-btn {
    position: absolute;
    right: 9px;
    top: 5px; }
    .filters .filter-toggle-btn:active {
      left: auto !important; }
  .filters .filter-crumb-container .filter-crumb {
    font-size: 12px;
    padding: 1px 4px;
    line-height: 22px;
    background: #3276b1;
    color: #fff;
    white-space: normal;
    border-radius: 0;
    margin: 6px 5px 6px 0;
    border: 1px solid #2a6395;
    display: inline-block; }
    .filters .filter-crumb-container .filter-crumb .btn-remove-crumb {
      margin: -3px 10px 0 5px;
      font-size: 16px;
      color: #bad0dd;
      line-height: 18px;
      text-decoration: none !important; }
      .filters .filter-crumb-container .filter-crumb .btn-remove-crumb:hover {
        color: #fff; }
    .filters .filter-crumb-container .filter-crumb.btn-filter-clear {
      background: #e3e3e3;
      color: #333;
      border-color: #aaa; }
      .filters .filter-crumb-container .filter-crumb.btn-filter-clear:hover {
        background: #fff; }

.filter-container {
  position: relative; }
  .filter-container:after {
    content: url("../build//img/filter-arrow-up-b2027e1635.png");
    display: block;
    width: 14px;
    height: 8px;
    position: absolute;
    right: 53px;
    top: -13px; }
  .filter-container .date-picker {
    display: block;
    width: 100%;
    min-height: 32px;
    padding-left: 8px;
    padding-right: 20px;
    border: 1px solid #ccc; }

#main-navbar {
  background: #fff;
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.05);
  /*@media (max-width: 768px) {
    li { padding-left: 10px; padding-right: 10px; margin-bottom: 5px; }
    .btn-menu {
      float: none !important; width: 100%; display: block; text-align: left; position: relative; border: none; padding: 0 !important;
      .caret {
        position: absolute; right: 10px; top: 20px;
      }
    }
  }*/ }
  #main-navbar .logout-btn {
    background: none;
    border: none;
    padding: 7px 20px !important;
    width: 100%;
    display: block;
    text-align: left; }
    #main-navbar .logout-btn:hover {
      background-color: #3276b1;
      color: #fff; }
  #main-navbar .navbar-brand {
    padding: 0;
    line-height: 57px;
    margin-right: 10px;
    margin-left: -2px;
    margin-top: -3px;
    display: inline-block;
    height: 50px !important; }
    #main-navbar .navbar-brand > img {
      height: 40px; }
  #main-navbar .btn-menu {
    min-height: 50px !important;
    height: 100%;
    margin: 0 !important;
    border-radius: 0 !important;
    padding: 0 10px !important;
    box-shadow: none !important;
    background: none;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 0 !important;
    border-top: 0 !important; }
    #main-navbar .btn-menu:hover {
      background: #f8f8f8 !important; }
    #main-navbar .btn-menu:active {
      top: 0;
      left: 0; }
    #main-navbar .btn-menu.dark {
      background: #f8f8f8 !important; }
      #main-navbar .btn-menu.dark:hover {
        background: #f8f8f8 !important; }
    #main-navbar .btn-menu > .btn-icon {
      margin-right: 10px; }
    #main-navbar .btn-menu.toggle-menu-btn {
      border-left: 0; }
    #main-navbar .btn-menu.user-dropdown {
      border-right: 0; }
  @media (max-width: 979px) and (min-width: 769px) {
    #main-navbar .container-fluid {
      padding-left: 0; } }
  @media (max-width: 979px) {
    #main-navbar .navbar-brand {
      margin-left: 10px; } }
  #main-navbar .toggle-menu-btn {
    display: none;
    font-size: 20px;
    color: #b2b2b2;
    background: #f8f8f8 !important;
    min-height: 50px !important;
    height: 100%;
    margin: 0 !important;
    border-radius: 0 !important;
    padding: 0 20px !important;
    box-shadow: none !important;
    background: none;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 0 !important;
    border-top: 0 !important; }
    #main-navbar .toggle-menu-btn:hover {
      color: #083a5f;
      background: #f8f8f8 !important; }
    @media (max-width: 979px) {
      #main-navbar .toggle-menu-btn {
        display: inline-block !important; } }
  #main-navbar .user-avatar {
    height: 30px;
    width: 30px; }
  @media (max-width: 768px) {
    #main-navbar .navbar-header {
      float: left; }
    #main-navbar .navbar-right {
      float: right;
      margin: 0 -13px; }
    #main-navbar .navbar-nav .open .dropdown-menu {
      position: absolute;
      width: 0;
      margin-top: 0;
      background-color: #fff;
      border: 1px solid #ccc;
      border: 1px solid rgba(0, 0, 0, 0.15);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
      box-shadow: none;
      right: 0;
      left: auto; }
    #main-navbar .navbar-nav > li {
      float: left; } }

ul.nav-tabs.section-tabs {
  margin-bottom: 15px;
  border-bottom-width: 2px; }
  ul.nav-tabs.section-tabs > li {
    font-size: 14px;
    font-weight: normal;
    margin: 0 2px -2px; }
    ul.nav-tabs.section-tabs > li > a {
      padding: 9px 25px 12px;
      border-bottom: 2px solid transparent; }
      ul.nav-tabs.section-tabs > li > a:focus {
        background: none !important; }
    ul.nav-tabs.section-tabs > li:not(.active) a {
      margin-top: 1px; }
      ul.nav-tabs.section-tabs > li:not(.active) a:hover {
        background: #f2f2f2;
        border: 1px solid #ddd;
        border-bottom: 2px solid #3cb4cf; }
    ul.nav-tabs.section-tabs > li.active a {
      border: 1px solid #ddd;
      border-bottom: 2px solid #3cb4cf;
      border-top-width: 1px !important;
      box-shadow: none !important; }
      ul.nav-tabs.section-tabs > li.active a:focus {
        background: #fff !important; }
    ul.nav-tabs.section-tabs > li.active.has-sub-tabs a {
      border-bottom: 2px solid #fff; }
  @media (min-width: 561px) and (max-width: 730px) {
    ul.nav-tabs.section-tabs li {
      float: none;
      display: inline-block;
      margin: 0;
      width: 49%; } }
  @media (max-width: 560px) {
    ul.nav-tabs.section-tabs li {
      float: none;
      margin: 0;
      display: block;
      text-align: center; } }

ul.nav-tabs.sub-tabs {
  margin: -15px 0 15px;
  background: #ffffff;
  border: 1px solid #ddd;
  border-top-width: 0;
  border-bottom: 2px solid #ddd; }
  ul.nav-tabs.sub-tabs > li.active > a, ul.nav-tabs.sub-tabs > li > a:hover, ul.nav-tabs.sub-tabs > li > a:focus {
    box-shadow: none !important;
    border-color: transparent;
    border-bottom: 2px solid #3cb4cf;
    margin-bottom: -2px;
    margin-top: 0 !important;
    border-top: 1px solid transparent !important; }
  ul.nav-tabs.sub-tabs > li > a:hover, ul.nav-tabs.sub-tabs > li > a:focus {
    background-color: #eee; }
  ul.nav-tabs.sub-tabs > li.active > a {
    font-weight: bold;
    margin-bottom: -1px; }
    ul.nav-tabs.sub-tabs > li.active > a:hover, ul.nav-tabs.sub-tabs > li.active > a:focus {
      background: none; }

#global-search-form.navbar-form {
  border-left: 1px solid #eee;
  height: 50px;
  padding: 10px;
  margin: 0; }
  @media (min-width: 769px) {
    #global-search-form.navbar-form.active .form-control, #global-search-form.navbar-form .form-control:focus {
      width: 275px; } }
  #global-search-form.navbar-form .form-control {
    padding-right: 27px;
    transition: width 0.25s ease-in-out !important;
    border: 1px solid #fefefe !important;
    background: #f8f8f8;
    width: 186px; }
    #global-search-form.navbar-form .form-control:hover {
      background: #fafafa !important;
      border: 1px solid #f1f1f1 !important; }
    #global-search-form.navbar-form .form-control:focus {
      background: #fafafa !important;
      border: 1px solid #66afe9 !important; }
  #global-search-form.navbar-form .form-control-feedback {
    background: none;
    border: none;
    outline: none;
    right: 10px;
    height: 50px;
    top: 0; }
    @media (max-width: 768px) {
      #global-search-form.navbar-form .form-control-feedback {
        height: 52px; } }
  #global-search-form.navbar-form.has-error .form-control {
    border: 1px solid #e66454 !important; }
  #global-search-form.navbar-form .search-results {
    background: #fff;
    border: 2px solid #ccc;
    padding: 5px;
    display: block; }
    #global-search-form.navbar-form .search-results ul {
      padding: 0;
      list-style: none; }
      #global-search-form.navbar-form .search-results ul li {
        padding: 0;
        margin: 0; }
        #global-search-form.navbar-form .search-results ul li.search-header {
          font-weight: bold;
          font-size: 15px;
          padding: 7px 5px;
          color: #000 !important;
          border-bottom: 1px solid #efefef;
          display: block;
          line-height: 15px; }
          #global-search-form.navbar-form .search-results ul li.search-header .fa {
            margin-right: 5px;
            color: #555 !important; }
          #global-search-form.navbar-form .search-results ul li.search-header .total {
            font-size: 12px;
            color: #aaa;
            font-weight: normal; }
        #global-search-form.navbar-form .search-results ul li a.search-result {
          display: block;
          width: 100%;
          padding: 5px 7px;
          line-height: 24px; }
          #global-search-form.navbar-form .search-results ul li a.search-result:hover {
            background: #3276b1;
            color: #fff;
            text-decoration: none; }
    #global-search-form.navbar-form .search-results .result-total {
      font-size: 12px;
      color: #999;
      padding: 5px;
      background: #f5f5f5;
      display: block; }
      #global-search-form.navbar-form .search-results .result-total .query {
        font-style: italic;
        font-weight: bold; }
  @media (min-width: 769px) {
    #global-search-form.navbar-form .search-results {
      position: absolute;
      z-index: 2000;
      left: 10px;
      right: 10px;
      overflow-y: auto;
      max-height: 300px; } }

@media (max-width: 769px) {
  #global-search-form.navbar-form {
    width: 100%;
    display: block;
    border: none;
    padding: 0 !important;
    float: none !important;
    height: auto !important; }
    #global-search-form.navbar-form .form-control {
      width: 100%;
      height: 50px; } }

#left-panel nav ul ul ul li a, #left-panel nav ul ul li a {
  color: #c2d1e8; }
  #left-panel nav ul ul ul li a:hover, #left-panel nav ul ul li a:hover {
    color: #ffffff; }

#left-panel .login-info {
  border-bottom-color: #0b4876;
  background: #073152;
  box-shadow: inset 0 -2px 7px rgba(0, 0, 0, 0.35);
  height: 40px; }
  #left-panel .login-info > span {
    border-bottom-color: #041725;
    height: 39px; }
  #left-panel .login-info img {
    border-left: 1px solid #888;
    width: 25px;
    height: 25px; }

.minified .login-info a {
  margin-top: 8px; }

.minified nav ul li a {
  color: #90A5B3; }

.minified nav > ul > li {
  border-bottom: 1px solid #032844;
  border-top: 1px solid #0f4a75; }
  .minified nav > ul > li > ul {
    background: #083a5f; }
    .minified nav > ul > li > ul > li, .minified nav > ul > li > ul > li > ul > li {
      background: none; }
    .minified nav > ul > li > ul > li > ul {
      background: #082d50; }

.minified #left-panel .minifyme {
  border-bottom: 1px solid #032844;
  border-top: 1px solid #0f4a75; }

.hidden-menu #main {
  left: 0;
  margin-left: 0; }

.hidden-menu nav ul li.active a:before {
  display: none; }

.spinner-container {
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  padding-top: 10px; }
  .spinner-container p.modal-busy-message {
    text-align: center;
    padding-top: 50px;
    font-size: 20px;
    font-weight: bold; }

.modal .spinner-container, form > .widget-body > .spinner-container, .widget-body > form .spinner-container {
  padding-top: 50px; }

/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-three-bounce">
 *      <div class="sk-bounce1"></div>
 *      <div class="sk-bounce2"></div>
 *      <div class="sk-bounce3"></div>
 *    </div>
 *
 */
.sk-spinner-three-bounce.sk-spinner {
  margin: 0 auto;
  width: 70px;
  text-align: center; }

.sk-spinner-three-bounce div {
  width: 18px;
  height: 18px;
  background-color: #3cb4cf;
  border-radius: 100%;
  display: inline-block;
  animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  animation-fill-mode: both;
  margin-right: 5px; }

.sk-spinner-three-bounce .sk-bounce1 {
  animation-delay: -0.32s; }

.sk-spinner-three-bounce .sk-bounce2 {
  animation-delay: -0.16s; }

@keyframes sk-threeBounceDelay {
  0%,
  80%,
  100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

.markdown h1 {
  font-size: 24px;
  font-weight: bold;
  color: #073a5e;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 10px; }
  .markdown h1:not(:first-child) {
    margin-top: 30px; }
  .markdown h1:first-child {
    margin-top: 0; }

.markdown h2, .markdown h3, .markdown h4, .markdown h5, .markdown h6 {
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px; }

.markdown h2 {
  font-size: 22px; }

.markdown h3 {
  font-size: 20px; }

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

.markdown h5 {
  font-size: 16px; }

.markdown h6 {
  font-size: 14px; }

.markdown.changelog h1 {
  font-size: 20px;
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  padding-top: 10px;
  background-color: #fff; }
  .markdown.changelog h1 .date {
    font-size: 14px;
    float: right;
    margin-top: 4px; }
    .markdown.changelog h1 .date:before {
      content: 'Released: ';
      font-weight: normal; }

.markdown.changelog h2 {
  font-size: 16px; }

.markdown .table-of-contents > ul {
  border: 1px solid #cecece;
  background: #f9f9f9;
  padding: 10px;
  border-radius: 4px;
  display: inline-block; }

.markdown .table-of-contents ul {
  padding-left: 25px; }

.select2 {
  width: 100% !important;
  display: block; }

.select2-container--tortorella {
  padding: 0 !important;
  width: auto !important; }
  .select2-container--tortorella .select2-selection--single {
    background-color: #fff; }
    .select2-container--tortorella .select2-selection--single .select2-selection__rendered {
      color: #444;
      line-height: 32px; }
    .select2-container--tortorella .select2-selection--single .select2-selection__clear {
      cursor: pointer;
      float: right;
      font-weight: bold; }
    .select2-container--tortorella .select2-selection--single .select2-selection__placeholder {
      color: #999; }
    .select2-container--tortorella .select2-selection--single .select2-selection__arrow {
      height: 30px;
      position: absolute;
      top: 1px;
      right: 1px;
      width: 20px; }
      .select2-container--tortorella .select2-selection--single .select2-selection__arrow b {
        border-color: #888 transparent transparent transparent;
        border-style: solid;
        border-width: 5px 4px 0 4px;
        height: 0;
        left: 50%;
        margin-left: -4px;
        margin-top: -2px;
        position: absolute;
        top: 50%;
        width: 0; }
  .select2-container--tortorella[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left; }
  .select2-container--tortorella[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto; }
  .select2-container--tortorella.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default; }
    .select2-container--tortorella.select2-container--disabled .select2-selection--single .select2-selection__clear {
      display: none; }
  .select2-container--tortorella.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px; }
  .select2-container--tortorella .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text; }
    .select2-container--tortorella .select2-selection--multiple .select2-selection__rendered {
      box-sizing: border-box;
      list-style: none;
      margin: 0;
      padding: 0 5px;
      width: 100%; }
    .select2-container--tortorella .select2-selection--multiple .select2-selection__placeholder {
      color: #999;
      margin-top: 5px;
      float: left; }
    .select2-container--tortorella .select2-selection--multiple .select2-selection__clear {
      cursor: pointer;
      float: right;
      font-weight: bold;
      margin-top: 5px;
      margin-right: 10px; }
    .select2-container--tortorella .select2-selection--multiple .select2-selection__choice {
      background-color: #3276b1;
      color: #fff;
      line-height: 19px;
      font-size: 14px;
      border: 1px solid #2a6395;
      cursor: default;
      float: left;
      margin-right: 7px;
      margin-top: 4px;
      padding: 0 8px; }
    .select2-container--tortorella .select2-selection--multiple .select2-selection__choice__remove {
      color: #c7d7f5;
      cursor: pointer;
      display: inline-block;
      font-weight: bold;
      margin-right: 5px; }
      .select2-container--tortorella .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #fff; }
  .select2-container--tortorella[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--tortorella[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
    float: right; }
  .select2-container--tortorella[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto; }
  .select2-container--tortorella[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto; }
  .select2-container--tortorella.select2-container--focus .select2-selection--multiple {
    border: solid #66afe9 1px;
    outline: 0; }
  .select2-container--tortorella.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default; }
  .select2-container--tortorella.select2-container--disabled .select2-selection__choice__remove {
    display: none; }
  .select2-container--tortorella .select2-selection--single, .select2-container--tortorella .select2-selection--multiple {
    border: 1px solid #ccc;
    min-height: 32px;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out !important; }
    .select2-container--tortorella .select2-selection--single:focus, .select2-container--tortorella .select2-selection--multiple:focus {
      border-color: #66afe9; }
  .select2-container--tortorella.select2-container--open .select2-selection--single, .select2-container--tortorella.select2-container--open .select2-selection--multiple {
    border-color: #66afe9; }
  .select2-container--tortorella .select2-dropdown {
    border-radius: 0; }
  .select2-container--tortorella .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa; }
  .select2-container--tortorella .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0; }
  .select2-container--tortorella .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto; }
  .select2-container--tortorella .select2-results__option:not(:last-child) {
    border-bottom: 1px solid #eee; }
  .select2-container--tortorella .select2-results__option[role=group] {
    padding: 0; }
  .select2-container--tortorella .select2-results__option[aria-disabled=true] {
    color: #999;
    display: none; }
  .select2-container--tortorella .select2-results__option[aria-selected=true] {
    background-color: #eee; }
  .select2-container--tortorella .select2-results__option .select2-results__option {
    padding-left: 1em; }
    .select2-container--tortorella .select2-results__option .select2-results__option .select2-results__group {
      padding-left: 0; }
    .select2-container--tortorella .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -1em;
      padding-left: 2em; }
      .select2-container--tortorella .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -2em;
        padding-left: 3em; }
        .select2-container--tortorella .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -3em;
          padding-left: 4em; }
          .select2-container--tortorella .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -4em;
            padding-left: 5em; }
            .select2-container--tortorella .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
              margin-left: -5em;
              padding-left: 6em; }
  .select2-container--tortorella .select2-results__option--highlighted[aria-selected] {
    background-color: #3276b1;
    color: white; }
  .select2-container--tortorella .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px; }

.has-error .select2-container--tortorella .select2-selection--single, .has-error .select2-container--tortorella .select2-selection--multiple {
  border-color: #b94a48; }
  .has-error .select2-container--tortorella .select2-selection--single:focus, .has-error .select2-container--tortorella .select2-selection--multiple:focus {
    border-color: #66afe9; }

.select2-hidden-accessible {
  width: 1px !important; }

.stop-schedule {
  margin: 0 -14px; }
  .stop-schedule * {
    box-sizing: border-box; }
  .stop-schedule .schedule {
    display: -ms-flexbox;
    display: flex; }
    .stop-schedule .schedule .event-grid-wrapper, .stop-schedule .schedule .event-grid-wrapper-wrapper {
      -ms-flex-positive: 1;
      flex-grow: 1; }
  .stop-schedule[data-status="loading"] .schedule::after {
    bottom: 0;
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.9); }
  .stop-schedule .scheduler {
    width: calc(100% - 300px); }
  .stop-schedule .sidebar {
    width: 300px;
    padding: 0 20px 20px;
    position: relative; }
    .stop-schedule .sidebar button.create-ticket {
      position: absolute;
      width: 260px;
      top: -60px;
      left: 20px; }
  .stop-schedule .compact-date-changer button {
    width: 4rem;
    height: 4rem;
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent; }
  .stop-schedule .schedule {
    position: relative;
    background-color: #fff;
    overflow: auto;
    height: calc(100vh - 226px);
    margin-bottom: -62px; }
    .stop-schedule .schedule::after {
      content: '';
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1;
      transition: .25s;
      background-image: url("/img/spinner.svg");
      background-position: center center;
      background-repeat: no-repeat; }
    .stop-schedule .schedule .event-grid-wrapper {
      position: relative; }
      .stop-schedule .schedule .event-grid-wrapper::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 1;
        width: 150px;
        background-color: rgba(255, 255, 255, 0.9); }
      .stop-schedule .schedule .event-grid-wrapper::after {
        content: '';
        position: absolute;
        top: 0;
        left: 150px;
        bottom: 0;
        width: 1px;
        z-index: 1;
        background-color: #eee; }
    .stop-schedule .schedule .event-row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row; }
    .stop-schedule .schedule .row-events {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      padding: 0 5px 0 155px;
      min-height: 75px; }
      .stop-schedule .schedule .row-events::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        background-color: #eee;
        z-index: 1; }
    .stop-schedule .schedule .row-label {
      position: absolute;
      min-width: 150px;
      padding: 30px 0;
      text-align: center;
      text-transform: uppercase;
      color: #083A5F;
      font-weight: bold;
      z-index: 1; }
    .stop-schedule .schedule .event-grid {
      background-color: #fff; }
    .stop-schedule .schedule .user-events {
      list-style: none;
      margin: 0;
      padding: 10px 5px;
      width: 350px; }
      .stop-schedule .schedule .user-events .user-event {
        position: relative;
        margin-top: 10px;
        border-radius: 30px;
        background-color: #666;
        padding: 10px;
        color: #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row; }
        .stop-schedule .schedule .user-events .user-event .mechanic .initials {
          font-size: 20px;
          width: 60px;
          height: 40px;
          line-height: 40px;
          text-align: center; }
        .stop-schedule .schedule .user-events .user-event .mechanic .status {
          font-size: 20px;
          text-align: center;
          width: 100%; }
        .stop-schedule .schedule .user-events .user-event .job {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center; }
        .stop-schedule .schedule .user-events .user-event:first-child {
          margin-top: 0; }
        .stop-schedule .schedule .user-events .user-event a {
          position: absolute;
          display: block;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
  .stop-schedule .field-techs {
    list-style: none;
    margin: 0;
    padding: 0; }
    .stop-schedule .field-techs li {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 20px;
      cursor: pointer; }
      .stop-schedule .field-techs li .color {
        border: 4px solid #eee;
        width: 25px;
        height: 25px;
        outline: 1px solid #000;
        background-color: #00ff00;
        margin-right: 15px; }

@media (max-width: 900px) {
  .stop-schedule .sidebar {
    width: auto;
    padding: 0 20px; }
  .stop-schedule .schedule .user-events .user-event .mechanic .initials {
    width: 40px; }
  .stop-schedule .schedule .user-events .user-event .customer {
    width: 100%;
    padding: 0 10px 0 5px; }
  .stop-schedule .schedule .event-grid-wrapper::before {
    width: 70px; }
  .stop-schedule .schedule .event-grid-wrapper::after {
    left: 70px; }
  .stop-schedule .schedule .row-events {
    padding-left: 75px; }
  .stop-schedule .scheduler {
    width: 100%; }
    .stop-schedule .scheduler .row-label {
      padding: 20px 0;
      min-width: 70px; }
  .stop-schedule .service-types {
    width: 100%; }
    .stop-schedule .service-types.radio-blocks button {
      min-width: 0;
      -ms-flex: 1;
      flex: 1; } }

@media (max-width: 600px) {
  .stop-schedule .schedule .user-events {
    width: auto;
    min-width: 280px;
    max-width: 350px; } }

.route-schedule {
  margin: -13px -13px 0; }
  .route-schedule * {
    box-sizing: border-box; }
  .route-schedule[data-status="loading"] .schedule::after {
    bottom: 0;
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.9); }
  .route-schedule .schedule {
    position: relative;
    background-color: #fff; }
    .route-schedule .schedule .template {
      display: none; }
    .route-schedule .schedule::after {
      content: '';
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1;
      transition: .25s;
      background-image: url("/img/spinner.svg");
      background-position: center 20%;
      background-repeat: no-repeat; }
    .route-schedule .schedule .event-grid-wrapper {
      position: relative; }
      .route-schedule .schedule .event-grid-wrapper::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 1;
        width: 150px;
        background-color: rgba(255, 255, 255, 0.9); }
      .route-schedule .schedule .event-grid-wrapper::after {
        content: '';
        position: absolute;
        top: 0;
        left: 150px;
        bottom: 0;
        width: 1px;
        z-index: 1;
        background-color: #eee; }
    .route-schedule .schedule .header-row {
      padding-left: 150px; }
      .route-schedule .schedule .header-row .column-header {
        text-align: center;
        color: #083A5F;
        font-weight: bold;
        font-size: 13px; }
    .route-schedule .schedule .event-row {
      position: relative;
      padding-left: 150px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row; }
    .route-schedule .schedule .row-events {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
      flex-direction: row;
      min-height: 75px;
      width: 100%;
      border-left: solid 1px #eee; }
      .route-schedule .schedule .row-events::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        background-color: #eee;
        z-index: 1; }
    .route-schedule .schedule .row-label {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 150px;
      padding: 30px;
      text-align: center;
      text-transform: uppercase;
      color: #083A5F;
      font-weight: bold;
      z-index: 1; }
    .route-schedule .schedule .event-grid {
      overflow: auto;
      background-color: #fff; }
    .route-schedule .schedule .user-events {
      list-style: none;
      margin: 0;
      padding: 10px 5px;
      width: 100%; }
      .route-schedule .schedule .user-events .user-event {
        position: relative;
        margin-top: 10px;
        border-radius: 5px;
        background-color: #f4f4f4;
        border: 1px solid #ccc;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow: hidden; }
        .route-schedule .schedule .user-events .user-event:first-child {
          margin-top: 0; }
        .route-schedule .schedule .user-events .user-event .icon {
          color: #fff;
          font-size: 2.5rem;
          background-color: #3CB4CF; }

.billing-address-selector h2 {
  margin-bottom: 5px;
  font-size: 18px;
  margin-top: 0; }