@charset "UTF-8";
/* CSS Document */

body {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 12px;
	background: #7c848a;
}
/* Main container elements */
.content-container {
	overflow: visible;	
	min-height: 750px;
	background: #fff;
	margin: 0 auto;
}
.content {
	overflow: auto;
	min-height: 800px;
	width: 775px;
	height: auto;
	padding: 0 0 80px 0;
	position: relative;
}
.content-main {
	background-color: #fff;
	padding: 15px 37px 50px; 
}
.content-left {
	float: left;
	overflow: hidden;
	width: 205px;
}
.d-inline-block {
    display: inline-block!important;
}
/*header styles*/
/*
.header {
	background: #003057;
	z-index: 2;
	padding: 15px 15px 0;
	width: 775px;
	height: 122px;
} */
.united-cargo-logo {
	display: inline-block;
	width: 170px;
	height: 38px;
	margin-top: 10px;
	float: left;
}
#main-nav {
	position: relative;
	left: 14px;
	top: 49px;
	height: 26px;
}
.main-menu {
	margin-top: 29px;
}
.nav-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-item {
	height: 25px;
	background: #fff;
	color: #62A9E3;
	display: inline-block;
	margin: 0 1px 0 0;
	padding: 4px 8px;
	float: left;
	position: relative;
}
.track-container {
	height: 24px;
	position: relative;
	padding-top: 3px;
	width: 255px;
	margin-right: 18px;
	display: inline-block;
}
.track-menu, .track-menu:hover {
	color: #fff;
	text-decoration: none;
	position: relative;
	margin-left: 44px;
}
.track-shipments::before {
	content: '';
	background-image: url(https://content.unitedcargo.com/images/main-nav/icn-track_shipments.jpg);
	height: 24px;
	width: 24px;
	position: absolute;
	top: -3px;
	left: -30px;
}
.flight-status {
	padding-left: 2px;
}
.flight-status::before {
	content: '';
	background-image: url(https://content.unitedcargo.com/images/main-nav/icn-flight_status.jpg);
	height: 24px;
	width: 24px;
	position: absolute;
	top: -4px;
	left: -27px;
}
.nav-item:hover, .nav-item:hover > a {
	background: #62A9E3;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
.nav-item:hover > .flyout, .flyout:hover {
	visibility: visible;
	display: block;
	cursor: pointer;
}
.nav-item:hover > .mega-flyout, .mega-flyout:hover {
	visibility: visible;
	display: block;
	cursor: pointer;
}
/*flyout menus*/
.flyout {
	position: absolute;
	visibility: hidden;
	top: 25px;
	left: 0;
	width: 200px;
	padding: 15px;
	background-color: #003057;
	border-top: 5px solid #62A9E3;
	z-index: 9999;
}
.mega-flyout {
	position: absolute;
	visibility: hidden;
	top: 25px;
	left: -255px;
	width: 638px;
	padding: 15px;
	background-color: #003057;
	border-top: 5px solid #62A9E3;
	z-index: 9999;
}
.mega-flyout ul {
	margin: 0;
	padding: 0;
}
.flyout li, .mega-flyout li {
	list-style: none;
	color: #fff;
	padding: 0;
	margin: 0 0 5px 0;
}
.flyout a, .mega-flyout a, .flyout a:hover, .mega-flyout a:hover {
	color: #fff;
	text-decoration: none;
}
#second-nav {
	/*	float: right;*/
	position: absolute;
	top: 35.5px;
	right: 15px;
	color: #fff;
}
#second-nav li {
	display: inline-block;
	margin: 0 1px 0 0;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
}
#second-nav li.last {
	margin: 0;
}
#second-nav li a {
	color: #edb72b;
	font-size: inherit;
	text-decoration: none;
}
#second-nav li a:hover {
	text-decoration: underline;
}
.breadcrumbs {
	font-size: 11px;
	color: #2172ba;
	margin-bottom: 13px;
}
/*footer styles*/
.footer {
	width: 775px;
	height: 80px;
	background: #003057;
}
.footer-top {
	background: #003057;
	height: 40px;
	color: #fff;
}
.footer-bottom {
	background: #d8d8d8;
	height: 40px;
	color: #666;
	font-size: 10px;
	padding-top: 14px;
}
.footer-nav {
	width: 775px;
	height: 40px;
	color: #fff;
	margin: 10px 0 0 -6px;
	padding: 0;
}
.footer-nav li {
	display: inline-block;
	height: 100%;
	padding: 0;
	margin: 0 12px 0 0;
	color: #fff;
}
.footer-nav a, .footer-nav a:hover {
	color: #fff;
	text-decoration: underline;
}
/*typography styles*/
h1 {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 42px;
	line-height: 30px;
	font-weight: 200;
	color: #003057;
	margin: 6px 0 26px;
	position: relative;
	padding: 6px 0 12px;
	left: -3px;
	letter-spacing: 1px;
}

