@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto+Condensed&display=swap');

/* Color Variables */
:root {
	--blue: #1276C7;
	--dark-blue: #0E2F4B;
	--green: #119C2E;
	--light-green: #C5F6BB;
	--l1-yellow: #FFEEC2;
	--l1-blue: #CDE3F3;
	--l2-blue: #B8D7EF;
	--l3-blue: #9EC8E9;
	--l4-blue: #86B9E3;
	--l1-red: #FBCFD1;
	--l2-red: #F9B5B8;
	
}
@supports (color: color(display-p3 1 1 1)) {
	:root {
		--blue: color(display-p3 0 0.46 0.781 / 1);
		--dark-blue: color(display-p3 0.053 0.183 0.296 / 1);
		--green: color(display-p3 0.066 0.613 0.181 / 1);
		--light-green: color(display-p3 0.775 0.964 0.736 / 1);
		--l1-yellow: color(display-p3 1 0.932 0.76 / 1);
		--l1-blue: color(display-p3 0.802 0.89 0.951 / 1);
		--l2-blue: color(display-p3 0.721 0.843 0.938 / 1);
		--l3-blue: color(display-p3 0.619 0.783 0.913 / 1);
		--l4-blue: color(display-p3 0.526 0.724 0.892 / 1);
		--l1-red: color(display-p3 0.985 0.813 0.819 / 1);
		--l2-red: color(display-p3 0.977 0.711 0.721 / 1);
	}	
}

