html, body {
    height: 100%;
}

.cargocoverlink,
.cargocoverlink:hover,
.cargocoverlink:visited {
	color: white;
}

.cargocoverlink
{
	display: inline-block;
	margin-top: 10px;
}

.signout:hover {
	color: white;
}

.button {
    background-color: #00b0d3;
    min-width: 80px;
}

    .button:hover {
        background-color: #007086;
    }

.callout {
    border-bottom: 10px solid #dfdfdf;
    border-top: 10px solid #dfdfdf;
    background-color: #f3f3f3;
    margin: 10px 0 10px 0;
    border-right: none;
    border-left: none;
}

    .callout h3 {
        color: #888888;
    }

    .callout .separator {
        border-bottom: 1px solid #cacaca;
        border-top: 1px solid #ffffff;
        margin: 2px 0 8px 0;
        width: 100%;
    }

#mainNav {
    height: 100px;
}

#countdown {
    border: 5px solid #00b0d3;
    border-radius: 16px;
    margin: 30px auto;
    padding: 15px;
    width: 50%;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.75);
}

    #countdown:hover .callout {
        -webkit-transition: background-color 0.5s ease-out, color 0.5s ease-out;
        transition: background-color 0.5s ease-out, color 0.5s ease-out;
        border-bottom: 10px solid #007086;
        border-top: 10px solid #007086;
        background-color: #00b0d3;
    }

        #countdown:hover .callout h4 {
            color: #ffffff;
        }

    #countdown .digit,
    #countdown .description {
        background-color: #c00000;
        color: #ffffff;
        margin: 0 4px 0 4px;
        text-align: center;
        -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.75);
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.75);
    }

    #countdown .digit {
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
        font-size: 3.0em;
    }

    #countdown .description {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
        margin-top: 2px;
    }

    #countdown h4 {
        color: #888888;
    }

.field-validation-error {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    background-color: #ff6666;
    padding: 2px 10px 5px 10px;
    display: inline-block;
    color: #ffffff;
    position: relative;
    width: 100%;
    top: -5px;
}

.input-validation-error {
    margin-bottom: 5px;
}

a,
body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
label,
p,
select,
span,
textarea,
[type=password],
[type=text] {
    font-family: "Raleway", sans-serif;
    color: #888888;
}

a,
body,
input,
label,
p,
select,
span,
textarea,
[type=password],
[type=text] {
    font-size: 14px;
    color: #888888;
}

a,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #00b0d3;
}

h1 {
    font-size: 35px;
}

h2 {
    font-size: 32.2px;
}

h3 {
    font-size: 19.6px;
}

h4 {
    font-size: 16.8px;
}

.button,
[type=text],
[type=password],
select {
    border-radius: 4px;
    margin-bottom: 0;
}

[type=checkbox] {
    margin-left: 5px;
    height: 1.4em;
    width: 1.4em;
}

[type=file] {
    border: 1px inset #00b0d3;
    background-color: #00b0d3;
    color: #ffffff;
    border-radius: 4px;
    font-size: 0.9em;
    padding: 4px;
}

    [type=file]:hover {
        background-color: #007086;
        cursor: pointer;
    }

    [type=file].valid {
        background-color: #33c033;
    }

label {
    margin-top: 10px;
}

#languages a {
    font-size: 11.2px;
    padding: 5px 10px 5px 10px;
}

    #languages a.active {
        border-bottom: 1px dashed #00b0d3;
        color: #00b0d3;
    }

#login .content {
    margin: 5% 30px 5px 30px;
}

#login label,
#login p {
    color: #ffffff;
}

#login > .row > .columns {
    height: 400px;
}

    #login > .row > .columns:nth-child(1) {
        background-color: #004653;
    }

    #login > .row > .columns:nth-child(2) {
        background-color: #005b6d;
    }

#login ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #666666;
}

#login ::-moz-placeholder { /* Firefox 19+ */
	color: #666666;
}

#login :-ms-input-placeholder { /* IE 10+ */
	color: #666666;
}

#login :-moz-placeholder { /* Firefox 18- */
	color: #666666;
}

#main {
    background-color: #f8f8f8;
    min-height: 684px;
}

