@import url(../fonts/stylesheet.css);
body {
  font-family: "latoregular", Arial, serif; }

.mb-25 {
  margin-bottom: 25px; }

.mb-40 {
  margin-bottom: 40px; }

.mr-25 {
  margin-right: 25px; }

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

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

h2 {
  font-family: "latosemibold", Arial, serif;
  font-size: 24px;
  color: #303030; }

.btn-outline {
  border: 1px solid #ec1e31;
  color: #ec1e31;
  font-size: 16px;
  padding: 10px 20px;
  min-width: 194px;
  display: inline-block;
  vertical-align: middle;
  background: none;
  outline: none;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }
  .btn-outline:hover, .btn-outline:focus {
    background: #ec1e31;
    color: #ffffff; }

.btn-solid, .btn-back, button:disabled,
button[disabled] {
  border: 1px solid #ec1e31;
  color: #ec1e31;
  font-size: 16px;
  padding: 10px 20px;
  min-width: 194px;
  display: inline-block;
  vertical-align: middle;
  background: #ec1e31;
  color: #ffffff;
  outline: none;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }
  .btn-solid:hover, .btn-back:hover, button:hover:disabled,
  button[disabled]:hover, .btn-solid:focus, .btn-back:focus, button:focus:disabled,
  button[disabled]:focus {
    background: none;
    color: #ec1e31; }

.btn-back {
  background: #f4f4f4;
  color: #575757;
  border-color: #e2e2e2; }
  .btn-back:hover, .btn-back:focus {
    background: none;
    color: #575757; }

.print-order-workflow-screen {
  margin: 50px 0; }
  .print-order-workflow-screen ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none; }
    .print-order-workflow-screen ul.tabs li {
      background: none;
      color: #999999;
      display: inline-block;
      padding: 10px 30px;
      cursor: pointer;
      font-size: 16px;
      font-family: "latomedium", Arial, serif; }
      .print-order-workflow-screen ul.tabs li em {
        margin-right: 10px;
        font-size: 2rem; }
      .print-order-workflow-screen ul.tabs li.current {
        background: transparent;
        color: #ec1e31;
        border-bottom: 3px solid #ec1e31; }
  .print-order-workflow-screen .tab-content {
    display: none;
    border: 1px solid #ededed; }
    .print-order-workflow-screen .tab-content.current {
      display: inherit; }

.print-order-outr {
  text-align: center; }
  .print-order-outr .print-order-body {
    border: 1px dashed #ededed;
    padding: 30px 15px;
    margin: 15px 15px 30px; }
    .print-order-outr .print-order-body a.upload {
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 55px; }

.drop-files {
  font-size: 18px;
  font-family: "latoregular", Arial, serif;
  color: #778691;
  text-align: center; }

.choosen-files-outr .choosen-file-wrapper {
  margin-bottom: 50px; }
  .choosen-files-outr .choosen-file-wrapper .count-file-wrap {
    background: #eef1f5;
    padding: 10px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between; }
    .choosen-files-outr .choosen-file-wrapper .count-file-wrap span.left-count {
      font-size: 16px;
      font-family: "latomedium", Arial, serif;
      color: #3e3e3e;
      text-overflow: ellipsis;
      overflow: hidden;
      display: block;
      white-space: nowrap; }
    .choosen-files-outr .choosen-file-wrapper .count-file-wrap a.right-clear {
      font-size: 16px;
      color: #3a94f8;
      font-family: "latomedium", Arial, serif; }
  .choosen-files-outr .choosen-file-wrapper .details-file-listing-outr {
    padding: 0; }
    .choosen-files-outr .choosen-file-wrapper .details-file-listing-outr .details-inr-list-wrap {
      display: flex;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      padding: 10px;
      border-bottom: 1px solid #ededed; }
      .choosen-files-outr .choosen-file-wrapper .details-file-listing-outr .details-inr-list-wrap span {
        font-size: 14px;
        color: #575757;
        font-family: "latoregular", Arial, serif; }
        .choosen-files-outr .choosen-file-wrapper .details-file-listing-outr .details-inr-list-wrap span.size {
          font-size: 12px; }
        .choosen-files-outr .choosen-file-wrapper .details-file-listing-outr .details-inr-list-wrap span .icon {
          color: #ec1e31;
          margin-right: 10px; }
      .choosen-files-outr .choosen-file-wrapper .details-file-listing-outr .details-inr-list-wrap span.filename {
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        white-space: nowrap; }
      .choosen-files-outr .choosen-file-wrapper .details-file-listing-outr .details-inr-list-wrap .close {
        font-size: 12px;
        color: #778691;
        opacity: 0.8; }
      .choosen-files-outr .choosen-file-wrapper .details-file-listing-outr .details-inr-list-wrap .progress {
        height: 5px;
        width: 100%;
        margin: 10px 0 0; }
      .choosen-files-outr .choosen-file-wrapper .details-file-listing-outr .details-inr-list-wrap.file-success .progress-bar-success {
        background: #5cb85c; }
  .choosen-files-outr .choosen-file-wrapper .progress-bar-success {
    background: #5cb85c; }
.choosen-files-outr a.upload {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 55px; }

.right-information-outr .form-control {
  border-radius: 0;
  border-color: #dedede;
  font-size: 14px;
  padding: 6px 12px;
  height: inherit;
  box-shadow: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none; }
.right-information-outr .form-group.select-dropdown select {
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none; }
.right-information-outr .has-error .form-control {
  border-color: #ec1e31;
  -webkit-appearance: none; }
.right-information-outr .form-group {
  margin-bottom: 20px; }
  .right-information-outr .form-group span.input-group-addon {
    border-radius: 0; }
.right-information-outr h3 {
  font-size: 18px;
  color: #303030;
  margin-bottom: 25px;
  font-family: "latoregular", Arial, serif; }
.right-information-outr .address-dropdown-outr {
  background: #f4f4f4;
  padding: 10px;
  margin-bottom: 25px; }
  .right-information-outr .address-dropdown-outr .address-total-edit {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center; }
    .right-information-outr .address-dropdown-outr .address-total-edit .address-wrap {
      width: 80%;
      text-overflow: ellipsis;
      overflow: hidden;
      display: block;
      white-space: nowrap;
      color: #000000;
      font-size: 16px;
      font-family: "latomedium", Arial, serif; }
    .right-information-outr .address-dropdown-outr .address-total-edit .edit-wrap em {
      color: #3a94f8; }
    .right-information-outr .address-dropdown-outr .address-total-edit .edit-wrap a {
      font-size: 16px;
      color: #3a94f8;
      font-family: "latomedium", Arial, serif; }
  .right-information-outr .address-dropdown-outr .info-outr {
    color: #999999;
    font-size: 16px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: start; }
    .right-information-outr .address-dropdown-outr .info-outr em {
      font-size: 20px;
      margin-right: 10px;
      margin-top: 2px; }
  .right-information-outr .address-dropdown-outr .input-dropdown {
    margin-top: 20px;
    margin-bottom: 20px; }

.select-dropdown {
  border: 1px solid #dedede;
  width: 100%;
  overflow: hidden;
  background: url("../images/down-arrow.png") no-repeat 98% 50%; }
  .select-dropdown select {
    padding: 6px 12px;
    width: 100%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none; }
  .select-dropdown select::-ms-expand {
    display: none; }
  .select-dropdown.has-error {
    border-color: #ec1e31; }

.print-order-hdr {
  padding: 15px 0 0; }
  .print-order-hdr ul {
    padding: 0;
    margin: 0; }
    .print-order-hdr ul li {
      display: inline-block;
      vertical-align: middle;
      margin: 0 20px;
      font-size: 12px; }
      .print-order-hdr ul li img, .print-order-hdr ul li em {
        margin-right: 10px; }
      .print-order-hdr ul li span {
        font-size: 12px;
        color: #7b7b7b; }
      .print-order-hdr ul li.active span {
        color: #ec1e31; }

.slidetwo, .slidethree {
  border-top: 1px solid #ededed; }
  .slidetwo .details-uploaded-outr, .slidethree .details-uploaded-outr {
    padding: 15px; }

.slideone {
  margin-bottom: 15px; }

.print-order-outr .count-file-wrap {
  background: #eef1f5;
  padding: 10px;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  justify-content: space-between; }
  .print-order-outr .count-file-wrap span.left-count {
    font-size: 16px;
    font-family: "latomedium", Arial, serif;
    color: #3e3e3e;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap; }
  .print-order-outr .count-file-wrap a.right-clear {
    font-size: 16px;
    color: #3a94f8;
    font-family: "latomedium", Arial, serif; }

.pr-15 {
  padding-right: 15px; }

.confirmation-message {
  text-align: center; }
  .confirmation-message .message-text {
    text-align: center;
    padding: 40px;
    background: #f4f4f4;
    overflow: hidden;
    margin: 40px; }
  .confirmation-message .message-heading {
    font-size: 24px;
    font-family: "latoregular", Arial, serif;
    color: #ec1e31;
    margin-bottom: 30px; }
    .confirmation-message .message-heading em.icon-circle-tick {
      margin-right: 10px; }
  .confirmation-message .reference-heading {
    font-size: 22px;
    font-family: "latomedium", Arial, serif;
    color: #000000;
    margin-bottom: 30px; }
  .confirmation-message p.file-heading {
    font-size: 17px;
    font-family: "latoregular", Arial, serif;
    color: #7b7b7b;
    margin-bottom: 30px; }
  .confirmation-message p {
    font-size: 14px;
    font-family: "latoregular", Arial, serif;
    color: #7b7b7b; }
    .confirmation-message p span {
      color: #000000; }
    .confirmation-message p a {
      display: inline-block;
      color: #ec1e31; }
  .confirmation-message p.custom-lineheight {
    border-top: 1px solid #e2e2e2;
    margin-top: 20px;
    padding-top: 20px; }
  .confirmation-message a.phonenumber {
    color: #7b7b7b; }
  .confirmation-message p.number-of-files {
    font-size: 26px;
    color: #ec1e31;
    margin-bottom: 30px; }
    .confirmation-message p.number-of-files em {
      margin-right: 15px; }
    .confirmation-message p.number-of-files span {
      color: #ec1e31; }
  .confirmation-message .email-confirm p span {
    display: block; }

button:disabled,
button[disabled] {
  background: #f4f4f4;
  color: #575757;
  border-color: #e2e2e2; }
  button:disabled:hover, button:disabled:focus,
  button[disabled]:hover,
  button[disabled]:focus {
    background: none;
    color: #575757;
    cursor: not-allowed; }

.printfilemodal .modal-title {
  color: #888; }
.printfilemodal .left-wrap {
  border: 1px solid #eee;
  height: 100%; }
  .printfilemodal .left-wrap h5 {
    margin: 0;
    background: #eee;
    text-align: left;
    font-size: 16px;
    color: #777;
    font-family: "latosemibold", Arial, serif;
    padding: 10px 15px; }
.printfilemodal .dl-horizontal {
  padding: 0;
  margin: 0; }
  .printfilemodal .dl-horizontal li {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    padding: 7px 15px; }
    .printfilemodal .dl-horizontal li:nth-child(even) {
      background: #f1f1f1; }
    .printfilemodal .dl-horizontal li span {
      text-align: left;
      font-size: 14px;
      color: #777;
      font-weight: 400;
      width: 35%; }
    .printfilemodal .dl-horizontal li p {
      text-align: left;
      font-size: 14px;
      color: #777;
      font-family: "latosemibold", Arial, serif;
      margin-bottom: 0;
      width: 65%; }
    .printfilemodal .dl-horizontal li a {
      text-align: left;
      font-size: 14px;
      color: #777;
      font-weight: 400;
      padding: 0 0 0 10px;
      display: block; }
.printfilemodal .modal-dialog {
  top: 50% !important;
  transform: translate(0, -50%) !important;
  -ms-transform: translate(0, -50%) !important;
  -webkit-transform: translate(0, -50%) !important; }

.display-flex {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex; }

@media all and (max-width: 767.98px) {
  .right-information-outr .address-dropdown-outr .address-total-edit .address-wrap {
    width: 68%; }

  .btn-back, .btn-solid, .btn-back, button:disabled,
  button[disabled] {
    min-width: inherit;
    margin: 5px; }

  .print-order-workflow-screen ul.tabs li {
    padding: 10px; }
    .print-order-workflow-screen ul.tabs li span {
      display: none; }

  .print-order-hdr ul li {
    margin: 0 5px; }
    .print-order-hdr ul li img {
      max-width: 20px; }

  .printfilemodal .modal-body .display-flex {
    display: block; }
    .printfilemodal .modal-body .display-flex .pr-0 {
      padding-right: 15px;
      margin-bottom: 15px; } }


.select-drop {
            width: 100%;
            text-align:left;
            position:relative;
        }
            .select-drop ins {
                text-decoration:none;
            }
        .single {
            text-align:center;
        }
            .single h4 {
                font-size:13px; margin-top: 6px;.width70
                font-weight:600;
                color:#818181;
                margin-bottom:0;
            }
            .single .icon {
                font-size:30px;
            }
        .single span {
            display:block;
            font-size:11px;
            color:#818181;
        }
            .select-drop .radio label {
                padding-left: 0px;
            }

            .select-drop .icon-down-arrow {
                position:absolute;
                top:9px;
                right:13px;
                font-size: 11px;
            }
            .select-drop .form-control {
                text-align:left;
                text-decoration:none;
            }
            .select-drop .dropdown-toggle {
                color: #999999;
            }
        .selectdropdown-menu {
            width:100%;
            background: #f7f7f7;
            border:1px solid #cbcbcb;
            padding: 15px 0 10px;
        }

        
.selectdropdown-menu.radio .dropdown-item { 
	position:relative;
	overflow:hidden; 
	cursor:pointer; 
}
.selectdropdown-menu.radio .dropdown-item:focus {
    border:none;
}
.single{width:24%; display:inline-block; max-width:auto; margin:0; padding:0;}
.width70{ position:absolute; top:1px; right:87px; display:none; z-index:99; padding: 0px 0 0 5px !important; border: 1px solid #d6d6d6; font-size:13px; color: #999999;}
.width70 .btn-solid {
    padding: 1px 10px;
    min-width:auto;
    font-size:12px;
    vertical-align:top;
    background: #ccc;
    border-color: #ddd;
}
.width70 input {
    border:none;
    outline:none;
    color:#999999;
    width:117px;
}
.width70 input:focus {
    border:none;
}
.selectdropdown-menu.radio input { 
	visibility: hidden; 
	position:absolute; left: -30px; }

.selectdropdown-menu.radio i { 
	font-weight:normal; font-style:normal; 
	display:block; }



.bindingselect h4 {
font-size:13px; 
margin-top: 6px;
color:#818181;
margin-bottom:0;
}
.bindingselectdrop {
    padding:10px;
}

.otheropen {
    display:none;
}
.otheropen {
    position:absolute; top:2px; width:63%; right:59px; display:none; z-index:9999; padding: 0px 0 0 5px !important; border: 1px solid #d6d6d6; font-size:13px; color: #999999;
}

.otheropen input {
    border:none;
    outline:none;
    color:#999999;
    width:100%;
}
.crossoption {
    position: absolute;
    right: 36px;
    top: 9px;
    font-size: 11px;
    cursor: pointer;
    border-right: 1px solid #dedede;
    padding-right: 14px;
    display:none;
}
.showcross .crossoption {
    display:block;
}
.select-drop .bindbtn {
    padding:4px 10px !important;
}
.commonicon {
    padding-right:4px;
}
.commonicon1 {
    padding-right:4px;
}
.bind-select {
    /*width:77%;
    float:left;*/
    position:relative;
}

.reflink {
    /*width:23%;
    float:right;
    text-align:right;
    font-size:12px;
    padding-top:4px;*/
    position:absolute;
    right:6px;
    top:3px;
    width:15px;
    height:19px;
}
.reflink i {
    padding-top:6px;
    display:inline-block;
    vertical-align:top;
    padding-right:3px;
    font-size:14px;
    position:relative;
}

    .reflink i:after {
        background:#ccc;
        width:1px;
        height:14px;
        content:'';
        position:absolute;
        left: -10px;
        top: 6px;
    }

.bind-select .select-drop .icon-down-arrow {
    right: 39px;
}