﻿html {
    overflow-y:scroll;
}

body {
    padding-bottom: 20px;
    background-color: #FFF;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.brand img {
    width: 168px;
    height: 109px;
}

#topbar {
	z-index: 1; 
	left: 0px; 
	top: 0px; 
	background-color:#78b462; 
	border-style: solid;
	border-bottom-width: 1px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-color: #238c00;
	width: 100%; 
	height: 5px; 
	visibility: visible;
}

.navbar-user {
    margin-right: 25%;
	border-radius: 0px 0px 10px 10px;
	border:solid #4a992c;
	border-width:1px;
	background: #5ba641;
	background: -moz-linear-gradient(top, #5ba641 0%, #76b45a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba641), color-stop(100%,#76b45a));
	background: -webkit-linear-gradient(top, #5ba641 0%,#76b45a 100%);
	background: -o-linear-gradient(top, #5ba641 0%,#76b45a 100%);
	background: -ms-linear-gradient(top, #5ba641 0%,#76b45a 100%);
	background: linear-gradient(to bottom, #5ba641 0%,#76b45a 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ba641', endColorstr='#76b45a',GradientType=0 ); /* IE6-9 */
	width: 40%;
}

/*.navbar-main {
    margin-top: 70px;
	border-radius: 10px;
	border:solid #cccccc;
	border-width:1px;
	background: #055a97;
	background: -moz-linear-gradient(top, #055a97 0%, #387cac 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#055a97), color-stop(100%,#387cac));
	background: -webkit-linear-gradient(top, #055a97 0%,#387cac 100%);
	background: -o-linear-gradient(top, #055a97 0%,#387cac 100%);
	background: -ms-linear-gradient(top, #055a97 0%,#387cac 100%);
	background: linear-gradient(to bottom, #055a97 0%,#387cac 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#055a97', endColorstr='#387cac',GradientType=0 );*/ /* IE6-9 */
	/*width: 60%;*/
/*}*/

.navbar-inverse .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-inverse .navbar-nav > li > p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.divider-vertical {
    height: 12px;
    margin: 14px 0;
    border-right: 1px solid #FFF;
}

#usernameid {
    padding: 10px 0 0 0;
    color: #66ac4c;
}

th {
    font-weight: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select {
    max-width: 280px;
}

.large-input {
    max-width: 500px;
}

.small-input {
    width: 100px;
}

textarea {
    max-width: 600px;
    resize: vertical;
}

.cke_source {
    max-width: 100%;
}

.pager .finish > button, .pager .next > button {
    float: right;
}

logo {
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.helpline {
    position: relative;
    display: block;
    line-height: 20px;
    padding: 15px;
    color: white;
}

.logo .helpline
{
    color: #0c6ba3;
}

footer small {
    font-size: 12px;
    color: #999999;
}

footer div {
    margin-left: 5%;
    margin-right: 5%;
}

#rootwizard ul.pager {
    margin: 15px 0;
    padding-left: 15px;
}

#rootwizard ul.pager li {
    float: right;
    margin-left: 15px;
}

#rootwizard .panel {
    margin-bottom: 0;
}

.privateHospitalGroup {
    margin-top: 15px;
}

.help-block {
    font-weight: normal;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}


select.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.jumbotron {
    background: url("/content/images/Large_Brochure_Image.jpg") no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: cover;
    padding-top: 150px;
    padding-bottom: 150px;
}

.bs-glyphicons {
    margin: 0 -10px 20px;
    overflow: hidden;
}

.bs-glyphicons-list {
    padding-left: 0;
    list-style: none;
}

.bs-glyphicons a {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #fff;
}

.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}

.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}

.bs-glyphicons a:hover {
    color: #fff;
    background-color: #0c6ba3;
}

.bs-glyphicons a:hover span {
    color: #fff;
    background-color: #0c6ba3;
}

@media (min-width:768px) {
    .bs-glyphicons {
        margin-right: 0;
        margin-left: 0;
    }

    .bs-glyphicons a {
        width: 12.5%;
        font-size: 12px;
    }
}

.colour-picker-input {
    display: inline;
}

.dropdown .filter-menu {
    background-color: white;
}

.matrix .form-control {
    width: 80%;
}

label.matrix-sum {
    padding-top: 7px;
    text-align: right;
}

span.sum {
    text-align: left !important;
}

.matrix-section {
    border-bottom: 1px solid #eee;
}

.matrix-section h4 {
    float: left;
}

.matrix-highlight {
    font-weight: bold;
}

.matrix-underline {
    border-bottom: 1px solid #000;
}

.matrix-insurers {
    float: right;
}

.matrix-insurers div {
    margin: 6px 10px 0 0;
}

.table-navigation-content {
    background-color: #5ba641;
    margin-bottom: 10px;
    text-align: center;
}

.table-navigation-content .panel-body {
    padding: 5px;
}

.table-navigation-content a .panel-body {
    padding: 9px 5px;
    color: #fff;
}

#tasksTable_filter label, #tasksTable_filter label, #clientsTable_filter label, #quoteRequestTable_filter label, #fonTable_filter label, #internalMessagesTable_filter label {
    visibility: hidden;
    height: 0px;
}