.smallh1 {
	font-size:36px;
}

.form-title {
	/* padding: 0; */
	padding-top: 0px;
   	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
	color: #000;
	font-weight: 400;
	font-size: 16px;
	display: inline-block;
}
.blue-txt {
	color: #62A9E3 !important;
}
.gold-bullet {
	list-style: none;
	margin-left: 0;
	padding-left: 14px;
}
.gold-bullet > li:before {
	content: "\25A0";
	color: rgba(12,35,64,1) !important;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	vertical-align: 1px;
}
/*accents*/
.blue-keyline {
	height: 0;
	margin-top: 20px;
	margin-bottom: 24px;
	border-bottom: 2px solid #62A9E3;
}
.gray-keyline {
	border-top: 1px solid #ccc;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
}
/*background for rows*/
.gray-bg {
	background: #ebebeb;
	padding: .5rem;
	vertical-align: middle;
}
/*utilitys*/
.mb-1px {
	margin-bottom: 1px;
}
.mr-4px {
	margin-right: 4px;
}
.w-10 {
	width: 10% !important;
}
.w-15 {
	width: 15% !important;
	margin-right: 6px;
}
.w-20 {
	width: 20% !important;
}
.w-24 {
	width: 24% !important;
	margin-right:6px;
}

.w-31 {
	width: 31% !important;
}
.w-50 {
	width: 50% !important;
}
.w-60 {
	width: 60% !important;
}
.w-33 {
	width: 33% !important;
	margin-right:6px;
}

.w-24:nth-child(5) {
	width: 24% !important;
	margin-right:0px !important;
	margin-left:1px;
}
/*
.fa-angle-down:before {
    content: "\f107" !important;
} */

.input-city {
    top: 18px !important;
}
/*form styles */
select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="range"], select, .uneditable-input {
	width: 280PX;
	height: 41px;
	margin-top: 5px;
	font-size: 13px;
	line-height: 20px;
	color: #333;
	vertical-align: middle;
	background: transparent;
	border: 1px solid #ccc;
	-webkit-appearance: none;
	border-radius: 0;
	position: relative;
	z-index: 2;
	padding-left: 18px;
	padding-top: 5px;
}
.form-group, .form-row-radios .form-group {
	height: 16px;
}

[type="checkbox"] + input + label::before, [type="checkbox"] + label::before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 17px;
	height: 17px;
/*	border: 1px solid #999;*/
/*	background: #f2f2f2;*/
/*	background: linear-gradient(-45deg, #e6e6e6 0%, #fff 90%);*/
	background: url("https://www.unitedcargo.com/shipping/claims/images/checkboxes_radios.png") 0px 0px no-repeat;
}
[type="checkbox"]:checked + input + label::after, [type="checkbox"]:checked + label::after {
	color: #fff;
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 17px;
	height: 17px;
	text-align: center;
	background: url("https://www.unitedcargo.com/shipping/claims/images/checkboxes_radios.png") -18px 0px no-repeat;
/*	background-image: url("https://unitedcargo.com/shipping/claims/images/main.png");*/
/*
	background-repeat: no-repeat;
	background-position: -200px -226px;
*/
}
input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	width: 16px;
	height: 16px;
	z-index: 1;
}
[type="checkbox"] + input + label, [type="checkbox"] + label {
	position: relative;
	padding-left: 24px;
	cursor: pointer;
	display: inline-block;
	z-index: 0;
}

