.main-card{
    box-shadow: 0px 0px 0px 0px !important;
    border-radius:20px !important ;
}
.customize-tabs {
    height: 60px;
    width: 100%;
    background-color: #f1f4f6;
    display: flex;
    order: 0;
}
#billing-preview .error{
  font-size: 12px;
  margin-bottom: 3px;
  color: red;
}
.tab-orders {
    display: flex;
    align-items: center;
    justify-content: center;
        text-align: center;
     width: 243px;
     height: 60px;
     background: white;
     border-top-right-radius: 20px;
     border-top-left-radius: 20px;
     margin-left: 20px;
     color: #1075BA;
     font-size: 26px;
     line-height: 30px;
     font-style: normal;
     font-weight: 800;
     font-family: Manrope;
     letter-spacing: 1px;
}
@media screen and (max-width:500px) {
.tab-orders {
    font-size: 16px;
    line-height: 26px;
    width: 160px;
    }
}
.design-assign-body {
    width: 100%;
    padding: 0% 5%;
}
.design-item img {
    margin-top: 9px;
    margin-bottom: 8px;
}

.sel-design-header {
text-align: center;
}

.sel-design-header-title {
    font: normal normal 800 26px/36px Manrope;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

.sel-design-header-guide {
    font: normal normal 800 12px/19px Manrope;
    letter-spacing: 1.2px;
    color: #212262;
    text-transform: uppercase;
}
.design-item {
    padding: 37px 69px 26px 69px;
    width: 408px;
    height: 309px;
    background: #F6FAFD 0% 0% no-repeat padding-box;
    
    border-radius: 20px;
    text-align: center;
}
@media screen and (max-width:1450px) {
  .design-item {
    width: 75%;
    margin-top: 40px;
}
}
.selected-design-item {
    padding: 25px 29px 22px 28px;
    width: 331px;
    height: 438px;
    background: #F6FAFD 0% 0% no-repeat padding-box;
    border: 2px solid #1075BA;
    border-radius: 20px;
    text-align: center;
}
.selected-design-item img {
    margin-top:15px;
    margin-bottom: 15px;
}
.design-item:hover {
    border: 2px solid #1075BA;
}
.selected-card-style {
    border: 2px solid #1075BA;
}
.design-title {
    font: normal normal 800 14px/19px Manrope;
    letter-spacing: 1.4px;
    color: #212262;
    text-transform: uppercase;
}
.fitness-center {
font: normal normal bold 16px/26px Manrope;
letter-spacing: 0px;
color: #000000;
}
.design-branch-name {
    font: normal normal 600 12px/19px Manrope;
letter-spacing: 1.2px;
color: #212262;
text-transform: uppercase;
}

.back-btn {
    width: 75px;
    height: 50px;
    border-radius: 25px;
    border: 1px solid #AEAEAE;
    font: normal normal 600 16px/26px Manrope;
letter-spacing: 0px;
color: #AEAEAE;
}
.next-btn {
    width: 92px;
height: 50px;
background: transparent linear-gradient(92deg, #1075BA 0%, #1073B8 0%, #212262 100%) 0% 0% no-repeat padding-box;
border-radius: 25px;
font: normal normal 600 16px/26px Manrope;
letter-spacing: 0px;
color: #FFFFFF;
margin-right: 2%;
}
#design-list {
    margin-left: 30px;
    margin-right: 30px;
}
.modal-custom-proof {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 20; /* Sit on top */
    padding-top: 30px; /* Location of the box */
    padding-bottom: 20px;
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
#order-items-table {
  width: 100%;
}
#order-items-table tr td:last-child {
  border-top-right-radius: 47px !important;
  border-bottom-right-radius: 47px !important;
  border-left-width: 0px !important;
}
#order-items-table tr td {
  font: normal normal 600 16px/26px Manrope;
  letter-spacing: 0px;
  color: #231F20;
}
#order-items-table tfoot tr td:first-child {
  font-size: 12px !important;
  font-family: Manrope !important;
  font-weight: 800 !important;
  font-style: normal !important;
  line-height: 19px !important;
  letter-spacing: 1.2px !important;
  color: #212262 !important;
  text-transform: uppercase !important;
  border-top-left-radius: 47px !important;
    border-bottom-left-radius: 47px !important;
}
#order-items-table th {
  background: transparent;
  font-style: normal;
  font-weight: 800;
  font-size: 12px;
  line-height: 19px;
  font-family: Manrope;
  letter-spacing: 1.2px;
  color: #212262;
  text-transform: uppercase;
  opacity: 1;
}
.modal-content-create-order {
    top: 7%;
    border-radius: 20px;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 482px;
    height: 382px;
    background-image: url('../../images/proofedback.png');
    border-radius: 20px;
  }
  @media screen and (max-width:500px) {
    .modal-content-create-order {
      width: 340px;
    }
  }

  .close {
    color: #F6FAFD;
    float: right;
    width: 22.22px;
    height: 22.22px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: #F6FAFD;
    text-decoration: none;
    cursor: pointer;
  }
  .modal-proofed {
    text-align: center;
    margin-top: 25px;
  }
  .question-title {
    text-align: center;
    width: 228px;
    height: 72px;
    font: normal normal 800 26px/36px Manrope;
    letter-spacing: 1.2px;
    color: #F6FAFD;
    margin-top: 8px;
  }
  .description {
    width: 229px;
    height: 48px;
    text-align: center;
    font: normal normal normal 16px/26px Manrope;
    letter-spacing: 0.5px;
    color: #F6FAFD;
    opacity: 0.8;
  }
  .modal-actions-btns {
    margin-top: 25px;
    
  }
  .btn-edit {
    width: 141px;
    height: 50px;
    font: normal normal 600 16px/26px Manrope;
    letter-spacing: 1px;
    color: #AEAEAE;
    border: 1px solid #AEAEAE;
    border-radius: 25px;
    margin-right: 25px;
  }

  .btn-continue {
    width: 127px;
    height: 50px;
    background: transparent linear-gradient(92deg, #1075BA 0%, #1073B8 0%, #212262 100%) 0% 0% no-repeat padding-box;
    border-radius: 25px;
    font: normal normal 600 16px/26px Manrope;
    letter-spacing: 1px;
    color: #FFFFFF;
  }

  .disclaimer {
    width: 331px;
    height: 274px;
    background: #F9F9FA 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding:21px 22px 27px 22px;
    margin-top: 20px;
  }
.disclaimer-title {
    display: flex;
    text-align: start;
    align-items: center;
}
.disclaimer-title p {
    font: normal normal 800 12px/19px Manrope;
    letter-spacing: 1.2px;
    color: #212262;
    text-transform: uppercase;
    margin-left: 15px;
    margin-bottom: -6px;
}
  .disclaimer-description {
    text-align: left;
    font: normal normal normal 14px/22px Manrope;
    letter-spacing: 0px;
    color: #707070;
  }

.employee-body, .assign-employee-body {
    margin-top: 10px;
    border: 1px solid #AEAEAE;
    border-radius: 10px;
    width: 100%;
    height: 639px;
    overflow: auto;
}
.employee-body table tr:nth-child(2n), .assign-employee-body table tr:nth-child(2n){
    background: #F9F9FA 0% 0% no-repeat padding-box;
}
.employee-body table td, .assign-employee-body table td {
    border-style: none;
    font: normal normal 800 14px/19px Manrope;
letter-spacing: 1px;
color: #000000;
}
.employee-body table th, .assign-employee-body table th{
    font: normal normal 800 12px/19px Manrope;
    letter-spacing: 1.2px;
    color: #212262;
    text-transform: uppercase;
}

.add-employee p {
    font: normal normal normal 16px/26px Manrope;
letter-spacing: 0px;
color: #231F20;
margin-bottom: 5px;
}

.assign-btn, .not-assign-btn {
    background: #F6FAFD 0% 0% no-repeat padding-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #AEAEAE;
    border-radius: 2px;
    width: 59px;
    height: 59px;
}
.assign-btn:hover, .not-assign-btn:hover {
    border: 2px solid #1075BA;
}


.input-grey-rounded{
    font-size: 16px;
    line-height: 1.5;
    background: #F9F9FA;
    border: 1px solid #D5D9DB;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%238C92A0' d='M11.44 10.73l4.41 4.42a.5.5 0 1 1-.7.7l-4.42-4.41a6.5 6.5 0 1 1 .7-.7v-.01zM6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11z'></path></svg>");
    background-repeat: no-repeat;
    background-position: 96% 13px;
    background-size: 20px 20px;
    border-radius: 100px;
    width: 100%;
    padding: 0.5em 1em 0.5em 2.5em;
    height: 48px;
    } 
    
    .input-grey-rounded::placeholder{
        color: #707070;
    }
    
    .input-grey-rounded:focus {
      outline: none;
      background-color: #FFF;
      border: 1px solid #84A2FA;
    }


/* DataTable Customize */
.customized-table {
 width: 100%;
}
.customized-table td,
th {
	text-align: center;
	padding: .5rem 1rem;
}
.customized-table table {
    border-collapse:unset;
    border-spacing: 0cm;
}
.customized-table tbody tr:nth-child(odd) {
	background: #F9F9FA 0% 0% no-repeat padding-box;
}

.customized-table th {
	background: transparent;
    font-style: normal;
    font-weight: 800;
    font-size: 12px;
    line-height: 19px;
    font-family: Manrope;
    letter-spacing: 1.2px;
    color: #212262;
    text-transform: uppercase;
    opacity: 1;
}
.customized-table th:first-child { 
  text-align: left;
  padding-left: 35px;
}
/* tr:hover td{
   border-top-style:dotted;
} */
/* .customized-table tr:hover td{
    border: 1px solid #1075BA;
} */
.customized-table tr:hover td:not(:first-child):not(:last-child){
    border-right-style: none;
    border-left-style: none;
}
.customized-table tr:hover td:first-child{
    border-right-style: none;
}
.customized-table tr:hover td:last-child{
    border-left-style: none;
}
.customized-table tfoot tr {
  background: #DEE1E3 0% 0% no-repeat padding-box;
border-radius: 47px;
}

.customized-table tr td {
    text-align: center;
    font: normal normal 600 16px/26px Manrope;
    letter-spacing: 0px;
    color: #231F20;
    opacity: 1;
    height: 60px;
}
.customized-table tr td input {
  background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #DEE1E3;
border-radius: 47px;
}
.customized-table tr td:first-child {
    text-align: left;
    padding-left: 35px;
    font: normal normal 600 16px/26px Manrope;
    letter-spacing: 0px;
    color: #231F20;
    opacity: 1;    
    border-top-left-radius: 47px;
    border-bottom-left-radius: 47px;
  }
  
  .customized-table tr td:last-child {
    border-top-right-radius: 47px;
    border-bottom-right-radius: 47px;
  }

    

.shipping-body, .billing-body {
  background: #F6FAFD 0% 0% no-repeat padding-box;
  border-radius: 10px;
  padding: 10px 60px;
  margin-left: 60px;
}

#shipping-add label, #billing-add label {
  font: normal normal normal 16px/26px Manrope;
  letter-spacing: 0px;
  color: #231F20;
}
#primary-branch {
  font: normal normal bold 16px/26px Manrope;
  letter-spacing: 0px;
  color: #000000;
}
.shipping-body input, .billing-body input {
  height: 40px;
}

