:root {
  /* color */
  --login-label-color: #808080;
  --color-white: #fff;
  --colorblue: #203881;
  --progress-bg: #eeefef;
  --color-danger: #ff0505;
  --cloudy-grey: #696969;
  --color-black: #000;
  --address-color: #333333;
  --nav-link-color:#9197b3;
  /* Font size */
  --font-size-10px: 0.625rem;
  --font-size-12px: 0.75rem;
  --font-size-16px: 1rem;
  --font-size-18px: 1.125rem;
  --font-size-20px: 1.25rem;
  --font-size-24px: 1.5rem;
  --font-size-27px: 1.6875rem;
  --font-size-29px: 1.8125rem;
  --font-size-32px: 2rem;
  --font-size-36px: 2.25rem;
  /* FOnt family */
  --font-family-semibold: 'sofiapro-semibold';
  --font-family-regular: 'sofiapro-regular';
  --font-family-roboto-regular: 'roboto-regular';
  --font-family-roboto-medium: 'roboto-medium';
  --font-family-popppins-regular: 'poppins-regular';
  --font-family-popppins-medium: 'poppins-medium';
  --font-family-popppins-semibold: 'poppins-semibold';

  /* Line height */
  --line-height-31px: 1.938rem;
  --lien-height-37px: 2.313rem;
  --line-height-55px: 3.438rem;
}

@font-face {
  font-family: 'sofiapro-semibold';
  src: url(../fonts/SofiaProSemiBold.ttf);
}

@font-face {
  font-family: 'sofiapro-regular';
  src: url(../fonts/SofiaProRegular.ttf);
}

@font-face {
  font-family: 'sofia-pro-light';
  src: url('../fonts/SofiaProLight.ttf');
}
@font-face {
  font-family: 'roboto-regular';
  src: url('../fonts/Roboto-Regular.ttf');
}
@font-face {
  font-family: 'roboto-medium';
  src: url('../fonts/Roboto-Medium.ttf');
}

@font-face {
  font-family: 'poppins-regular';
  src: url('../fonts/Poppins-Regular.ttf');
}

@font-face {
  font-family: 'poppins-medium';
  src: url('../fonts/Poppins-Medium.ttf');
}

@font-face {
  font-family: 'poppins-semibold';
  src: url('../fonts/Poppins-SemiBold.ttf');
}
.Overview_row {
  display: flex;
  width: 100%;
  margin-top: -21px;
  margin-left: -21px !important;
}

.overview_wrapper {
  margin: auto;
}

.min-height-card-overview {
  min-height: 18rem;
  margin-bottom: 2rem;
  border: 1px solid rgb(100, 97, 97);
  padding: 3rem;
}

.border-bottom-overview {
  border-bottom: 1px solid rgb(100, 97, 97);
  padding-bottom: 1rem;
}

.total-amount-overview {
  padding: 1rem 0;
}

.overview-align {
  margin-left: 80px;
}

.overview-table-spacing {
  margin-bottom: 0.5rem;
}

#edit-overview .form-actions {
  width: 35%;
  margin: auto;
}

#edit-overview [id^='edit-processed-text'] {
  width: 85%;
  margin: auto;
  margin-bottom: 2rem;
}

[id^='edit-document-verify-checkboxes'] .checkbox {
  border: 1px solid black;
  padding: 1rem 0.5rem;
}

.verify-content span {
  float: right;
  margin-right: 2rem;
}

[id^='edit-document-verify-checkboxes'] .control-label {
  width: 100%;
}

[id^='edit-document-verify-checkboxes'] {
  padding-right: 2rem !important;
}

[id^='edit-documents-verification'] .form-item-document-verify-other {
  width: 100% !important;
  padding-right: 2rem;
}

.response-time-price {
  margin-left: 2rem;
}

[id^='edit-documents-verification']
  [id^='edit-container']
  .form-item-upload-file {
  width: 100%;
  padding-right: 2rem;
  padding-left: 1.5rem;
}

main-container-1 {
  border: 1px solid black;
}

/* 
.container-1 {
    margin-bottom: 3%;
    margin: 5% 5% 5% 5%;
} */

.user-details {
  font-size: 20px;
  font-weight: 600;
}

.col-md-3 {
  font-size: 18px !important;
  font-weight: normal !important;
  margin-bottom: 30px;
}

.col-md-9 {
  font-size: 18px !important;
  font-weight: 600;
}

.col-md-5 {
  font-size: 18px !important;
  margin-bottom: 30px;
}

.col-md-7 {
  font-size: 18px;
  font-weight: 600;
}

.back-to-website-btn {
  border: 1px solid #000000;
  border-radius: 5px;
  background-color: transparent;
  padding: 6px 20px;
  margin-right: 1rem;
  box-shadow: none;
  text-decoration: none;
  font-size: 20px;
  line-height: 31px;
  font-family: var(--font-family-regular);
  color: #000;
}

.back-to-website-btn:hover {
  text-decoration: none;
}

.back-to-website-btn:focus {
  outline: none !important;
}

.download-invoice-btn {
  border: 1px solid #0099ff;
  border-radius: 5px;
  background-color: #0099ff;
  padding: 6px 24px;
  color: #fff !important;
  box-shadow: none;
  text-decoration: none;
  font-size: 20px;
  line-height: 31px;
  font-family: var(--font-family-regular);
}

.download-invoice-btn:hover {
  text-decoration: none;
}

