/**
 * Theme Name:     Tailor Child
 * Author:         FasterThemes
 * Template:       tailor
 * Text Domain:    tailor-child
 * Description:    Tailor is a premium quality WordPress theme developed mainly for tailoring business but this can be used for any tailor business. Tailor theme is very easy to use and customize. It is mobile friendly , SEO and speed optimized for fast loading.
 */

/*.theme-container.container {
    margin-bottom: 40px;
}*/

.logo .custom-logo {
  width: 100px;
  height: auto;
}

.main-footer {
  display: none;
}

.site-breadcumb .theme-container {
  margin-bottom: 0;
}

.measurement-form, .create-order-form, .create-add-cost-form {
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
}

.acf-input-wrap input {
  height: auto !important;
}

.acf-field-message label {
  font-size: 23px;
  background: #e5e5e5;
  padding: 10px 10px !important;
}

.acf-field-text .acf-label label {
  font-size: 16px;
}

.acf-input-wrap input, .acf-field-select select {
  padding: 10px 15px !important;
  border: 1px solid #d09b53;
}

.acf-field textarea {
  border: 1px solid #d09b53;
}

.acf-form-submit {
  text-align: center;
  padding: 15px 12px;
}

.acf-button.button.button-primary.button-large {
  background: #191919;
  color: #fff;
  border: none;
  padding: 10px 20px;
  width: 100%;
  font-size: 18px;
}

.acf-button.button.button-primary.button-large:hover {
  background: #d09b53;
  color: #191919;
}

.welcome_box {
  text-align: center;
  border: 2px solid #d09b53;
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
  padding: 60px 0px;
  margin-top: 70px;
}

.welcome_box h1 {
  margin: 0 0 30px 0px;
  font-size: 45px;
  font-family: cursive;
}

.buttons_area {
  margin-top: 20px;
  display: inline-flex;
}

.btn1 a {
  padding: 10px 15px;
  background: #191919;
  border: 1px solid #191919;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin-right: 20px;
  text-decoration: none;
}

.btn2 a {
  padding: 10px 15px;
  background: #191919;
  border: 1px solid #191919;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}

.btn1 a:hover, .btn2 a:hover {
  background: #d09b53;
  color: #191919;
  font-weight: bold;
}

#message {
  padding: 0px 10px;
}

#message p {
  background: green;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
}

tr:nth-of-type(odd) {
  background: #eee;
}

th {
  background: #d09b53;
}

table.dataTable.no-footer {
  border-bottom: none !important;
}

#msrTable td {
  border-color: #000;
  font-weight: 600 !important;
  font-size: 13px;
}

#msrTable tr th {
  font-size: 16px;
}

#msrTable_info {
  font-weight: 600;
}

#msrTable_paginate {
  margin-top: 10px;
}

.acf-fields > .acf-field {
  padding: 10px 12px !important;
}

.paginate_button {
  background: #000 !important;
  color: #fff !important;
  font-weight: bold !important;
  border-color: #191919 !important;
}

.site-breadcumb {
  margin: 0 0 40px !important;
}

.paginate_button.current {
  background: #d09b53 !important;
  color: #191919 !important;
  font-weight: bold !important;
  border-color: #191919 !important;
}

#msrTable_previous, #msrTable_next {
  border: 1px solid #191919;
  color: #fff !important;
}

#msrTable ul {
  list-style: none;
  padding: 0;
  margin-top: 10px;
}

#msrTable ul li {
  width: 100%;
  text-align: center;
}

#msrTable ul li:first-child {
  margin-bottom: 20px;
}

#msrTable ul li:nth-child(2) {
  margin-bottom: 20px;
}

.um-account-profile-link {
  display: none;
}

#um_account_submit_general, #um_account_submit_password, input#um-submit-btn {
  background: #191919;
}

.acf-field .acf-label label {
  font-size: 16px;
}

.editbtn {
  color: #fff;
  text-decoration: none !important;
  background: #191919;
  padding: 8px 37px;
}

.viewbtn {
  color: #000;
  text-decoration: none !important;
  background: #d09b53;
  padding: 8px 35px;
}

.delbtn {
  color: #fff;
  text-decoration: none !important;
  background: red;
  padding: 8px 30px;
  cursor: pointer;
}

.editbtn:hover {
  color: #fff !important;
  text-decoration: none !important;
}

.viewbtn:hover {
  color: #000 !important;
  text-decoration: none !important;
}

.delbtn:hover {
  color: #fff !important;
  text-decoration: none !important;
}

.view_cmr_table {
  margin-bottom: 40px;
}

#viewCmr th, #viewMsr th {
  padding: 6px;
}

#viewCmr td, #viewMsr td {
  padding: 10px;
  border-color: #000;
  font-weight: 600;
}

.view_cmr_table h2 {
  font-size: 25px;
  margin-bottom: 20px;
  font-weight: 600;
}

.view_msr_table h2 {
  font-size: 25px;
  margin-bottom: 20px;
  font-weight: 600;
}

#viewCmr ul {
  list-style: none;
  padding: 0;
  margin-top: 10px;
}

.veditbtn {
  color: #fff;
  text-decoration: none !important;
  background: #191919;
  padding: 8px 38px;
}

.veditbtn:hover {
  color: #fff !important;
  text-decoration: none !important;
}

#notes-table td, #notes-table th {
  padding: 10px;
}

.added_by_info h2 {
  font-size: 20px;
  font-weight: 600;
}