.menu {
    background-color: transparent !important;
}

.option {
    background-color: #dfdfdf;
    color: #ffffff;
    border-radius: 10px;
    text-align: center;
    font-size: 1.5em;
    padding: 20px;
    width: 100%;
}

    .option.active {
        background-color: #00b0d3;
        color: #ffffff;
    }

    .option:hover {
        -webkit-transition: background-color 0.5s ease-out, color 0.5s ease-out;
        transition: background-color 0.5s ease-out, color 0.5s ease-out;
        background-color: #007086;
        color: #ffffff;
    }

.pb {
    padding-bottom: 10px;
}

.pl {
    padding-left: 10px;
}

.pr {
    padding-right: 10px;
}

.pt {
    padding-top: 10px;
}

#reference {
    background-color: #dfdfdf;
    font-family: "Arial";
    border-radius: 8px;
    padding: 8px;
    float: right;
}

.required:after {
    color: #ff6666;
    font-family: Tahoma;
    margin-left: 5px;
    content: "*";
}

.row {
    max-width: 900px;
}

.shadow {
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.75);
}

.text-tiny {
    font-size: 0.8em;
    color: white;
}

#top-bar-1 {
    border-bottom: 1px solid #cacaca;
    background-color: #f8f8f8;
    padding: 5px 0 10px 0;
}

#top-bar-2 {
    position: relative;
    width: 100%;
    z-index: 11;
    background-color: #ffffff;
    /*padding: 10px 0 10px 0;*/
}

.main-nav {
    z-index: 11;
}

.show {
    display: block !important;
}

.ui-autocomplete-container {
    position: relative;
    top: -1rem;
}

.ui-autocomplete {
    border: 1px solid #cacaca;
    position: absolute;
    padding: 4px;
    left: 0;
    top: 0;
}

    .ui-autocomplete li {
        width: 100%;
    }

    .ui-autocomplete .ui-menu-item-wrapper {
        display: inline-block;
        padding: 4px;
        width: 100%;
    }

        .ui-autocomplete .ui-menu-item-wrapper:hover,
        .ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
            background-color: #00b0d3;
            background-image: none;
            color: #ffffff;
        }

#wizard {
    margin: 0 0 20px -10px;
    display: inline-block;
    width: 120%;
}

#wizard li {
    list-style: none;
    float: left;
}

    #wizard li.active .description {
        color: #00b0d3;
    }

    #wizard li.active .step {
        background-color: #00b0d3;
    }

    #wizard li .description {
        width: 120px;
        text-align: center;
        position: relative;
        top: 5px;
    }

    #wizard li .separator {
        left: 35px;
        border-top: 5px solid #dfdfdf;
        position: relative;
        width: 100%;
        top: 25px;
    }

    #wizard li .step {
        left: 35px;
        background-color: #dfdfdf;
        width: 50px;
        color: #ffffff;
        border-radius: 32px;
        padding-bottom: 5px;
        position: relative;
        text-align: center;
        font-weight: bold;
        font-size: 2.0em;
    }

    #wizard li:last-child .separator {
        border-top: 5px solid #f8f8f8;
    }

#wizard.x4 li {
    width: 25%;
}

.field-validation-error span {
    color: #ffffff;
}

.req {
    border-bottom: 2px dashed #dd0000;
}

req:hover {
    border-bottom: 2px dashed #c00000;
}

.container {
    padding: 100px 0px 0px 100px;
    position: relative;
}

.popup {
    background-color: ghostwhite;
    position: fixed;
    overflow: hidden;
    display: none;
    z-index: 99;
}
/*# sourceMappingURL=site.css.map */
a.newclaim,
a.manageclaim {
    display: inline-block;
    /*background-color: rgb( 66, 66, 66 );*/
    padding: 8px;
    width: 140px;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.6s ease;
    color: white;
    border: 2px solid white;
    border-radius: 8px;
}

    a.newclaim:hover,
	a.manageclaim:hover {
        /*width: 60%;
    padding: 16px;
    margin-top: -8px;*/
        color: rgb( 66, 66, 66 );
        background-color: white;
        transition: all 0.6s ease;
    }