body {font-family: 'Open Sans', Arial, Helvetica, sans-serif;font-size: 14px;margin: 0;padding: 0;background: #fff;}
h1, h2 {font-weight: 400;font-family: 'Roboto Condensed', 'Open Sans', Arial, Helvetica, sans-serif;}

/* Header and Menu */
.pc-header-wrapper {background: var(--blue);background: linear-gradient(90deg, var(--blue) 0%, var(--dark-blue) 100%); color: #fff;padding: 0 20px;}
.pc-header {display: flex;padding: 20px;}
.pc-header-logo {flex: 50%;}
.pc-header-logo #pc_logo {max-width: 240px;}
.login-info {flex: 50%;text-align: right;}
.login-info .btn-signout {color: #fff;text-decoration: none;border-bottom: 1px solid #fff;}
.login-info .btn-signout:hover {color: var(--green);border-color: var(--green);}
.pc-main-nav .pc-nav {list-style: none;padding: 0;margin: 0;}
.pc-main-nav .pc-nav li {display: inline-block;}
.pc-main-nav .pc-nav li a {display: block;text-align: center;padding: 6px 20px;color: #fff;text-decoration: none;margin-right: 2px;border-top-right-radius: 5px;border-top-left-radius: 5px;background-color: rgba(0,0,0,.3);font-size: .88em;}
.pc-main-nav .pc-nav li a:hover {background-color: #fff;color: #000;}
.pc-main-nav .pc-nav li .active {background-color: #fff;color: #000;font-weight: bold;padding-top: 16px;}

/* General Tables and buttons */
.table-general {width: 100%;border-collapse: collapse;font-size: 1em;}
.table-general thead {border: 1px solid var(--blue);border-bottom: none;}
.table-general thead tr {background-color: var(--blue);color: #fff;}
.table-general tbody {border: 1px solid #bbb;border-top: none;}
.table-general th, .table-general td {padding: 5px 10px;border-right: 1px solid rgba(0,0,0,.1);}
.table-general th:last-child, .table-general td:last-child {border-right: none;}
.table-general tbody tr {border-bottom: 1px solid rgba(0,0,0,.2);background-color: #fff;}
.table-general tbody tr:last-child {border-bottom: none;}
.table-general tbody tr:nth-child(even){background-color: #eee;}
.btn-general {display: inline-block;text-align: center;text-transform: uppercase;box-sizing: border-box;padding: 10px;background-color: var(--blue);border-radius: 3px;color: #fff;cursor: pointer;flex-grow: 1;text-decoration: none;border: none;}
.btn-general:hover {filter: brightness(105%);}
.table-clickable tbody tr:hover {filter: brightness(90%);cursor: pointer;}
.btn-edit {display: block;background: #c7c7c7;padding: 4px 10px;font-size: .75em;border-radius: 3px;text-transform: uppercase;color: #000 !important;text-decoration: none;font-weight: bold;border: 1px solid #999;text-align: center;}
.btn-edit:hover {filter: brightness(105%);cursor: pointer;}
.btn-add {display: inline-block;font-size: 1em;text-decoration: none;color: #333;background: #c7c7c7;padding: 6px 12px;border-radius: 3px;}
.btn-add:hover {filter: brightness(105%);}
.btn-download {display: inline-block;font-size: 1em;text-decoration: none;color: #333;background: #c7c7c7;padding: 6px 12px;border-radius: 3px;position: absolute;top: 20px;right: 20px;}
.btn-download:hover {filter: brightness(105%);}
input + .btn-add {margin-top: 10px;}

/* Footer */
.pc-footer {text-align: center;font-size: .75em;padding: 30px;color: #666;}
.pc-footer a:link {color: #333;margin-left: 5px;margin-right: 5px;}
.pc-footer a:hover {color: var(--blue);}


.pc-content {display: flex;flex-wrap: wrap;min-height: 520px;position: relative;}
.pc-content h1, .pc-content h2 {font-size: 1.5em;font-weight: 400;margin: 0 0 10px 0;font-family: 'Roboto Condensed', 'Open Sans', Arial, Helvetica, sans-serif;}
.pc-search {margin-bottom: 30px;}
.flex-side {flex: 30%;max-width: 380px;padding: 30px 20px;box-sizing: border-box;}
.flex-main {flex: 100%;padding: 30px 20px;box-sizing: border-box;}
.flex-side + .flex-main {flex: 70%;}

/* Search */
.pc-search input[type='text'] {display: block;border: 1px solid #ccc; border-radius: 3px;padding: 8px;width: 100%; box-sizing: border-box;font-size: 1em;margin-bottom: 10px;}
.pc-search select {display: block;padding: 5px;width: 100%; box-sizing: border-box;font-size: 1em;margin-bottom: 10px;}
.pc-search input[type='submit'] {display: block;text-align: center;text-transform: uppercase;box-sizing: border-box;padding: 10px;background-color: var(--blue);border-radius: 3px;color: #fff;-webkit-appearance: none;border: none;font-size: 1em;width: 100%;cursor: pointer;}
.pc-search input[type='submit']:hover {filter: brightness(110%);}
.pc-search .expanded-search {font-size: .75em;color: #666;margin-bottom: 10px;}
.pc-search .btn-searchopts {font-size: 0.417em;color: var(--blue);font-weight: normal;text-transform: uppercase;}

/* Recently Viewed */
.pc-recent table {border-collapse: collapse;font-size: .88em;width: 100%;}
.pc-recent table th, .pc-recent table td {text-align: left;}
.pc-recent table td {padding: 5px;}
.pc-recent table tbody tr {border-bottom: 1px solid #ccc;background-color: #fff;}
.pc-recent tbody tr:hover {filter: brightness(90%);cursor: pointer;}

/* Search Results */
.search-results {width: 100%;border-collapse: collapse;font-size: 1em;}
.search-results thead {border: 1px solid var(--blue);border-bottom: none;}
.search-results thead tr {background-color: var(--blue);color: #fff;}
.search-results tbody {border: 1px solid #bbb;border-top: none;}
.search-results th, .search-results td {padding: 5px 10px;border-right: 1px solid rgba(0,0,0,.1);}
.search-results th:last-child, .search-results td:last-child {border-right: none;}
.search-results tbody tr {border-bottom: 1px solid rgba(0,0,0,.2);background-color: #fff;}
.search-results tbody tr:last-child {border-bottom: none;}
.search-results tbody tr:nth-child(even){background-color: #eee;}
.search-results tbody tr:hover {filter: brightness(90%);cursor: pointer;}
.search-results tbody td {vertical-align: top;}
.search-filters {margin-bottom: 10px;}
.search-filters .searchbox {border: 1px solid #ccc; padding: 8px;font-size: 1em;margin-right: 5px;margin-left: 5px;border-radius: 3px;}
.search-filters select {display: inline-block;padding: 6px;box-sizing: border-box;font-size: 1em;}
.search-filters input[type='button'] {display: inline-block;text-align: center;text-transform: uppercase;box-sizing: border-box;padding: 9px;background-color: #bbb;border-radius: 3px;color: #333;-webkit-appearance: none;border: none;font-size: 1em;cursor: pointer;}
.search-filters input[type='button']:hover {filter: brightness(110%);}
.term-notes {font-size: .75em;}
.term-notes:not(:empty){display: block;}

/* Import Issues */
.import-issues {width: 100%;border-collapse: collapse;font-size: 1em;}
.import-issues thead {border: 1px solid var(--blue);border-bottom: none;}
.import-issues thead tr {background-color: var(--blue);color: #fff;}
.import-issues tbody {border: 1px solid #bbb;border-top: none;}
.import-issues th, .import-issues td {padding: 5px 10px;border-right: 1px solid rgba(0,0,0,.1);}
.import-issues th:last-child, .import-issues td:last-child {border-right: none;}
.import-issues tbody tr {border-bottom: 1px solid rgba(0,0,0,.2);background-color: #fff;}
.import-issues tbody tr:last-child {border-bottom: none;}
.import-issues tbody tr:nth-child(even){background-color: #eee;}
.import-issues tbody td {vertical-align: top;}
.import-issues .btn-general {font-weight: bold;font-size: .75em;padding: 4px 8px;width: 100%;display: block;background-color: #c7c7c7;color: #333;}
.contract-errors {margin-bottom: 30px;}
.contract-errors .error {display: inline-block;background: #900;color: #fff;padding: 5px 10px;border-radius: 5px;}
.import-contract-form-wrapper form {display: flex;flex-direction: row-reverse;gap: 20px;}
.import-contract-form-wrapper form select {font-size: 1em;padding: 5px;box-sizing: border-box;width: 100%;margin-top: 8px;}
.import-contract-form-wrapper form input{font-size: 1em;padding: 8px;box-sizing: border-box;width: 100%;margin-bottom: 10px;margin-top: 5px;border-radius: 3px;border: 1px solid #ccc;}
.import-contract-form-wrapper form input[type='submit'] {display: inline-block;text-align: center;text-transform: uppercase;box-sizing: border-box;padding: 10px;background-color: var(--blue);border-radius: 3px;color: #fff;-webkit-appearance: none;border: none;font-size: 1em;cursor: pointer;}
.import-contract-form-wrapper form input[type='submit']:hover {filter: brightness(110%);}
.import-contract-form-wrapper form .form-column {width: 30%;flex-grow: 1;display: flex;flex-direction: column;gap: 20px;}
.import-contract-form-wrapper form .column-left {max-width: 380px;}
.import-contract-form-wrapper form .form-div {box-sizing: border-box;padding: 20px;border: 1px solid #ccc;border-radius: 5px;}
.import-contract-form-wrapper form .form-div h4 {margin-top: 0;font-size: 1.2em;margin-bottom: 10px;}
.import-contract-form-wrapper form .form-div h5 {font-size: 1em;font-weight: normal;margin: 0 0 10px 0;padding: 10px;border: 1px solid rgba(0 0 0 /.2);background: #eee;border-radius: 5px;}
.import-contract-form-wrapper form .form-div h6 {background: var(--l2-red);font-size: 1em;font-weight: normal;padding: 10px;border-radius: 5px;margin: 0 0 10px 0;border: 1px solid rgba(0 0 0 /.2);}
.import-contract-form-wrapper form .form-contract-props {border: none;padding: 0;}
.import-contract-form-wrapper form .form-controls {border: none;padding: 0;}
.import-contract-form-wrapper form .owner-props + .contract-props {margin-top: 20px; border-top: 1px dotted #ddd;padding-top: 20px;}


/* Default Flex items */
.flex-detials {display: flex;flex-flow: wrap;}
.flex-detials .flex-item {flex-grow: 1;margin: 0 10px 10px 10px;}
.flex-detials .note {display: block;font-size: .75em;}
.flex-detials .item-label {font-weight: bold;}
.flex-side .flex-detials h1, .flex-side .flex-detials h2 {width: 100%;}
.flex-side .flex-detials {margin-bottom: 10px;padding: 10px;border-radius: 5px;}
.flex-side .flex-detials {margin-top: -10px;} /*  negative margin to match titles vertically across the page. :(  */

/* Claims Info */
.claims-table {width: 100%;border-collapse: collapse;font-size: 1em;}
.claims-table thead {border: 1px solid var(--blue);border-bottom: none;}
.claims-table thead tr {background-color: var(--blue);color: #fff;}
.claims-table tbody {border: 1px solid #bbb;border-top: none;}
.claims-table th, .claims-table td {padding: 5px 10px;border-right: 1px solid rgba(0,0,0,.1);}
.claims-table th:last-child, .claims-table td:last-child {border-right: none;}
.claims-table tbody tr {border-bottom: 1px solid rgba(0,0,0,.1);background-color: #fff;}
.claims-table tbody tr:last-child {border-bottom: none;}
.claims-table tbody tr:nth-child(4n){background-color: #eee;}
.claims-table tbody tr:nth-child(4n - 1){background-color: #eee;}

.claims-table .flex-detials {font-size: .875em;}
.claims-table .memo {width: 100%;margin-top: 5px;padding-top: 5px; border-top: 1px dashed #ccc;}
.claims-header {display: flex;margin-bottom: 10px;}
.claims-header h2 {flex-grow: 9;}
.claims-header .btn-general {display: inline-block;text-align: center;text-transform: uppercase;box-sizing: border-box;padding: 10px;background-color: var(--blue);border-radius: 3px;color: #fff;width: 100%;cursor: pointer;flex-grow: 1;max-width: 200px;text-decoration: none;border: none;}
.claims-header .btn-general:hover {filter: brightness(110%);}
.claims-table .item ul {list-style: none;padding: 0;margin: 0;}


/* Program Styles */
/* Blues */
.program111 {background-color: var(--l1-blue) !important;}
.program112 {background-color: var(--l2-blue) !important;}
.program113 {background-color: var(--l3-blue) !important;}
.program114 {background-color: var(--l4-blue) !important;}
/* Yellows */
.program_y{background-color: var(--l1-yellow) !important;}
/* Reds */
.expired {background-color: var(--l1-red) !important;}
.unwind {background-color: var(--l2-red) !important;}

/* general forms */
.flex-main #form1 {display: flex;}
.flex-main #form1 table {width: 100%;max-width: 480px;}
#form1 form table tbody td {vertical-align: top;}
#form1 table + table {margin-left: 30px;}
#form1 input[type='text'] {display: block;border: 1px solid #ccc; border-radius: 3px;padding: 8px;width: 100%; box-sizing: border-box;font-size: 1em;margin-bottom: 10px;}
#form1 select {display: block;padding: 5px;width: 100%; box-sizing: border-box;font-size: 1em;margin-bottom: 10px;}
#form1 textarea {display: block;border: 1px solid #ccc; border-radius: 3px;padding: 8px;width: 100%; box-sizing: border-box;font-size: 1em;margin-bottom: 10px;min-height: 100px;}
#form1 input[type='submit'] {display: inline-block;text-align: center;text-transform: uppercase;box-sizing: border-box;padding: 10px;background-color: var(--blue);border-radius: 3px;color: #fff;-webkit-appearance: none;border: none;font-size: 1em;cursor: pointer;}
#form1 input[type='button'] {display: inline-block;text-align: center;text-transform: uppercase;box-sizing: border-box;padding: 10px;background-color: #bbb;border-radius: 3px;color: #333;-webkit-appearance: none;border: none;font-size: 1em;cursor: pointer;}
#form1 button {display: inline-block;text-align: center;text-transform: uppercase;box-sizing: border-box;padding: 10px;background-color: #bbb;border-radius: 3px;color: #333;-webkit-appearance: none;border: none;font-size: 1em;cursor: pointer;}
.flex-main #form1 input[type='submit']:hover {filter: brightness(110%);}
.flex-main #form1 input[type='button']:hover {filter: brightness(110%);}
.flex-main #form1 button:hover {filter: brightness(110%);}
.flex-main #form1 a:link, .modal-content a:visited {font-size: .88em;color: var(--blue);}
.flex-main #form1 #form1_submit {display: block;width: 100%;}

/* modal and popup forms */
.modal {display: none;position: fixed;z-index: 100;padding: 30px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.8);box-sizing: border-box;}
.modal-content {background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 80%;border-radius: 10px;position: relative;}
.btn-close {color: #333;font-size: 28px;font-weight: bold;position: absolute;top: 10px;right: 10px;text-decoration: none;display:block;cursor: pointer;width: 28px;height: 28px;text-align: center;line-height: 1em;padding: 5px;background: rgba(0,0,0,.1);border-radius: 100%;z-index: 2;}
.btn-close:hover, .btn-close:focus {color: #000;text-decoration: none;cursor: pointer;background:rgba(0,0,0,.2);}
.modal-content form table tbody td {vertical-align: top;}
.modal-content input[type='text'] {display: block;border: 1px solid #ccc; border-radius: 3px;padding: 8px;width: 100%; box-sizing: border-box;font-size: 1em;margin-bottom: 10px;}
.modal-content select {display: block;padding: 5px;width: 100%; box-sizing: border-box;font-size: 1em;margin-bottom: 10px;}
.modal-content textarea {display: block;border: 1px solid #ccc; border-radius: 3px;padding: 8px;width: 100%; box-sizing: border-box;font-size: 1em;margin-bottom: 10px;min-height: 80px;}
.modal-content input[type='submit'] {display: inline-block;text-align: center;text-transform: uppercase;box-sizing: border-box;padding: 10px;background-color: var(--blue);border-radius: 3px;color: #fff;-webkit-appearance: none;border: none;font-size: 1em;cursor: pointer;}
.modal-content input[type='button'] {display: inline-block;text-align: center;text-transform: uppercase;box-sizing: border-box;padding: 10px;background-color: #bbb;border-radius: 3px;color: #333;-webkit-appearance: none;border: none;font-size: 1em;cursor: pointer;}
.modal-content button {display: inline-block;text-align: center;text-transform: uppercase;box-sizing: border-box;padding: 10px;background-color: #bbb;border-radius: 3px;color: #333;-webkit-appearance: none;border: none;font-size: 1em;cursor: pointer;}
.modal-content input[type='submit']:hover {filter: brightness(110%);}
.modal-content input[type='button']:hover {filter: brightness(110%);}
.modal-content button:hover {filter: brightness(110%);}
.modal-content a:link, .modal-content a:visited {font-size: .88em;color: var(--blue);}
.modal-content #form2 table {width: 100%;}
.modal-content #form2_delete {color: #fff;background-color: #B51A11;} 

/* on page form */
#claim_form {padding: 30px 0;}
#claim_form form {padding: 30px;background: #fff;border-radius: 10px;margin: 0 auto;position: relative;border: 1px solid #bbb;}
#claim_form form table tbody td {vertical-align: top;}
#claim_form input[type='text'] {display: block;border: 1px solid #ccc; border-radius: 3px;padding: 8px;width: 100%; box-sizing: border-box;font-size: 1em;margin-bottom: 10px;}
#claim_form select {display: block;padding: 5px;width: 100%; box-sizing: border-box;font-size: 1em;margin-bottom: 10px;}
#claim_form textarea {display: block;border: 1px solid #ccc; border-radius: 3px;padding: 8px;width: 100%; box-sizing: border-box;font-size: 1em;margin-bottom: 10px;min-height: 80px;}
#claim_form input[type='submit'] {display: inline-block;text-align: center;text-transform: uppercase;box-sizing: border-box;padding: 10px;background-color: var(--blue);border-radius: 3px;color: #fff;-webkit-appearance: none;border: none;font-size: 1em;cursor: pointer;}
#claim_form input[type='button'] {display: inline-block;text-align: center;text-transform: uppercase;box-sizing: border-box;padding: 10px;background-color: #bbb;border-radius: 3px;color: #333;-webkit-appearance: none;border: none;font-size: 1em;cursor: pointer;}
#claim_form button {display: inline-block;text-align: center;text-transform: uppercase;box-sizing: border-box;padding: 10px;background-color: #bbb;border-radius: 3px;color: #333;-webkit-appearance: none;border: none;font-size: 1em;cursor: pointer;}
#claim_form input[type='submit']:hover {filter: brightness(110%);}
#claim_form input[type='button']:hover {filter: brightness(110%);}
#claim_form button:hover {filter: brightness(110%);}
#claim_form a:link, .modal-content a:visited {font-size: .88em;color: var(--blue);}
#claim_form #form2 table {width: 100%;}
#claim_form #form2_delete {color: #fff;background-color: #B51A11;}
.four-col {display: flex;flex-direction: row;}
.col-one, .col-two {width: 300px;}
.col-two {flex-grow: 10;}

/* Extra holdovers */
.bold {font-weight: bold;}
.error {color: #900;font-weight: bold;}
.preferred_row {background-color: var(--light-green) !important;}
.inactive_row {background-color: var(--l2-red) !important;}
#incident_Memo {min-height: 160px;height: 366px;}
#dealer_comments {min-height: 160px;}

#tabs {display: flex;flex-wrap: wrap;border-bottom: 1px solid #ccc;margin-bottom: 10px;padding-bottom: 5px;}
#tabs .tab {padding: 5px 10px;background: #ccc;margin: 5px;border-radius: 5px;}
#tabs .tab_selected {background: var(--l3-blue);}
#tabs .tab_on {background: var(--blue);color: #fff;}
#tabs .tab:hover, #tabs .tab_selected:hover, #tabs .tab_on:hover {filter: brightness(105%);cursor: pointer;}
.categorybox {display: flex;flex-direction: row;flex-wrap: wrap;padding-bottom: 10px;}
.categorybox .box {margin-right: 20px;}
.categorybox .box label {display: block;margin-bottom: 5px;}
#repair-selected {background: #eee;display: flex;flex-wrap: wrap;padding: 10px;margin-bottom: 30px;font-size: .75em;border: 1px solid #ccc;}
#repair-selected span {background: #ccc;display: block;padding: 5px 10px;margin: 4px;border-radius: 20px;}
#repair-selected small {display: block;font-size: inherit;width: 100%;margin-bottom: 5px;}
#repair-denied {background: #ffb5b8;display: flex;flex-wrap: wrap;padding: 10px;margin-bottom: 30px;font-size: .75em;border: 1px solid #ccc;}
#repair-denied span {background: #ccc;display: block;padding: 5px 10px;margin: 4px;border-radius: 20px;}
#repair-denied small {display: block;font-size: inherit;width: 100%;margin-bottom: 5px;}

/* Claim form */
.claimsform {display: flex;flex-direction: column;}	
.claimsform .modal-header {background: #fff;position: relative;display: flex;flex-direction: row;padding: 20px;width: 80%;margin: 0 auto;border-top-right-radius: 10px;border-top-left-radius: 10px;border-bottom: 2px solid #ccc;font-size: .88em;}
.claimsform .modal-footer{background: #fff;position: relative;padding: 20px;width: 80%;margin: 0 auto;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.claimsform .modal-content {border: none;border-radius: 0;height: 100%;overflow-y: auto;}
.claimsform .customer-details {margin-right: 20px;}
.claimsform .customer-details:last-child {margin-right: 0;}
.claimsform .customer-details .flex-item {margin-bottom: 5px;}
.claimsform .customer-details .item-label {font-weight: bold;display: inline-block;vertical-align: text-top;}
.claimsform .customer-details .item {display: inline-block;vertical-align: text-top;}
.claimsform .customer-details .col-header {font-weight: bold;font-size: 1.3em;}

/* Claim form state */
#incident_deductible:placeholder-shown { background-color: #f8dbdb !important; }
/* Login form */
.flex-login {justify-content: center;align-items: center;}
.flex-login .flex-main {max-width: 300px;}
.loginform {align-self: center;}
.loginform ul {list-style: none;margin: 0;padding: 0;max-width: 320px;}
.loginform ul li {display: block;margin-bottom: 10px;}
.loginform ul li label {display: block;width: 100%;margin-bottom: 5px;}
.loginform ul li input[type='text'] {display: block;width: 100%;box-sizing: border-box;border-radius: 3px;border: 1px solid #ccc;padding: 10px;font-size: 1em;}
.loginform ul li input[type='password'] {display: block;width: 100%;box-sizing: border-box;border-radius: 3px;border: 1px solid #ccc;padding: 10px;font-size: 1em;}

@media screen and (max-width: 800px) {
.flex-detials {flex-direction: column;}
.flex-side {flex: 100%;max-width: inherit;}
.flex-main {flex: 100%;overflow-x: scroll;}
.flex-side + .flex-main {width: inherit;}
.flex-side .flex-detials {margin-bottom: 0;padding-bottom: 0; border-bottom: none;}
.pc-main-nav .pc-nav {display: flex;flex-wrap: wrap;}
.pc-main-nav .pc-nav li {display: block;}
.pc-main-nav .pc-nav li a {margin-right: 0;border-top-right-radius: 0px;border-top-left-radius: 0px;white-space: nowrap;}
.pc-main-nav .pc-nav li .active {padding-top: 6px;}
.flex-main #form1 {flex-direction: column;}
.flex-main #form1 table {max-width: 100%;}
.flex-main #form1 table + table {margin-left: 0;}
.claimsform .customer-details {display: none;}
.four-col {flex-direction: column;}
.col-one, .col-two {width: 100%;}
#incident_Memo {height: 160px;}
}
@media screen and (max-width: 1440px) and (min-width: 800px) {
.flex-detials {flex-direction: row;}
.flex-detials > h2 {margin-top: 0; padding-top: 0;border-top: none;}
.flex-side {flex: 100%;max-width: inherit;display: flex;}
.flex-side .flex-detials {flex-direction: column !important;margin-right: 30px;margin-bottom: 0;padding-bottom: 0; border-bottom: none;}
.flex-side .flex-detials > .flex-item {flex-grow: inherit !important;margin-left: 0;}

.flex-main {flex: 100%;}
.flex-side + .flex-main {width: inherit;}
.pc-search {width: 50%;}
.pc-recent {width: 50%;margin-left: 20px;}
.pc-main-nav .pc-nav li a {padding: 5px 10px;}
.pc-main-nav .pc-nav li .active {padding-top: 12px;}
}