/*----------------------------------------------------------------------*/
/* BOXES
/*----------------------------------------------------------------------*/
.column {
  float: left;
  margin: 10px; }
  .column H2 {
    font-size: 12px; }
  .column.half {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 46%; }

.box {
  background-color: rgba(255, 255, 255, 0.5);
  margin: 10px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
  .box .title {
    border-bottom: 1px solid #C6E4E5;
    height: 40px;
    position: relative;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #F2F2F2;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F2F2F2');
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F2F2F2));
    background-image: -moz-linear-gradient(top, #ffffff, #F2F2F2);
    background-image: -o-linear-gradient(#ffffff, #F2F2F2); }
    .box .title H3 {
      font-size: 12px;
      color: #474F54;
      padding: 13px 0 0 15px;
      margin: 0; }
  .box.error {
    background-color: red; }
    .box.error .icon {
      background-image: url("/Content/images/icons/mono/error.png"); }
  .box.msg {
    position: relative;
    font-size: 11px;
    padding: 10px 10px 10px 50px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px; }
    .box.msg.search .inner {
      border: none; }
    .box.msg P {
      margin: 0;
      padding: 0; }
    .box.msg .inner {
      margin: 0;
      padding: 0; }
    .box.msg SPAN {
      display: block;
      width: 26px;
      height: 26px;
      opacity: 0.75;
      position: absolute;
      top: 5px;
      left: 10px; }
  .box.search {
    background-color: #ECECEC; }
    .box.search SPAN {
      background-image: url("/Content/images/icons/mono/search.png"); }
    .box.search UL {
      list-style: none;
      margin: 0;
      padding: 2px 0 0 0; }
      .box.search UL LI {
        margin: 0;
        padding: 0 5px 0 0;
        display: inline-block; }
        .box.search UL LI A {
          padding: 0 2px; }
  .box.details {
    color: #3E3E3C;
    background-color: #E9E9FF; }
    .box.details SPAN {
      background-image: url("/Content/images/icons/mono/info.png"); }
  .box.center {
    margin: 0 auto; }
  .box.white {
    background-color: #fff; }
  .box.medium {
    border: 1px solid #BFBFBF;
    border-bottom-color: #B2B2B2;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 400px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }

.fullbox {
  border: 1px solid #BFBFBF;
  border-bottom-color: #B2B2B2;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.button-box {
  padding: 16px 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border-top: 1px solid #fff; }
  .button-box BUTTON.disabled {
    color: gray;
    opacity: 0.25; }

/*----------------------------------------------------------------------*/
/* Modals
/*----------------------------------------------------------------------*/
.modal-approvecpu .answer-box {
  text-align: center; }

.approve-signature-removal .question-box label, .approve-or-deny-signature-removal .question-box label, .modal-approvecpu .question-box label {
  width: 90% !important;
  padding: 0 !important; }

.approve-signature-removal .question-box .answer-box, .approve-or-deny-signature-removal .question-box .answer-box, .modal-approvecpu .question-box .answer-box {
  padding: 0 !important; }
  .approve-signature-removal .question-box .answer-box input, .approve-or-deny-signature-removal .question-box .answer-box input, .modal-approvecpu .question-box .answer-box input {
    display: inline-block;
    width: 10px !important;
    height: 25px;
    vertical-align: middle; }
  .approve-signature-removal .question-box .answer-box h5, .approve-or-deny-signature-removal .question-box .answer-box h5, .modal-approvecpu .question-box .answer-box h5 {
    display: inline-block;
    width: 30px !important;
    vertical-align: middle;
    line-height: 30px;
    text-align: left;
    font-size: 12px; }
    .approve-signature-removal .question-box .answer-box h5.first, .approve-or-deny-signature-removal .question-box .answer-box h5.first, .modal-approvecpu .question-box .answer-box h5.first {
      margin-right: 10px; }

.modal-phone .form-line.question-box, .modal-phone-notification .form-line.question-box {
  border-bottom: none !important; }

.modal-phone .form-line.centered, .modal-phone-notification .form-line.centered {
  text-align: center; }

.modal-phone INPUT.input, .modal-phone-notification INPUT.input {
  width: 75px; }

.modal-phone table, .modal-phone-notification table {
  width: 100%; }
  .modal-phone table thead, .modal-phone-notification table thead {
    font-size: 11px;
    color: rgba(0, 0, 0, 0.6);
    font-weight: bold;
    text-align: left; }
    .modal-phone table thead th, .modal-phone-notification table thead th {
      padding: 5px; }
  .modal-phone table td, .modal-phone-notification table td {
    text-align: left;
    padding: 5px; }
    .modal-phone table td.centered, .modal-phone-notification table td.centered {
      text-align: center; }
  .modal-phone table tbody tr, .modal-phone-notification table tbody tr {
    border-top: white solid 2px;
    background-color: rgba(0, 0, 0, 0.05); }
    .modal-phone table tbody tr.add, .modal-phone-notification table tbody tr.add {
      background-color: transparent; }
      .modal-phone table tbody tr.add td, .modal-phone-notification table tbody tr.add td {
        text-align: right; }
      .modal-phone table tbody tr.add button, .modal-phone-notification table tbody tr.add button {
        background-color: #a5ac00;
        color: white; }

.modal.request-future-delivery .modal-input {
  text-align: left; }
  .modal.request-future-delivery .modal-input .notes {
    margin-top: 20px; }

.modal.request-future-delivery .button-box {
  text-align: center; }

.modal.re-attempt-today, .modal.customer-pickup, .modal.initiate-trace, .modal.upgrade-to-saturday-delivery, .modal.modal-saturday, .modal.request-future-delivery, .modal.allow-package-to-be-returned {
  width: 250px; }
  .modal.re-attempt-today .notes, .modal.customer-pickup .notes, .modal.initiate-trace .notes, .modal.upgrade-to-saturday-delivery .notes, .modal.modal-saturday .notes, .modal.request-future-delivery .notes, .modal.allow-package-to-be-returned .notes {
    width: 94%;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px; }

.modal.rescue-if-necessary, .modal.rescue, .modal.remove-from-protection, .modal.remove-signature-requirement, .modal.modal-approve-courier, .modal.allow-another-day-to-pick-up, .modal.approve-signature-removal, .modal.approve-or-deny-signature-removal, .modal.destroy {
  width: 345px; }
  .modal.rescue-if-necessary .notes, .modal.rescue-if-necessary .whole-line, .modal.rescue .notes, .modal.rescue .whole-line, .modal.remove-from-protection .notes, .modal.remove-from-protection .whole-line, .modal.remove-signature-requirement .notes, .modal.remove-signature-requirement .whole-line, .modal.modal-approve-courier .notes, .modal.modal-approve-courier .whole-line, .modal.allow-another-day-to-pick-up .notes, .modal.allow-another-day-to-pick-up .whole-line, .modal.approve-signature-removal .notes, .modal.approve-signature-removal .whole-line, .modal.approve-or-deny-signature-removal .notes, .modal.approve-or-deny-signature-removal .whole-line, .modal.destroy .notes, .modal.destroy .whole-line {
    width: 95%;
    margin-top: 5px;
    margin-bottom: 5px; }

.modal.courier-delivery, .modal.redirect-to, .modal.incorrect-delivery, .modal.alternate-phone-number, .modal.alternate-notification-numbers, .modal.redirect-package, .modal.return-to-sender {
  overflow: hidden;
  width: 500px; }
  .modal.courier-delivery .notes, .modal.redirect-to .notes, .modal.incorrect-delivery .notes, .modal.alternate-phone-number .notes, .modal.alternate-notification-numbers .notes, .modal.redirect-package .notes, .modal.return-to-sender .notes {
    width: 470px;
    margin-top: 5px;
    margin-bottom: 5px; }

.modal.lost, .modal.manifested-not-shipped, .modal.approve-courier, .modal.redirect-approval, .modal.accept-re-scheduled, .modal.customer-pickup-approval {
  overflow: hidden;
  width: 335px; }
  .modal.lost .notes, .modal.manifested-not-shipped .notes, .modal.approve-courier .notes, .modal.redirect-approval .notes, .modal.accept-re-scheduled .notes, .modal.customer-pickup-approval .notes {
    width: 300px;
    margin-top: 5px;
    margin-bottom: 5px; }

#windowDelete .inner {
  text-align: center; }
  #windowDelete .inner P {
    text-align: center;
    margin: 0 0 10px 0; }

#tier2init P {
  text-align: center; }

#modalconfirm button.cancel, #tier2init button.cancel {
  background: url("/Content/images/icons/mono/delete.png") center center no-repeat;
  border: none;
  opacity: 0.5;
  overflow: hidden;
  text-indent: 5000px;
  display: inline-block;
  width: 26px;
  margin: 0 5px 0 5px;
  -webkit-box-shadow: 0 0 0 0 #fff;
  -moz-box-shadow: 0 0 0 0 #fff;
  box-shadow: 0 0 0 0 #fff; }
  #modalconfirm button.cancel:hover, #tier2init button.cancel:hover {
    opacity: 1; }

#windowValidate .inner p {
  text-align: center;
  margin: 10px 0 10px 0;
  font-size: 14px; }

.modal {
  text-align: center;
  margin: 0;
  padding: 0; }
  .modal .form-line {
    text-align: left; }
    .modal .form-line LABEL {
      font-weight: bold;
      margin: 0 0 5px 0; }
    .modal .form-line.checkbox input[type="checkbox"] {
      line-height: 12px;
      margin-right: 8px;
      margin-top: 2px; }
    .modal .form-line.checkbox label {
      vertical-align: top;
      line-height: 12px; }
      .modal .form-line.checkbox label.large {
        display: inline-block;
        width: 90%; }
    .modal .form-line.checkbox .yesno {
      margin: 3px; }
      .modal .form-line.checkbox .yesno LABEL {
        vertical-align: text-top;
        margin-top: -3px;
        width: 35px;
        font-weight: normal;
        text-transform: uppercase;
        font-size: 11px; }
  .modal div.error {
    font-weight: bold;
    vertical-align: top;
    margin: 10px; }
    .modal div.error .icon.error {
      display: inline-block;
      margin: 0 10px 0 0; }
  .modal .button-box P {
    margin-top: 0;
    padding-top: 0; }
  .modal .button-box .cancel, .modal .button-box .cancel-recorder {
    background: url("/Content/images/icons/mono/delete.png") center center no-repeat;
    border: none;
    opacity: 0.5;
    overflow: hidden;
    text-indent: 5000px;
    display: inline-block;
    width: 26px;
    margin: 0 5px 0 5px;
    -webkit-box-shadow: 0 0 0 0 #fff;
    -moz-box-shadow: 0 0 0 0 #fff;
    box-shadow: 0 0 0 0 #fff; }
    .modal .button-box .cancel:hover, .modal .button-box .cancel-recorder:hover {
      opacity: 1; }
  .modal .icon.spinner {
    margin: 0 auto; }
  .modal .icon.error {
    margin: 0 auto; }
  .modal .icon.success {
    margin: 0 auto; }
  .modal.close TEXTAREA {
    width: 158px;
    color: #989898; }
  .modal.close INPUT {
    width: 164px; }
    .modal.close INPUT.short {
      height: 11px; }
  .modal .upserter .form-line, .modal .medium .form-line {
    min-width: 470px;
    position: relative; }
    .modal .upserter .form-line .icon, .modal .medium .form-line .icon {
      position: absolute;
      top: 7px;
      right: 10px; }
    .modal .upserter .form-line .cancel, .modal .medium .form-line .cancel {
      position: absolute;
      top: 7px;
      right: 10px; }
    .modal .upserter .form-line .list, .modal .medium .form-line .list {
      display: inline-block; }
      .modal .upserter .form-line .list .item, .modal .medium .form-line .list .item {
        margin-left: 0px;
        display: block; }
      .modal .upserter .form-line .list LABEL, .modal .medium .form-line .list LABEL {
        width: 160px; }
  .modal .upserter TEXTAREA, .modal .medium TEXTAREA {
    width: 260px;
    color: #989898;
    margin-right: 45px; }
  .modal .upserter INPUT, .modal .medium INPUT {
    width: 160px; }
    .modal .upserter INPUT.short, .modal .medium INPUT.short {
      height: 11px; }
    .modal .upserter INPUT.medium, .modal .medium INPUT.medium {
      width: 130px; }
    .modal .upserter INPUT.long, .modal .medium INPUT.long {
      width: 260px; }
  .modal.close .form-line {
    min-width: 370px; }
  .modal.tier-two .form-line, .modal .tier2-fields .form-line {
    min-width: 470px;
    position: relative; }
    .modal.tier-two .form-line .icon, .modal .tier2-fields .form-line .icon {
      position: absolute;
      top: 7px;
      right: 10px; }
    .modal.tier-two .form-line .cancel, .modal .tier2-fields .form-line .cancel {
      position: absolute;
      top: 7px;
      right: 10px;
      height: 26px;
      width: 26px; }
    .modal.tier-two .form-line DIV.add, .modal .tier2-fields .form-line DIV.add {
      position: relative;
      height: 36px; }
      .modal.tier-two .form-line DIV.add .name, .modal .tier2-fields .form-line DIV.add .name {
        float: right;
        padding-top: 10px;
        margin-right: 5px; }
  .modal.tier-two .locations, .modal .tier2-fields .locations {
    margin: 10px 0 5px 0; }
  .modal.tier-two BUTTON.button, .modal .tier2-fields BUTTON.button {
    display: block;
    position: absolute;
    top: 5px;
    right: 10px;
    padding: 4px 6px 4px 6px; }
    .modal.tier-two BUTTON.button .icon, .modal .tier2-fields BUTTON.button .icon {
      position: static;
      margin: 0; }
  .modal.tier-two .name, .modal .tier2-fields .name {
    padding: 5px;
    margin-top: 5px;
    margin-right: 45px;
    width: 165px;
    display: inline-block;
    position: relative; }
    .modal.tier-two .name:hover, .modal .tier2-fields .name:hover {
      background-color: rgba(0, 0, 0, 0.05); }
      .modal.tier-two .name:hover A, .modal .tier2-fields .name:hover A {
        display: block; }
    .modal.tier-two .name A, .modal .tier2-fields .name A {
      display: none; }
      .modal.tier-two .name A .icon, .modal .tier2-fields .name A .icon {
        position: absolute;
        top: -2px;
        right: 10px;
        z-index: 99999999;
        opacity: 0.5; }
      .modal.tier-two .name A:hover .icon, .modal .tier2-fields .name A:hover .icon {
        opacity: 1; }
  .modal.tier-two #couriers, .modal.tier-two #pickup, .modal.tier-two #deliver, .modal.tier-two #gaphr, .modal.tier-two #release, .modal .tier2-fields #couriers, .modal .tier2-fields #pickup, .modal .tier2-fields #deliver, .modal .tier2-fields #gaphr, .modal .tier2-fields #release {
    min-height: 37px; }
    .modal.tier-two #couriers LABEL, .modal.tier-two #pickup LABEL, .modal.tier-two #deliver LABEL, .modal.tier-two #gaphr LABEL, .modal.tier-two #release LABEL, .modal .tier2-fields #couriers LABEL, .modal .tier2-fields #pickup LABEL, .modal .tier2-fields #deliver LABEL, .modal .tier2-fields #gaphr LABEL, .modal .tier2-fields #release LABEL {
      margin-top: 5px; }
  .modal.tier-two TEXTAREA, .modal .tier2-fields TEXTAREA {
    width: 260px;
    color: #989898;
    margin-right: 45px; }
  .modal.tier-two INPUT, .modal .tier2-fields INPUT {
    width: 160px; }
    .modal.tier-two INPUT.short, .modal .tier2-fields INPUT.short {
      height: 11px; }
    .modal.tier-two INPUT.long, .modal .tier2-fields INPUT.long {
      width: 260px; }
  .modal.tier-two .wrap, .modal .tier2-fields .wrap {
    padding: 0 2px 10px 2px;
    background-color: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
  .modal.tier-two TABLE, .modal .tier2-fields TABLE {
    font-size: 10px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
    .modal.tier-two TABLE THEAD, .modal .tier2-fields TABLE THEAD {
      -webkit-border-top-left-radius: 4px;
      -webkit-border-top-right-radius: 4px;
      -moz-border-radius-topleft: 4px;
      -moz-border-radius-topright: 4px;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      margin: 1px 1px 0 1px;
      border-bottom: 1px solid #C6E4E5;
      position: relative;
      background-color: #F2F2F2;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F2F2F2');
      background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F2F2F2));
      background-image: -moz-linear-gradient(top, #ffffff, #F2F2F2);
      background-image: -o-linear-gradient(#ffffff, #F2F2F2); }
      .modal.tier-two TABLE THEAD TH, .modal .tier2-fields TABLE THEAD TH {
        font-size: 10px;
        color: #474F54;
        height: 20px; }
        .modal.tier-two TABLE THEAD TH:first-child, .modal .tier2-fields TABLE THEAD TH:first-child {
          -webkit-border-top-left-radius: 4px; }
        .modal.tier-two TABLE THEAD TH:last-child, .modal .tier2-fields TABLE THEAD TH:last-child {
          -webkit-border-top-left-radius: 4px;
          padding: 0 4px 0 4px; }
    .modal.tier-two TABLE TR:nth-child(even), .modal .tier2-fields TABLE TR:nth-child(even) {
      background-color: rgba(0, 0, 0, 0.03); }
    .modal.tier-two TABLE TR TD, .modal .tier2-fields TABLE TR TD {
      padding: 2px 2px 2px 2px; }
      .modal.tier-two TABLE TR TD INPUT[type="radio"], .modal .tier2-fields TABLE TR TD INPUT[type="radio"] {
        width: 15px;
        margin: 0;
        padding: 0 4px 0 0; }
  .modal.new-courier .form-line #email {
    float: none; }
  .modal.new-courier .form-line TEXTAREA {
    width: 260px;
    color: #989898;
    margin-right: 45px; }
  .modal.new-courier .form-line INPUT {
    width: 160px; }
    .modal.new-courier .form-line INPUT.short {
      height: 11px; }
    .modal.new-courier .form-line INPUT.long {
      width: 260px; }
  .modal.engage-all-results LI:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.025); }
  .modal.engage-all-results SPAN {
    display: inline-block; }
    .modal.engage-all-results SPAN.name {
      min-width: 80px;
      margin: 0 0 0 10px; }
    .modal.engage-all-results SPAN.count {
      width: 35px;
      margin: 0 0 0 10px; }
  .modal .bulkcloser ul li, .modal .bulkengager ul li {
    font-size: 12px; }
  .modal .bulkautocloser ul li {
    font-size: 12px; }
  .modal .bulkautocloser LABEL {
    font-weight: bold;
    width: 200px; }
  .modal .bulkautocloser .vertical {
    margin: 0 0 0 10px; }
    .modal .bulkautocloser .vertical LI {
      padding: 2px; }
      .modal .bulkautocloser .vertical LI:nth-child(odd) {
        background-color: rgba(0, 0, 0, 0.025); }
      .modal .bulkautocloser .vertical LI SPAN {
        display: inline-block; }
      .modal .bulkautocloser .vertical LI .name {
        width: 200px;
        width: 12px; }
      .modal .bulkautocloser .vertical LI .count {
        width: 200px;
        width: 12px; }
  .modal.stats LABEL {
    font-weight: bold;
    width: 200px; }
  .modal.stats .vertical {
    margin: 0 0 0 10px; }
    .modal.stats .vertical LI {
      padding: 2px; }
      .modal.stats .vertical LI:nth-child(odd) {
        background-color: rgba(0, 0, 0, 0.025); }
      .modal.stats .vertical LI SPAN {
        display: inline-block; }
      .modal.stats .vertical LI .name {
        width: 200px;
        font-size: 12px; }
      .modal.stats .vertical LI .count {
        width: 200px;
        font-size: 12px; }
  .modal.download {
    width: 200px; }
    .modal.download TEXTAREA {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      width: 100%;
      height: 250px; }
  .modal.tracking {
    text-align: left;
    min-height: 200px;
    position: relative; }
    .modal.tracking TABLE TR TD {
      font-size: 11px; }
      .modal.tracking TABLE TR TD A {
        display: none; }
    .modal.tracking TABLE TR:nth-child(odd) {
      background-color: rgba(0, 0, 0, 0.03); }
  .modal.email {
    position: relative; }
    .modal.email .icon.spinner.success {
      float: right; }
    .modal.email .input {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      width: 250px;
      margin: 0 0 10px 0; }
    .modal.email .content {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      background-color: rgba(0, 0, 0, 0.025);
      padding: 5px;
      font-size: 11px;
      margin: 0 0 10px 0;
      display: inline-block;
      width: 250px; }
    .modal.email BUTTON {
      float: right; }
    .modal.email LABEL {
      width: 60px; }

.modal.shared INPUT.long {
  width: 260px; }

/*----------------------------------------------------------------------*/
/* INFO BOX
/*----------------------------------------------------------------------*/
.info-box {
  font-weight: 500;
  font-family: proxima-nova;
  font-size: 13px;
  background-color: rgba(0, 0, 0, 0.05);
  color: #000;
  padding: 10px;
  position: relative;
  text-align: left; }
  .info-box:after {
    content: "\f05a";
    font-family: 'FontAwesome';
    font-size: 22px;
    color: #005988;
    position: absolute;
    top: 6px;
    left: 8px;
    display: block; }
  .info-box:before {
    content: "\f05a";
    text-indent: -100px;
    overflow: hidden;
    width: 23px;
    display: inline-block; }