/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 25.08.2017, 12:25:46
    Author     : herz
*/
.tred{
    color:red;
}
.tgreen{
    color:green;
}
#output_container{
    width:100%;
}
#output_container input.ref_num,
#output_container input.add_email,
#output_container input.add_licence_plate,
#output_container input.add_email_cc,
#output_container input.add_license_plate,
#output_container input.add_file{
    display: inline-block !important;
    vertical-align: top !important;
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 10px !important;
    background-color: white !important;
    outline: none !important;
    resize: none !important;
    border: none;
    max-width: 300px !important;
    text-align: left !important;
}
#output_container input.add_file_btn{
    width:auto !important;
}
#output_container input.add_file{
    padding:7px !important;
}
#output_container .info strong{
    margin-left:15px;
}

.email_area,.email_cc_area,.upload_area,.license_plate_area{
    max-width:800px;
}
.upload_area .file_list{
    margin-top:10px;
    margin-bottom:10px;
    margin-left:226px;
}
#output_container .submit_btn,
#output_container input.add_file_btn{
    padding: 10px 20px;
    background-color: #00519E;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    cursor: pointer;
    border:0;
    width: 100%;
    max-width:300px;
}
.error_msg{
    color:red;
    display:inline-block;
    padding: 15px 20px;
}
#output_container .detail_wrapper{
    width:100%;
    max-width:800px;
    box-sizing: border-box;
    vertical-align:top;
}
#output_container .label{
    font-weight:bold;
    color:#424242;
    display:inline-block;
    width:30%;
    box-sizing: border-box;
    vertical-align:top;
    padding:5px;
    padding-left:0;
}
#output_container .info{
    color:#424242;
    display:inline-block;
    width:69%;
    box-sizing: border-box;
    vertical-align:top;
    padding:5px;
}
#add_email_error,#add_email_cc_error,#add_license_plate_error{
    color:red;
}
#add_email_success,#add_email_cc_success,#add_license_plate_success{
    color:green;
}
/* Jquery UI accordion START */
#accordion .submit_btn{
    width:auto !important;
}
.info .submit_btn{
    width:10px !important;
}
#customer_email .info{
    padding-left:0px;
}

#accordion h3.ui-accordion-header{
    border-radius: 0 !important;
    border-color:#00519E;
}
#accordion h3.ui-accordion-header.ui-state-active{
    background-color:#00519E;
    border-color:#00519E;
}
div.ui-widget-content{
    background-color:#ECECEC;
    border:1px solid gray;
}
#accordion  .label,
#accordion  .info{
    height:48px;
    vertical-align: middle;
}
#accordion  .label{
    padding-top:14px;
    width:25.5%;
}
#accordion  .info .file_list{
    margin-top:10px;
}
#accordion  .info .file_list li{
    margin-left:20px;
}
.collapse.in{
    height:100%;
}
#accordion div.content{
    display:none ;
}

.hint_statusmail 
{
	display: inline-block;
	max-width: 300px;
	font-size: 1.2em;
	font-weight: bold;
	color:#f00;
	text-align: center;
}

.page_99 input.ref_num,
.page_100 input.ref_num
{
border:1px solid silver!important;
}



/* Jquery UI accordion END */

.print_icon
{
	margin-top:30px;
}

.print_icon .fa
{
	font-size:2em;
	
}

.print_icon .fa:hover
{
	cursor:pointer;
}


@media screen and (max-width:800px){
    #output_container .label,#output_container .info{
        width:100%;
    }
    #accordion  .label{
        width:100%;
    }
    .submit_btn,
    input.add_file_btn{
        width:100%;
    }
    .email_area,.license_plate_area,.upload_area{
        margin-bottom:41px;
    }
    #accordion{
        margin-bottom:20px;
    }
    #accordion{
        z-index:5;
    }
    .header_menu_mob.only_mobile{
        z-index:10;
    }
}
@media screen and (max-width:500px){
    main .content_area .wrapper{
        padding-left:5px;
        padding-right:0;
    }
}