.table-navigation-content input, .table-navigation-content select {
    padding: 2px;
    color: #555;
}

.table-navigation-content label {
    color: #fff;
    margin: 0;
}

.your-account-panel {
    min-height: 392px;
}

div.DTTT { margin-bottom: 0.5em; float: right; }
div.dataTables_wrapper { clear: both; }

#reportTab {
    margin-bottom: 25px;
}

.well-notes {
    margin-bottom: 10px;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout-danger {
    border-left-color: #0c6ba3;
}

.panel-opacity {
    opacity: 0.5;
    filter: alpha(opacity=50);  /* Opacity for IE8 and lower */
}

hr {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #ffffff;
}

.page-header, .questions-header {
    border: none;
    font-size: 28px;
    color: #055997;
    margin: 0;
    padding: 0;
}

.page-description {
    font-size: 14px;
    color: #66ac4c;
}

#rootwizard > .navbar > .navbar-inner > .nav-pills > li.last {
    margin-right: 0;
}

#rootwizard > .navbar > .navbar-inner > .nav-pills > li > a {
    color: #fff;
    background-color: #66AC4C;
    padding: 10px 5px;
    min-height: 37px;
}

.nav-justified > li {
    font-weight: bold;
}

#rootwizard > .navbar > .navbar-inner > .nav-pills > li.wrapped-item > a {
    padding: 0 5px;
}

.btn-get-a-quotation {
    padding: 40px 0;
}

.btn-get-a-quotation .btn {
    padding: 30px 16px;
    margin-right: 30px;
    min-width: 200px;
}

.well-login .control-label {
    color: #66ac4c;
    font-weight: normal;
    text-decoration: none;
}

.well-login .checkbox label {
    color: #999999;
    font-weight: normal;
    text-decoration: none;
}

.modal-email-docs {
    width: 900px;
}

div.reduced-para {
    max-width: 400px;
    margin: 1em 0 1em 0;
    overflow: hidden;
    position: relative;
    line-height: 16px;
    max-height: 64px;
}

div.reduced-para:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 90%;
    height: 1.2em;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}

.btn-xs-msw {
    min-width: 50px;
}

.social-login-btns .glogin-btn.btn-default {
    background: #dd4b39;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

.social-login-btns .btn-default i {
    position: relative;
    margin-right: 10px;
    vertical-align: middle;
}

.login-row .col-md-6 .well {
    min-height: 336px !important;
}

.td-break-all {
    word-break: break-all;
}

.confirmation-marker:hover {
    cursor: pointer;
}

.confirmation-marker, .confirmation-marker-confirmed {
    color: white;
    font-weight: normal;
}

.confirmation-marker span, .confirmation-marker-confirmed span {
    padding-left: 5px;
}

.confirmation-marker {
    background: #ff7537;
}

.confirmation-marker-confirmed {
    background: #16a765;
}

.table-name-td {
    width: 200px;
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#display_status {
    white-space: normal;
    display: inline-block;
    margin-top: 3px;
}

/*Override bootstrap styling to prevent content going too far left*/
.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

/*Override bootstrap styling to remove a weird line above checkboxes*/
.checkbox input[type="checkbox"] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-left: 0px;
}

.inlineFileInput {
    position: relative;
    display: block;
    padding-top: 7px;
}

/*Override bootstrap styling to make claim desciption responsive to page width*/
@media (max-width: 1430px) {
    .claim-desc {
        max-width: 55% !important
    }
}
@media (max-width: 1210px) {
    .claim-desc {
        max-width: 45% !important
    }
}