/*
26.07.2021
css pt form 2

*/

.apform_continer{
    border: 1px solid #DDDDDD;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 15px 0;

}
.apform_continer input,
.apform_continer button,
.apform_continer select{
    font-size: 16px;
}
.apform{
    padding: 10px;
}
#app_form_body{/* Inaltimea continerului cu scroll */
    height: 1700px;
    max-width: 700px;
    margin: 20px auto 0;
}
#app_form_body label.l{
    margin: 10px 0 5px;
}
#app_form_body btn{
    margin: 5px 0;
}
.body h6{
    margin: 15px 0 0;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}
.body h5{
    margin: 15px 0 0;
    font-size: 18px;
    font-weight: bold;
}
.req{
    color: #dc3545;
}
.pas20{
    padding-top: 20px;
}
.bold{
    font-weight: bold;
}
.body h2{
    border-bottom: 1px solid #D7D7D7;
    margin-bottom: 30px;
    font-size: 1.6rem;
}
.margin10{
    margin: 10px 0;
}


/* STEPS */
.wizard
{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/*
    Wizard
*/

.wizard  input.error,
.wizard  select.error
{
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}
.wizard  .body  label.error
{
    color: #8a1f11;
    /*display: inline-block;*/
    display: block;
}

.wizard > .content
{
    display: block;
    margin: 0;
    min-height: 35em;
    overflow: hidden;
    position: relative;
    width: auto;
    height: 100%;
}

.wizard > .content > .body
{
    display: none;
    float: left;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 2.5%;
    overflow: auto;
}
.wizard > .content > #step_1{
    display: block;
}
.progress_continer{
    max-width: 650px;
    margin: 0 auto;
}
p.completion_progress{
    margin: 0;
    font-size: 13px;
    text-align: center;
}
.header_adress_info{
    width: 650px;
    max-width: 90%;
    margin: 20px auto;
    text-align: right;
}
.form_templates{
    display: none;
}
.col-btn{
    padding-top: 23px;
}
.employment_continer{
    margin-bottom: 20px;
    padding-bottom: 20px;
}

/* semnatura */
#signature {
    border: 2px dotted black;
    background-color:lightgrey;
}
#parentofsignature{
    width: 100%;
}
.img-responsive{
    max-width: 100%;
}
.curent_signature img{
    max-width: 100%;
}

.show_result_continer{
    max-width: 600px;
    margin: 50px auto;
    background: #0a53be;
}
.show_result_continer .card{
    margin-bottom: 150px;
}
.email_validator_continer{
    width: 600px;
    margin: 0 auto;
    padding: 50px 0;
    max-width: 90%;
}
.email_validator_continer p,
.email_validator_continer label{
    font-size: 16px;
    padding: 1px 0;
}
.email_validator_continer .form-control{
    margin: 3px 0;
}
/*pentru template tracking*/
.tpl_main  .email_validator_continer{
    padding-top: 200px;
}
.tpl_trucking .main-nav{
    margin-top: 10px;
}
.tpl_trucking .header-wrapper{
    top: -20px;
    position: relative;
}
.tpl_trucking .apform_continer{
    border: none;
}
.tpl_trucking .row{
    margin-bottom: 10px;
}

.btn {
    float: none;
    text-transform: none;
}
.btn.pull-right{
    float: right;
}

.SaveDraft{
    margin: 0 20px;
}

.loader_continer{
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99;
    opacity: 0.8;
}
.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 300px;
    left: 50%;
    z-index: 999;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.btn-black{
    background: #000;
    color: #fff;
}
.btn-black:hover{
    color: #AAAAAA;
}