[type="radio"] {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
input[type="radio"] + label {
	cursor: pointer;
}
input[type="radio"] + label::before {
	content: '';
	display: inline-block;
	width: 17px;
	height: 19px;
	margin: -1px 5px 0 0;
	vertical-align: middle;
	background: url("https://www.unitedcargo.com/shipping/claims/images/checkboxes_radios.png") -54px top no-repeat;
	cursor: pointer;
}
input[type="radio"]:checked + label::before {
	background: url("https://www.unitedcargo.com/shipping/claims/images/checkboxes_radios.png") -72px top no-repeat;
}
.input-wrap {
	position: relative;
	width:280px;
}

.f-input {
	position: relative;
	z-index: 2 !important;
	background-color: transparent;
}

.form-label {
	/* 
	float: left; 
	*/
	top: 1px;
    margin-bottom: 0px;
	font-size: 12px;
	position: initial;	
	left: 10px;
	color: #333;
	z-index: 1 !important;
	opacity:1;
	transition: all .5s;
}

.frm-label {
	
    float: left;
    position: absolute;
    top: 1px;
    left: 2px;
    color: #333;
    z-index: 1 !important;
    opacity: 1;
    transition: all .5s;
    font-size: 12px;
}



input:focus + .form-label {
	font-size: 10px;
	top: 5px;
	transition: all .25s;
	color:#666;
}

.label-focus {
	font-size: 12px !important;
	/* top: 5px; 
	left: 18px; */
	color:#666;
	transition: all .25s;
}

.label-reset {
	float: left;
	position: absolute;
	top: 17px;
	left: 18px;
	color: #333;
	z-index: 1;
	/*	opacity:1;*/
	transition: all .5s;
}

.state-wrapper {
	position: relative;
	width: 120px;
	display: inline-block;
	margin-left:4px;
	top: 3px;
}

.row {
    
    display: flex;
    
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.weight-wrapper {
	position: relative;
}
.lb-wrapper {
	position: absolute;
	width: 31px;
	top: 20px;
	/*right: 17px*/
}
.lb-wrapper select {
	width: 45px;
	/*border: none;*/
}
.lb-wrapper i {
	position: absolute;
	top: 16px;
	right: -30px;
	font-size: 23px;
	color: #999999;
}
.state-wrapper select {
	width: 120px;
}
.field-wrapper {
	width: 280px;
	position: relative;
}
.field-wrapper i, .state-wrapper i, .input-wrap i {
	position: absolute;
	top: 33px;
	right: 15px;
	font-size: 23px;
	color: #999999 !important;
}
.btn, .orange-btn {
	

	margin: 0;
  	cursor: pointer;
  	padding: 18px 30px;
 	border: 2px solid rgba(98,68,187,1);
 	border-radius: 4px;
  	font-size: 1.6rem;
  	font-weight: 600;
  	line-height: 1;
  	letter-spacing: normal;
  	min-width: 266px;
  	width: 100%;
  	height: 55px;
  	text-align: center;
  	transition: background-color 0.15s ease-out,box-shadow 0.15s ease-out;
  	color: rgba(255,255,255,1);
  	background-color: rgba(98,68,187,1);
}

.disable-btn {
	/* 
	width:87px;
	height:30px;
	background-color: #EDB72B; 
	font-size: 14px;	
	*/
	background-color: #9999ff;
	opacity:.5;
	color: #fff;	
	text-align: center !important;	
	font-family: Arial,Helvetica,sans-serif;
 	cursor: pointer;
  	/* padding: 18px 30px; */
	padding: 18px !important;
  	border: 2px solid rgba(98,68,187,1);
  	border-radius: 4px;
  	font-size: 14px !important;
  	font-weight: 600;
  	line-height: 1;
  	letter-spacing: normal;
  	min-width: 266px;
  	width:120px;
  	height: 55px;

  transition: background-color 0.15s ease-out,box-shadow 0.15s ease-out;
  color: rgba(255,255,255,1) !important; 
}
.text-center {
    text-align: center!important;
}
.mt-2, .my-2 {
    margin-top: .5rem!important;
}
.mt-3, .my-3 {
    margin-top: 1rem!important;
}
.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}
.pt-1, .py-1 {
    padding-top: .25rem!important;
}
.pb-1, .py-1 {
    padding-bottom: .25rem!important;
}
.pl-4, .px-4 {
    padding-left: 1.5rem!important;
}
.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-9 {
    padding: 18px 30px;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    /* background:  #e0ebeb; */
}
.w-100 {
    width: 100%!important;
}
/*reset control button and make orange*/
.btn {
	height: 30px;
	background: none !important;
	border: none !important;
	padding: 0 20px !important;
/*	background-color: none;*/
	border-radius: 0 !important;
	font-size: 14px !important;
}
/*date picker*/
.datePicker {
	width: 280px;
	background-image: none;
	background: #fff;
}
.datePicker .dateBar {
	width: 100%;
}
.datePicker select {
	width: 42%;
	height: 35px;
}
.datePicker #calYearPicker {
	width: 31%;
}
.dateFormat {
	display: none;
}
/*show not listed box*/
.text-wrap {
	display: none;
}

/*file uploads*/
.upload-wrapper {
	border: 1px dashed #ccc;
	position: relative;
	padding: 10px;
	min-height: 140px;
	width: 100%;
	margin-bottom: 10px;
}
.upload-wrapper > input[type="file"] {
	border: none;
	position: absolute;
	bottom: 13px;
	left: 150px;
}

.text-wrap textarea {
	width:100%;
	min-height: 140px;
}
.filelink-style {
    color: #2172ba;
    text-decoration: underline;
    cursor: pointer;
    margin: 0px 165px;
    width: 140px;
    display: block;
    font-size: 12px;
}

#showFreight, #showNOI {
	display:none;
}

/*file uploads*/

.file-icon {
	background: url("https://www.unitedcargo.com/shipping/claims/images/drop-icon-single.png") 0 0 no-repeat;
	width:55px;
	height: 68px;
	margin: 10px auto 5px auto;
}