#viewCmr ul li:nth-child(1) {
  margin-bottom: 15px;
}

.added_by_info h4 {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}

.added_by_info {
  text-align: center;
}

.ms_avatar {
  width: 100%;
  max-width: 150px;
  height: auto;
  margin: 0 auto;
}

.navbar-toggle {
  margin-right: 0px !important;
}

.nav-inner li a:hover {
  text-decoration: none;
}

.view-measurement {
  margin-bottom: 50px;
}

.msr_listing_table.table-responsive {
  margin-bottom: 50px;
}

.create-order-form .acf-field--post-title {
  display: none;
}

.ord_listing_table table td ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ord_listing_table table td ul li, .emp-task input {
  text-transform: capitalize;
}

.status_color {
    background-color: green;
    text-align: center;
    font-weight: 600;
    color: #fff;
    font-size: 15px;
}

.capitalize {
  text-transform: capitalize;
}

.create-order-form .acf-repeater .acf-button {
    background: #000;
    color: #fff;
    padding: 10px;
}

.create-order-form .acf-repeater .acf-button:hover {
    text-decoration: none;
}

.payment-form {
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
}

.form-field {
    margin-bottom: 20px;
}

.form-field input {
    width: 100% !important;
    padding: 10px;
}

.form-field span {
    font-size: 15px;
    font-weight: 600;
}

.submit-btn input[type="submit"] {
    background: #d09b53;
    border: 0;
    color: #000;
    font-size: 18px;
    font-weight: 500;
}

.pay-btn {
    margin-bottom: 20px;
    text-align: center;
}

.pay-btn .viewbtn {
    padding: 12px 25px 12px 25px !important;
    line-height: 40px;
    font-size: 16px;
    font-weight: 500;
}

.payment-details ol {
    padding: 10px 0 0 15px;
}

.payment-details span {
    font-weight: 600;
}

.payment-details li {
    padding-bottom: 8px;
    font-size: 16px;
}

.generate_bill {
    text-align: center;
}

.generate_bill input[type="submit"] {
    border: 0;
    background: green;
    color: #fff;
    padding: 8px 20px;
    font-size: 16px;
    font-weight: 600;
}

.bill-repeat-fields {
    background: #e5e5e5;
    padding: 20px;
}

.print_invoice_btn button {
    padding: 8px 20px;
    background: #000;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none !important;
    border: none;
}

.success_msg {
    text-align: center;
    font-size: 20px;
    margin-bottom: 30px;
    color: green;
    border: 1px solid green;
    padding: 10px;
}

.action-buttons a {
    font-size: 14px;
    font-weight: bold;
}

.action-buttons a i {
    padding-right: 18px;
}

.success_btns {
    width: 500px;
    margin: 0 auto;
    display: flex;
    margin-top: 30px;
}

.invoice_list_btn a, .recieve_btn a {
    padding: 8px 20px;
    background: #d09b53;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none !important;
}

.invoice_list_btn a:hover, .recieve_btn a:hover {
    color: #000;
}

.invoice_list_btn, .recieve_btn {
    display: flex;
    margin: 0 auto;
}

.print_invoice_btn {
    display: flex;
    margin: 0 auto;
}

.page-template-billing {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #333 !important;
}

.print_invoice_data, #print_invoice_page {
    margin-top: 50px;
    margin-bottom: 50px;
}

.emp-name input, .payments-listing h3 {
    text-transform: capitalize;
}

#billform h4 {
    padding: 10px 0px 10px 10px;
    border: 1px solid red;
    color: red;
}

.check-mark i {
    color: green;
    padding-left: 0px;
    border: 2px solid green;
    border-radius: 50px;
    margin-left: 2px;
}

.accordion-header .accordion-button::after {
    content: "\f106";
    color: #333;
    right: 25px;
    position: absolute;
    font-family: "FontAwesome";
}

.accordion-header .accordion-button.collapsed::after {
    content: "\f107";
    color: #333;
    right: 25px;
    position: absolute;
    font-family: "FontAwesome";
}

#accordionExample {
    margin-top: 20px;
    margin-bottom: 50px;
}

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

.table-responsive {
    margin-bottom: 50px;
}

.logo .home-link:hover {
    color: #fff;
    text-decoration: none;
}

/*** Media Queries ***/

@media (max-width: 480px) {
  .buttons_area {
    margin-top: 40px;
    display: block !important;
  }

  .btn1 {
    margin-bottom: 30px;
  }

  .btn1 a {
    margin-right: 0px !important;
  }
}

@media (max-width: 767px) {
  .logo a {
    width: 200px;
  }

  .logo .navbar-header {
    float: right;
    margin-top: 11px;
  }
}

@media (max-width: 640px) {
  .success_btns {
    width: 100%;
    display: block;
    margin-top: 20px;
  }

  .invoice_list_btn, .recieve_btn {
    display: flex;
    margin: 0 auto;
    margin-bottom: 10px;
  }

  .invoice_list_btn a, .recieve_btn a {
    margin: 0 auto;
  }

  .print_invoice_btn {
    width: 150px;
    display: flex;
    margin: 0 auto;
  }

  .col-sm-3 {
    max-width: 100% !important;
  }
}

@media (max-width: 980px) {
  .viewbtn {
      display: block;
      margin-top: 10px;
      text-align: center;
      font-size: 13px;
      padding: 0 !important;
      width: 100px;
      display: block;
      height: 35px;
      line-height: 35px;
  }
}