#claim form.hide {
    display: none;
}

#claim h3 {
    font-size:22px;
    margin-bottom: 10px;
}

#claim fieldset {
    margin-bottom: 25px;
}

#claim legend {
    width: 100%;
    margin: 10px 0;
    text-transform: uppercase;
}

#claim #notice-confirmation {
    box-sizing: border-box;
}

#claim #notice-confirmation div {
    float: left;
    margin-bottom: 15px;
    box-sizing: border-box;
}

#claim #contact-info div {
    float: left;
    margin-bottom: 15px;
    padding-right: 50px;
    box-sizing: border-box;
}

#claim #contact-info div.hide {
    display: none;
}

#claim #notice-confirmation div {
    width: 100%;
    margin: 10px 0;
}

#claim #notice-confirmation input:not([type="submit"]),
#claim #contact-info input,
#claim #contact-info select {
    width: 100%;
    border: 1px solid #eaeaea;
    padding: 5px 15px;
    font-size: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #000000;
    background: #eaeaea;
}

#claim #contact-info select {
    height: 36px;
    padding-left: 10px;
}

#claim #payment select {
    width: 100%;
    border: 1px solid #eaeaea;
    padding: 5px 15px;
    font-size: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #000000;
    background: #eaeaea;
}

/*#claim #payment select {
    height: 36px;
    padding-left: 10px;
}*/

#claim #notice-confirmation label,
#claim #contact-info label {
    float: left;
    clear: left;
    padding-left: 15px;
    width: 100%;
    box-sizing: border-box;
}

#claim #documentation #file-upload {
    padding: 5px;
    color: #000000;
}

#claim #documentation #file-description {
    font-size: 20px;
    padding: 5px 15px;
    background: #eaeaea;
    width: 400px;
    margin-right: 15px;
    border: 2px solid #eaeaea;
    border-bottom: 1px solid #000000;
}

#claim #documentation #file-add {
    background: #00457d;
    color: #fff;
    padding: 10px 0;
    border: none;
    outline: none;
    border-radius: 5px;
    vertical-align: top;
    margin: 0 auto;
    width: 85px;
    cursor: pointer;
}

#claim #documentation #file-list {
    width: 100%;
    max-width: 800px;
    border: 1px solid #000000;
}

#claim #documentation #file-list.hide,
#claim #documentation #no-files.hide {
    display: none;
}

#claim #documentation #file-list li {
    border-bottom: 1px dashed #000000;
    margin: 0;
    padding: 5px 10px;
}

#claim #documentation #file-list li:nth-child(even) {
    background: #eaeaea;
}

#claim #documentation #file-list li:last-child {
    border-bottom: none;    
}

#claim #documentation #file-list .filename {
    margin: 0 15px;
}

#claim #documentation #file-list .remove {
	float: right;
	height: 15px;
	width: 15px;
	cursor: pointer;
	position: relative;
	display: block;
	margin: 5px;
	padding: 0;
	/*background:initial;*/
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

#claim #documentation #file-list .remove span:before,
#claim #documentation #file-list .remove span:after {
	display: block;
	position: absolute;
	content: '';
	background: #00457d;
	height: 3px;
	top: 6px;
	left: 0px;
	width: 15px;
}

#claim #documentation #file-list .remove span:before {
	transform: rotate(-45deg);
	transition: 0.25s
}

#claim #documentation #file-list .remove span:after {
	transform: rotate(45deg);
	transition: 0.25s
}

#claim #documentation #file-list .remove:hover span:before {
	transform: rotate(45deg);
	transition: 0.25s
}

#claim #documentation #file-list .remove:hover span:after {
	transform: rotate(135deg);
	transition: 0.25s
}

#claim #certification div {
    display: inline-block;
}

#claim form label[for="signature"] {
    vertical-align: middle;
}

#claim #certification #signature {
    border: 2px solid #eaeaea; 
    border-bottom: 1px solid #000000;
    margin-right: 50px;
    font-size: 20px;
    padding: 5px 15px;
    background: #eaeaea;
}

#claim #certification #date {
    width: 150px;
    text-align: center;
    padding: 7px 15px;
    font-size: 20px;
    background: #d3d3d3;
    border: none;
}

