﻿.form-loading {
    background: url(/images/loading.gif) no-repeat center 100px;
    min-height: 700px;
}

.mbd-submit-default {
    display: block;
    position: relative;
  
    margin: 0;
    font-size:1rem;
}

    .mbd-submit-default .sd-fields {
        position: relative;
    }

        .mbd-submit-default .sd-fields .sd-field {
            margin-bottom: 25px;
            min-height: 60px;
        }

            .mbd-submit-default .sd-fields .sd-field .sd-field-text {
                display: inline-block;
                font-size: 15px;
                font-weight: 600;
                margin-bottom: 8px;
            }

            .mbd-submit-default .sd-fields .sd-field .sd-field-required span {
                font-weight: 700;
                display: block;
                color: #ecbc4b;
                padding: 1em;
                background-color: #fff6de;
                margin-top: 10px;
            }


.steps .disabled {
    opacity: 0.5
}

.sd-field-text:has(~ [required="required"])::before {
    content: "*";
    color: var(--accent-color3);
  }
  .GoodsReturnForm textarea,.BorderForm textarea,.ItemEmploymentForm .text-input.theme-default,.EmploymentForm .mbd-field-textarea textarea,
  .EmploymentForm .text-input.theme-default{
    width: 100%;
  }
  .GoodsReturnForm input,.GoodsReturnForm textarea,.BorderForm input,.BorderForm textarea{
    border: 0.1rem solid var(--grey) !important;
  }
  .FormReturnGoods .mbd-submit-default,.ContactUsForm .mbd-submit-default{
    padding: 0 !important;
  }
  .FormReturnGoods button,.ButtonContactUs button,.ItemBottomForm button{
    background-color: var(--coolperpul)!important;
    padding:1rem 5rem !important;
  }
 .BorderItem .selectize-control.single .selectize-input{
  background: none !important;
  padding: 1rem; 
  border: 0.1rem solid var(--grey) !important;
  border-radius: var(--b-radius);
 }

 .BorderItem .selectize-control.single .selectize-input:after {
  content:' ';
  display: block;
  position: absolute;
  top: 40%;
  right:unset !important;
  left:1.3rem !important;
  width:0.5rem;
  height:0.5rem;
 border:0.1rem solid var(--accent-color);
  transform:rotate(45deg);
  border-top-color:transparent;
  border-left-color:transparent;
}
.BorderItem .selectize-control.single .selectize-input::before{
  content:' ';
  display: block;
  position: absolute;
  width: 0.1rem;
  height: 100%;
  border-right:0.1rem solid var(--grey);
  left: 3rem;
  top: 0;
}
.ItemEmploymentForm .ui.input input{
  line-height: 2.5rem !important;
}
.BorderForm .ui.input input{
  line-height: 2em !important;
}


.mbd-submit-default .sd-fields .BorderItem.sd-field,.mbd-submit-default .sd-fields .sd-field.BorderForm,.mbd-submit-default .sd-fields .sd-field.ButtonContactUs{
min-height: unset!important;
}
.ItemEmploymentForm .mbd-field-radiobutton,.BoxRadioButton .mbd-field-radiobutton{
  display: flex;
  justify-content: space-between;
  align-items: center;

}
.ItemEmploymentForm  .radio.theme-default .input-helper:after{
  background:var(--coolperpul);

}

.ItemEmploymentForm .ui.input input,
.ItemEmploymentForm .text-input.theme-default,

.EmploymentForm .ItemUploadImage .ui.input input


{
  border:0.1rem solid var(--grey) !important;
  line-height: 2.5rem !important;
 
  border-radius: var(--b-radius);
}
.ItemEmploymentForm .ui.input input{
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.ItemEmploymentForm textarea{
  line-height:unset !important;
}


.EmploymentForm .mbd-submit-default .sd-fields
{
  padding:2rem 0;
}
.EmploymentForm .ui.input input,.NumberInput .ui.input input{
  border: 0.1rem solid var(--grey) !important;
 
  border-radius: var(--b-radius);
}
.EmploymentForm .text-input.theme-default,.NumberInput .ui.input input{
  min-height: 1rem !important;
  height: unset !important;
  width: 100%;
}
.EmploymentForm .radio.theme-default .input-helper:after{
  background-color: var(--coolperpul);
}
/***************************return goods********************/

.ItemBorder input[type="file"]::file-selector-button{
display:none;
}

.FormReturnGoods input[type="file"] ,.ItemBorder input[type="file"]{
  font-size: 0;
  cursor: pointer;
  background: transparent;
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 2;
  width: 100%;
 border-radius: var(--b-radius);

}
.EmploymentForm input[type="file"]{
  font-size: 0;
  cursor: pointer;
  background: transparent;
  position: absolute;
 
  height: 100%;
  z-index: 2;
  width: 100%;
 border-radius: var(--b-radius);
}
.ItemBorder input[type="file"]{
  height: 100%;
}
.FormReturnGoods .mbd-field-uploadphoto, .ItemBorder  .mbd-field-uploadphoto,.EmploymentForm  .mbd-field-uploadphoto{
 position: relative;
 height: 100%;
}

.FormReturnGoods .Uploadtext,.ItemBorder .Uploadtext{
  background: var(--coolperpul);
  color:var(--white);
 border-radius: var(--b-radius);
  padding: 0.5rem 2rem !important;
}

.FormReturnGoods input::focus {
  border: none !important;
}



.FormReturnGoods input[type="file"]::file-selector-button,.EmploymentForm input[type="file"]::file-selector-button {
  display: none;
}
.FormReturnGoods .mbd-field-textarea{
  height: 100%;
}
.FormReturnGoods button.ui.primary.button {
  margin-top:3rem;
}
/***********************contact us***************************/
.ItemTextUser .mbd-field-textarea {
  height: 100%;
}
.ContactUsForm .ButtonContactUs{
  margin-top:3rem !important;
}
.ItemEmploymentForm .text-input.theme-default,.BorderForm textarea {
  padding:2rem 0;
}
.BorderForm textarea{
  border-radius: var(--b-radius) !important;
}
.ItemEmploymentForm span.ng-binding{
  position: absolute;
  bottom: 1.5rem;
  color:var(--grey);
  font-size:0.9rem;
}
/**********************occpation form*********************/
.EmploymentForm .mbd-field-uploadphoto{
  display: block !important;
}

.EmploymentForm .Uploadtext{
  justify-content: center;
}
.EmploymentForm .Uploadtext strong{
  font-weight:normal;
  margin-top: 0.35rem;
}
.EmploymentForm .NumberInput .text-input.theme-default,
.EmploymentForm .PhoneLastWorkPlace .text-input.theme-default,
.EmploymentForm .ui.input input,
 .NumberInput .ui.input input,.ItemUploadImage .text-input.theme-default {
  line-height:2rem !important;
  padding:0.4rem;
  border-radius:var(--b-radius);
  border:0.1rem solid var(--grey)
}


.ItemJobCareer.sd-field .radio.theme-default + .radio,.ItemJobCareer.sd-field .checkbox.theme-default + .checkbox.theme-default{
  margin-top: unset !important;
}