.detail-title {
  font: normal normal 800 12px/19px Manrope;
letter-spacing: 1.2px;
color: #212262;
text-transform: uppercase;
}

.head-title {
  font: normal normal 800 26px/36px Manrope;
  letter-spacing: 0px;
  color: #000000;
}

.inf {
  font: normal normal normal 16px/26px Manrope;
  letter-spacing: 0px;
  color: #231F20;
}
.right-content {
  margin-left: 70px;
}

.tfoot-td {
  font: normal normal 800 12px/19px Manrope !important;
  letter-spacing: 1.2px !important;
  color: #212262 !important;
  text-transform: uppercase;
}

#shipping-policy h1{
  font: normal normal 800 26px/36px Manrope;
letter-spacing: 0px;
color: #000000;
}

.policy-details {
  padding: 5px;
  background: #F9F9FA 0% 0% no-repeat padding-box;
border-radius: 10px;
}
.policy-details h3 {
  font: normal normal bold 16px/26px Manrope;
letter-spacing: 0px;
color: #000000;
}
.policy-details p {
  font: normal normal normal 16px/26px Manrope;
letter-spacing: 0px;
color: #231F20;
}
#agreewrap label {
  font: normal normal bold 16px/26px Manrope;
letter-spacing: 0px;
color: #231F20;
}
.confirm-order {
  background: transparent linear-gradient(91deg, #1075BA 0%, #1073B8 0%, #212262 100%) 0% 0% no-repeat padding-box;
border-radius: 25px;
width: 162px;
height: 50px;
font: normal normal 600 16px/26px Manrope;
letter-spacing: 0px;
color: #FFFFFF;
}
.continue-buttton {
  background: transparent linear-gradient(91deg, #1075BA 0%, #1073B8 0%, #212262 100%) 0% 0% no-repeat padding-box;
  border-radius: 25px;
  width: 132px;
  height: 50px;
}
.payment-submit {
    margin-top: 21px;
    width: 181px !important;
    height: 50px;
    background: transparent linear-gradient(91deg, #1075BA 0%, #1073B8 0%, #212262 100%) 0% 0% no-repeat padding-box !important;
    border-radius: 25px !important;
    font: normal normal 600 16px/26px Manrope;
    letter-spacing: 0px;
    color: #FFFFFF !important;
}
#payment-form {
  text-align: center;
}
#payment-form h3 {
  margin-bottom: 21px;
  font: normal normal 800 26px/36px Manrope;
letter-spacing: 0px;
color: #000000;
}
.payment-unsuccess,.payment-success {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 70px 0px 140px 0px;
}
.unsuccess-result-body {
  padding-top: 130px;
  text-align: center;
  width: 903px;
  height: 500px;
  background: #F9F9FA 0% 0% no-repeat padding-box;
  border-radius: 20px;
}
.unsuccess-result-body h3{
  font: normal normal 800 26px/36px Manrope;
  letter-spacing: 0px;
  color: #FF0040;
  margin-top: 15px;
}
.unsuccess-result-body p{
  font: normal normal normal 16px/26px Manrope;
letter-spacing: 0px;
color: #FF0040;
}
.unsuccess-result-body h4{
  font: normal normal bold 16px/26px Manrope;
letter-spacing: 0px;
color: #231F20;
}
.unsuccess-result-body button {
  margin-top: 10px;
  background: transparent linear-gradient(92deg, #1075BA 0%, #1073B8 0%, #212262 100%) 0% 0% no-repeat padding-box;
border-radius: 25px;
font: normal normal 600 16px/26px Manrope;
letter-spacing: 0px;
color: #FFFFFF;
width: 93px;
height: 50px;
}
.success-result-body {
  padding-top: 60px;
  text-align: center;
  width: 903px;
  height: 500px;
  background: #F9F9FA 0% 0% no-repeat padding-box;
  border-radius: 20px;
}
.success-result-body .greeting {
  font: normal normal 800 12px/19px Manrope;
  letter-spacing: 1.2px;
  color: #212262;
  text-transform: uppercase;
  margin-top: 15.19px;
  margin-bottom: 2px;
}
.success-result-body .order-complete {
  font: normal normal 800 26px/36px Manrope;
  letter-spacing: 0px;
  color: #1075BA;
  margin-bottom: 15px;
}
.success-result-body .email-confirm {
  font: normal normal normal 16px/26px Manrope;
  letter-spacing: 0px;
  color: #231F20;
  margin-bottom: 21px;
  
}
.success-result-body .order-id-title {
  font: normal normal 800 12px/19px Manrope;
letter-spacing: 1.2px;
color: #212262;
text-transform: uppercase;
}
.success-result-body .completed-order-id {
  width: 165px;
  height: 77px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 53px;
  text-align: center;
  font: normal normal 800 40px/56px Manrope;
  letter-spacing: 0px;
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.success-result-body button {
  margin-top: 30px;
  background: transparent linear-gradient(92deg, #1075BA 0%, #1073B8 0%, #212262 100%) 0% 0% no-repeat padding-box;
border-radius: 25px;
font: normal normal 600 16px/26px Manrope;
letter-spacing: 0px;
color: #FFFFFF;
width: 136px;
height: 50px;
}
.close-complete {
  float: right;
    font-size: 28px;
    font-weight: bold;
}