#claim #submit-guard,
#claim #skip-guard,
#claim #submit-claim,
#claim #confirmation #buttons a,
#claim #confirmation #files .retry {
    background: #00457d;
    color: #fff;
    padding: 10px 0;
    border: none;
    outline: none;
    border-radius: 5px;
    display: block;
    width: 85px;
    cursor: pointer;
}

#claim #submit-claim {
    margin: 0 auto;
}

#claim input.error,
#claim select.error,
#claim textarea.error {
    border: 1px solid #ca0000 !important;
}

#claim p.error,
#claim span.error,
#claim label.error,
#claim strong.error {
    color: #ca0000 !important;
}

#claim #file-upload.error {
    background: #ffd4d4;
}

#claim input.warning,
#claim select.warning {
    border: 2px solid #eb8d00 !important;
}

#claim label.warning,
#claim label span.warning {
    color: #eb8d00;
}

#claim #file-upload.warning {
    background: #fed8a1;
}

#claim input[disabled],
#claim select[disabled] {
    background: #d3d3d3 !important;
    border: 2px solid #d3d3d3 !important;
    cursor: default !important;
}

#claim input:focus, 
#claim select:focus,
#claim textarea:focus {
    outline: none;
    box-shadow: 0 0 5px 1px #00457d;
}

#claim #message1,
#claim #message2 {
    text-align: center;
    font-size: 20px;
    clear: both;
}

#claim #message1.error,
#claim #message2.error {
    color: #ca0000;
}

#claim #message1.info,
#claim #message2.info {
    color: #00457d;
}

#claim #confirmation h2 {
    color: #00457d;
    margin-bottom: 15px;
}

#claim #confirmation h3 {
    color: #00457d;
    font-weight: bold;
    margin-bottom: 15px;
}

#claim #confirmation .title {
    border-bottom: 1px solid #000000;
    padding: 10px 50px;
    font-size: 22px;
    display: block;
    width: 210px;
    margin: 0 auto;
}

#claim #confirmation table {
    margin-top:25px;
    border: none;
}

#claim #confirmation.hide,
#claim #confirmation tr.hide,
#claim #confirmation p.hide {
    display: none;
}

#claim #confirmation td {
    padding: 5px;
    width: 50%;
}

#claim #confirmation td:first-child {
    text-align: right;
}

#claim #confirmation td:last-child {
    text-align: left;
    font-weight: bold;
}

#claim #confirmation #confirmation_claim_info {
    padding-top: 15px;
    text-decoration: underline;
    text-align: center;
}

#claim #confirmation #buttons {
    width: 500px;
    margin: 0 auto;
}

#claim #confirmation #buttons a {
    text-align: center;
    text-decoration: none;
}

#claim #confirmation #buttons a:first-child {
    float: left;
}

#claim #confirmation #buttons a:last-child {
    float: right;
}

#claim #confirmation #files .retry {
    display: inline-block;
    text-align: center;
    margin-left: 10px;
}

#claim #confirmation #files .retry.hide {
    display: none;
}

#claim a.print-page {
    text-decoration: underline;
    cursor: pointer;
}

@media (max-width: 900px) {
    #claim #guard fieldset,
    #claim #guard p {
        clear: left;
        width: 100%;
    }

    #claim #submit-guard,
    #claim #skip-guard {
        margin: 0 auto;
    }
}

@media (max-width: 800px) {
    #claim ul.outside {
        padding-left: 20px;
    }

    #claim #contact-info div {
        width: 100%;
        padding-right: 0;
    }
    
    #claim #certification #signature {
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 15px;
        margin-right: 0;
    }

    #claim form label[for="date"],
    #claim #certification #date {
        float: left;
        clear: left;
    }

    #claim #documentation #file-description {
        width: 100%;
        margin: 10px 0;
        box-sizing: border-box;
    }
}

@media (max-width: 500px) {
    #claim #confirmation td {
        text-align:center !important;
        width: 100% !important;
        display: block;
    }

    #claim #confirmation td:last-child{
        margin-bottom: 15px;
    }
}