.success-icon {
	background: url("https://www.unitedcargo.com/shipping/claims/images/drop-icon-single-success.png") 0 0 no-repeat;
	width:55px;
	height: 68px;
	margin: 10px auto 5px auto;
}

.link-style {
    color: #2172ba;
    text-decoration: underline;
    cursor: pointer;
	margin: 0px 165px;
	width: 140px;
	display:block;
}

.icon-info {
    cursor: pointer;
    width: 16px;
    height: 15px;
    background: url("https://www.unitedcargo.com/shipping/claims/images/icon-info.png") no-repeat;
    display: inline-block;
    position: relative;
    top: 3px;
}

.icon-info:hover > .info-wrapper {
	display: block;
}

.info-wrapper {
	position: absolute;
	left: -186px;
	min-width: 400px;
	z-index: 3;
	bottom: 30px;
	display: none;
}

.bubble {
  position: relative;
  background: #fff;
/*  color: #fff;*/
  padding: 20px;
  min-width: 400px;
  -webkit-box-shadow: 6px 6px 11px 0px rgba(0,0,0,0.34);
  -moz-box-shadow: 6px 6px 11px 0px rgba(0,0,0,0.34);
  box-shadow: 6px 6px 11px 0px rgba(0,0,0,0.34);
  border: 1px solid rgba(0,0,0,.25);
    font-size:14px;
}

/* creates triangle */
.bottom:before {
  content: '';
  border: 14px solid transparent;
  border-top-color: rgba(0,0,0,.25);
  border-bottom: 0;
  position: absolute;
  bottom: -14px;
  left: 50%;
  margin-left: -20px;
}
.bottom:after {
  content: '';
  border: 14px solid transparent;
  border-top-color: #fff;
  border-bottom: 0;
  position: absolute;
  bottom: -13px;
  left: 50%;
  margin-left: -20px;
}

.btn.form-repeater-add {
    color: #2172BA;
    font-size: 14px;
    padding: 0px !important;
    cursor: pointer;
	display: block;
	background: none;
	background-color: transparent;
	cursor: pointer;
}

#claimWrapper .gray-keyline {
	margin-bottom:14px;
	background: none;
}

/*
#claimWrapper > :first-child > div {
	display:none;
}
*/

.claim-item-wrapper {
	position: relative;
}

.claim-item-wrapper:hover > .claim-item-remove {
	display: block !important;
}

.claim-item-remove:hover, .remove-icon:hover {
	display: block;
	cursor: pointer;
}

.drop-text {
	font-size:18px;
}

.reset-icon {
	width:20px;
	height:20px;
	font-size: 31px;
	transform: rotate(45deg);
	display: block;
	padding-left: 17px;
	position: absolute;
	top:-18px;
	right:5px;
	display: none;
}

.claim-item-remove {
	display: none;
	position: absolute;
	top: 3px;
	left: -23px;
	color: #999;
	width: 28px;
	height: 96px;
	background:none !important;
	background-color: none !important;
}

.claim-item-remove > input {
	padding: 0 !important;
	margin: 0 !important;
	width:20px;
	height: auto;
}

.remove-icon {
	width:20px;
	height:20px;
	font-size: 31px;
	transform: rotate(45deg);
	display: block;
	padding-left: 17px;
}

.t-box {
	height:200px;
	border:1px solid #ccc;
	padding:13px;
}

.field-error {
	border-color: #f00 !important;
}

p.field-error {
	color: #f00;
	width:max-content;
}


/*
.f-input:hover, div.errorTxt {
	display:block !important;
}
*/

select.f-input::-ms-expand {
	display: none;
}

select.slct-custom-btn::-ms-expand {
	display: none;
}

.errorTxt{
	position: absolute;
	top:-44px;
	left:50%;
	background: #fff;
	padding: 8px;
	width: 170px !important;
	-webkit-box-shadow: 6px 6px 11px 0px rgba(0,0,0,0.34);
	-moz-box-shadow: 6px 6px 11px 0px rgba(0,0,0,0.34);
	box-shadow: 6px 6px 11px 0px rgba(0,0,0,0.34);
	border: 1px solid;
	border-color: #f00 !important;
	display: none;
	font-size: 10px;
	z-index: 3;
}

.errorTxt.bottom:before {
  content: '';
  border: 14px solid transparent;
  border-top-color: #f00;
  border-bottom: 0;
  position: absolute;
  bottom: -14px;
  left: 50%;
  margin-left: -20px;
}

.paragraph {
    color: black;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    font-family: apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    
}
p{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    font-family: apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
.btn.form-repeater-add, .disable-btn{
    min-width:266px;
}
.container.border-none{
    border:0px solid !important;
}
strong{
    font-family:'Open Sans', sans-serif !important;
}