.utility-nav {
    background-color: #45555f;
    height: 35px;
    box-sizing: border-box;
}

body.rims .utility-nav .utility-wrap {
    display: none;
    float: right;
}

.social-module-container {
    background-color: #00b0d3;
    height: 3.5rem;
}

.social-module .tweet-list {
    background: transparent url("/images/twitter-icon.png") no-repeat 15px 16px;
    background-size: 1.5rem;
    margin: 0;
    padding: 1.25rem 0.625rem 1.25rem 3.5625rem;
    font-size: 0.875rem;
    overflow: hidden;
}

.social-module .tweet-list li {
    transition: opacity .5s, max-height 0s;
    opacity: 0;
    max-height: 0;
}

    .social-module .tweet-list li.fade-in {
        opacity: 1;
        max-height: 50px;
    }

.social-module li {
    width: 100%;
    list-style: none;
    color: #fff;
    float: left;
    font-weight: normal;
    font-size: 0.7375rem;
    font-family: "Slate W02 Book", Arial, sans-serif;
    height: 1.125rem;
    white-space: nowrap;
}

.social-module li a {
    color: inherit;
    text-decoration: none;
}

.social-module .icon {
    background-size: 1.375rem;
    background-color: transparent;
    background-repeat: no-repeat;
    margin: 0 6px;
    width: 27px;
    height: 27px;
    position: relative;
}

    .social-module .icon > a {
        width: 100%;
        height: 100%;
        position: absolute;
    }

.social-module nav {
    float: right;
}

.social-module .social-nav {
    float: right;
    margin: 0.9375rem 0 0;
}

.social-module .linkedin {
    background-image: url("../images/linkedin.jpg");
}

.social-module .youtube {
    background-image: url("../images/youtube.jpg");
    margin-top: -0.1875rem;
}

.social-module .facebook {
    background-image: url("../images/facebook.jpg");
}

/* Optco Nav and Policies (Footer) SCSS */
.optco-container {
    background-color: #084d8b;
    height: 80px;
}

.optco-nav {
    padding-top: 1.25rem;
}

.optco-nav .optco-list {
    margin: 0;
    text-align: right;
}

.optco-nav li {
    list-style: none;
    margin: 8px 1.5%;
    display: inline-block;
}

.optco-nav .optco-list {
    padding: 0;
    padding-top: 2px;
}

    .optco-nav .optco-list img {
        width: auto;
        height: 12px;
    }

.optco-nav .logo-container img {
    height: 37px;
}

.policies-container {
    font-size: 0.625rem;
    padding: 1.25rem 0;
}

    .policies-container .policy-links {
        float: right;
        text-align: right;
        width: 100%;
        margin: 0;
        padding-left: 0;
    }

.policies-container .copyright {
    color: #084d8b;
}

    .policies-container .copyright p {
        font-weight: normal;
        font-size: 0.875rem;
        font-family: "Slate W02 Book", Arial, sans-serif;
        color: #0080b4;
        margin: 0;
        text-transform: uppercase;
    }

.policies-container li {
    display: inline-block;
    list-style: none;
    padding: 0 2%;
}

    .policies-container li:first-child {
        padding-left: 0;
    }

.policies-container a {
    color: #00afd2;
    font-weight: normal;
    font-size: 0.8125rem;
    font-family: "Slate W02 Book", Arial, sans-serif;
    font: 0.8125rem "Slate W02 Book", Arial, sans-serif;
}

#footer .footer-ul {
	list-style: none;
}

	#footer .footer-ul li {
		display: inline-block;
		float: left;
		width: 50%;
	}

	#footer .footer-ul li:last-child {
		float: right;
	}

#login-panel {
	margin-top: -400px;
}

@media screen and (max-width: 40em) {
	#mainBackground {
		display: none;
	}

	#login-panel {
		margin-top: 0px;
	}

	#loginOuter {
		padding: 0;
	}

	#login .row-container {
		height: 470px !important;
	}

	.optco-container {
		height: 120px;
	}

	.optco-container > .row > div:last-child {
		margin-top: 20px;
		text-align: left;
	}

		.optco-container > .row > div:last-child > a {
			text-decoration: underline;
		}
}