.order-successful-wrapper {
  height: calc(100vh - 84px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.success-message-content {
  margin-bottom: 3rem;
  font-size: var(--font-size-24px);
  line-height: var(--lien-height-37px);
  font-family: var(--font-family-regular);
}

.success-message-title {
  margin: 1rem 0;
  font-size: var(--font-size-36px);
  line-height: var(--line-height-55px);
  font-family: var(--font-family-semibold);
}

#successful-page-img {
  width: 40rem;
}

#navbar .navbar navbar-default navbar-static-top {
  margin-top: 40px !important;
}

.dot-maker {
  list-style-type: none;
}

.back-button {
  font-size: 24px !important;
  margin-left: 0px !important;
  color: black !important;
  text-decoration: none !important;
  outline: 0px !important;
  box-shadow: 0px !important;
  margin-right: 1.5rem !important;
}

.dot-maker {
  outline: 0px !important;
  box-shadow: 0px !important;
}

.dot-maker {
  list-style-type: none;
  width: 50%;
  float: left;
}

.dot-maker-1 {
  width: 35%;
  list-style-type: none;
  float: left;
}

.page-wrapper *:focus,
.ui-dialog *:focuis {
  box-shadow: none !important;
  outline: none !important;
}

.mai-block {
  box-shadow: none !important;
}

.image-1 {
  width: 95%;
}

.image-2 {
  width: 85%;
  margin-left: 5px;
  margin-bottom: 10px;
}

.image-3 {
  float: left;
  width: 130%;
}

.image-4 {
  float: left;
  margin-left: 35px;
  margin-top: -20px;
  width: 100%;
}

.col-md-2 {
  margin-left: -11px;
}

.col-md-2 {
  margin-left: -22px;
}

/* 
.container-1 {
    margin: 4% 5% 0% 5%;
} */

/* .container-2 {
    margin: 2% 5% 0% 5%;
}

.container-3 {
    margin: 2% 5% 0% 5%;
}

.container-4 {
    margin-top: 2% ! important;
} */

.col-md-5 {
  font-size: 14px;
}

.col-md-3 {
  font-size: 14px;
  font-weight: normal !important;
}

.Requester-details {
  font-size: 20px;
  font-weight: 600;
}

.page-wrapper *:focus {
  outline: white !important;
  box-shadow: none !important;
}

.price {
  margin-right: 30px !important;
}

#edit-response-time {
  width: 100% !important;
  float: left !important;
}

#respo_time .response-time {
  margin-left: 30px !important;
}

#edit-response-time-2 {
  margin-left: -64px !important;
}

#document_verify-error {
  margin-left: 15px !important;
}

.email_fonts {
  font-size: 18px !important;
}

#respo_time {
  margin-left: -30px !important;
}

/* .col-md-10 {
    margin-top: 5px;
} */

.overview-align {
  margin-top: 5px !important;
}

.border-bottom-overview py-2 {
  margin-top: 20px !important;
}

.page-wrapper *:focus,
.ui-dialog *:focus {
  outline: 0px !important;
}

/* 
 * 
#body-container{
    border: 1px solid #69696966;
    margin-top: 2%;
}
#main-container-1 p{
    font-size: 20px;
    font-weight: 600;
} */
/* 
.view-details-data {
    font-weight: 600;
} */

.accounts-dashboard {
  height: calc(100vh - 100px);
  display: grid;
  align-content: center;
}

.accounts-dashboard-tile {
  border: 1px solid #0099ff !important;
  border-radius: 5px;
  padding: 6rem 20px;
  box-shadow: none;
  text-decoration: none;
  font-size: 20px;
  line-height: 35rem;
  font-family: var(--font-family-regular);
  background-color: transparent;
  color: #0099ff !important;
}

.accounts-dashboard-tile:hover {
  background: #0099ff;
  color: #fff !important;
}

.payment-method-btn {
  padding: 6rem 10rem !important;
}

.payment-back {
  font-size: 20px;
  background: #fff;
  color: #0099ff !important;
  box-shadow: none;
  border: 1px solid #0099ff !important;
  border-radius: 5px;
  text-decoration: none;
}

.payment-back:hover {
  background: #0099ff !important;
  color: #fff !important;
  box-shadow: none;
  border: 1px solid #0099ff !important;
  border-radius: 5px;
  text-decoration: none;
}

.transaction-details {
  float: none !important;
  margin: auto;
}

.transaction-detail-form {
  height: calc(100vh - 100px);
  display: grid;
  align-content: center;
}

.transaction-detail-form .control-label {
  margin-left: 0px !important;
  margin-top: 0px !important;
}

.transaction-detail-form #edit-confirm-button {
  float: right;
}

.form-item-transaction-number {
  border: 1px solid #0000002e;
  padding: 4rem;
  border-radius: 5px;
}

.payment-title {
  font-size: 20px;
}

.draftBtn {
  color: var(--colorblue) !important;
  background-color: var(--color-white) !important;
  border: 1px solid var(--colorblue) !important;
  font-family: var(--font-family-popppins-regular) !important;
  font-size: var(--font-size-16px) !important;
}

.draftBtn:hover {
  background-color: var(--colorblue) !important;
  color: var(--color-white) !important;
}

.submitBtn {
  background-color: var(--colorblue) !important;
  color: var(--color-white) !important;
  border: 1px solid var(--colorblue) !important;
}

.submitBtn:hover {
  background-color: var(--color-white) !important;
  color: var(--colorblue) !important;
}

.backBtn {
  text-decoration: underline !important;
  font-size: var(--font-size-16px) !important;
}


.form-required:after {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 3px;
  content: "" !important;
  vertical-align: super;
  /* Use a background image to prevent screen readers from announcing the text. */
  background-image: url('../images/required.svg');
  background-repeat: no-repeat;
  background-size: 6px 6px;
}

.tableresponsive-toggle-columns .table thead tr th {
  border-collapse: unset !important;
}