:root
{
    /* Font size */
    --font-size-20px:1.25rem;
    --font-size-24px:1.5rem;
    --font-size-36px:2.25rem;
    /* FOnt family */
    --font-family-semibold:'sofiapro-semibold';
    --font-family-regular:'sofiapro-regular';
    /* 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");
}

.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 -  100px);
    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;
	    flaot: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-row
{
	margin-bottom:3rem;
	font-size:16px;
}
.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;
}