body {
    margin: 0px; padding: 0px; border: currentColor; border-image: none;
    font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: 305; text-decoration: none;
}

div.border {
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

    div.border > #mainHeader {
        -moz-border-radius: 6px 6px 0 0 ;
        -webkit-border-radius: 6px 6px 0 0 ;
        border-radius: 6px 6px 0 0 ;
    }

    div.border > #mainBody {
        background-color: #ffffff;
        -moz-border-radius: 6px 6px 0 0 ;
        -webkit-border-radius: 6px 6px 0 0 ;
        border-radius: 0 0 6px 6px;
    }

.pageTitle {
    font-family: Open Sans, Arial, Helvetica, sans-serif; 
    font-size: 15pt; 
    font-weight: 300; 
}

/* Round cornered tables */
.border {
    border: solid #ccc 2px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}

.border th {
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
	padding: 10px;
    /* text-align: left; */
}

    .border th.vetinfo {
        border-bottom: 1px solid #CCC;
    }

.border td {
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
	padding: 10px;
}

.border td:first-child, .border th:first-child {
    border-left: none;
}

.border th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.border th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.border th:only-child{
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.border tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.border tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}


.bordered {
    border: solid #ccc 2px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-spacing: 0;
}

.bordered .header {
    border-top: none;
    padding: 10px;
    border-radius: 4px 4px 0 0;
}

.bordered .bottom-left-cell {
    border-radius: 0 0 0 4px;
}

.bordered .bottom-right-cell {
    border-radius: 0 0 4px 0;
}

.bordered tr:hover,
.bordered .row:hover {
    background:  #f5f5f5;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.bordered th {
    /* border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc; */
    padding: 10px;
    /* text-align: left;  */
}

.bordered td {
	border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    padding: 10px;
    text-align: left;
}

.bordered th {
    border-top: none;
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 4px;
    -webkit-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
}

    .bordered tr:last-child td {
        border-bottom-width: 0;
    }

    .bordered tr td:last-child {
        border-right-width: 0;
    }

.simpleRound {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
/*     -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;   */
}

.simpleRound  th {
    background-color: #bababa;
/*     border-top: none; */
	padding: 10px;
    /* text-align: left;  */
}

.simpleRound  td {
    background-color: #bababa;
/*     border-top: none; */
	padding: 3px;
}

.simpleRound  td:first-child, .border th:first-child {
    border-left: none;
}

.simpleRound  th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.simpleRound  th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.simpleRound  th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.simpleRound  tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.simpleRound  tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

/* Unbordered Tables */
.noborder {
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 2px; 
}

    .noborder th {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-top: none;
        padding: 0 10px;
        /* text-align: left; */
    }

        .noborder th.vetinfo {
            border-bottom: none;
        }

    .noborder td {
        background-color: #ffffff;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-top: none;
        padding: 0 10px;
    }

/* Form elements */
/* ----------------------------------------------  Reset form elements ---------------------------------------------- */

	input, select, textarea {
		margin:0; padding:0; font-size:1.5em; outline:none;
		font-family:inherit;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
		box-sizing:border-box;}

/* ----------------------------------------------  Inputs, textareas and selects  ---------------------------------------------- */


	input[type="text"], input[type="password"], textarea, select, div.styled, input[type="file"] {border-radius:6px; border: solid 1px #ccc; padding:1em;}

    input[type="text"]:disabled { background: #eeeeee; }

	div.styled, select, input[type="submit"], input[type="file"]:after {
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
		box-shadow: 0 1px 3px rgba(0,0,0,0.2);}

	.searchselect {
		width:95%; color: #333333; font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: 300; text-decoration: none;}

	input[type="text"], input[type="password"], textarea, input[type="file"] {
		background-color: #ffffff;
		-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
		box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);}

	/* input[type="text"], textarea, input[type="file"] {
		background-color: #ffffff;
		-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
		box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);} */

		.ie9 input[type="text"] { line-height:normal; } /* Get the stuff to line up right */

	textarea {width:100%; height:10em; background: #ffffff; }

/* ----------------------------------------------  Select menu  ---------------------------------------------- */

	/* For IE and Firefox */

	div.styled { overflow:hidden; padding:0; margin:0; }

		.ie7 div.styled {border:none;}

	div.styled select {
		width:125%; background-color:transparent; background-image:none;
		-webkit-appearance: none; border:none; box-shadow:none;}

		.ie7 div.styled select {
			width:100%; background-color:#fff; border: solid 1px #ccc;
			padding:0.3em 0.5em;}




/* ---------------------------------------------- Buttons ---------------------------------------------- */

.bigbutton {
	height:3em;
	width:12em;
	color: #fff;
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: 100;
	text-decoration: none;}

.midbutton {
	height:3em;
	width:8em;
	color: #fff;
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: 100;
	text-decoration: none;}

    .midbutton[disabled] {
        color: #b5b5b5;
        background-color: #dbdbdb;
        border-color: #b5b5b5;
    }

	input[type="button"], input[type="submit"], input[type="reset"] {
		padding:0.5em 1em; line-height:1em; cursor:pointer;
		border-radius:6px;
		border:solid 1px #ccc;	box-shadow:0 1px 5px rgba(0,0,0,0.2);
		background-position: center bottom;}

	input[type="button"]:active {-webkit-box-shadow: none; box-shadow:none;}
	input[type="submit"]:active {-webkit-box-shadow: none; box-shadow:none;}
	input[type="reset"]:active {-webkit-box-shadow: none; box-shadow:none;}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.mainbody {
	color: #333333; font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: 300; text-decoration: none;
}
.mainbodybold {
	color: #333333; font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: 305; text-decoration: none;
}
.mainbodyunderline {
	color: #333333; font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: 300; text-decoration: underline;
}
.mainbodymargin {
	color: #333333; font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; text-decoration: none; margin-top: 1px; margin-bottom: 5px;
}
.mainbodyinfo {
	color: #333333; font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: 600; text-decoration: none;
}
.vetcontact {
	background-color: rgb(255, 255, 255);
}
.vetinfo {
	color: rgb(255, 255, 255); font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: 300; /* background-color: rgb(119, 119, 119); */
}
.petcontact {
	background-color: rgb(255, 255, 255);
}
.categoryheader {
	color: rgb(255, 255, 255); font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: 300; /* background-color: rgb(119, 119, 119); */
}
.categoryheadersmall {
	color: rgb(255, 255, 255); font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: 300; text-decoration: underline; cursor:pointer; /* background-color: rgb(119, 119, 119); */
}
.columnheaders {
	color: #333333; font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: 300; text-decoration: none; background-color: rgb(205, 205, 205);
}
.deceased {
	color: rgb(206, 56, 44); font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: 305; text-decoration: none;
}
.notice {
	font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: 300; text-decoration: none;
}
.alert {
	color: rgb(206, 56, 44); font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: 300; text-decoration: none;
}

.pageSubTitle {
    color: rgb(255, 255, 255); font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: 300; padding-left: 50px;
}


label {
    font-weight: normal;
}

/* Referral Page */
.primaryPhoneGroup {
    margin-top: 2px;
    margin-bottom: 8px;
    display: inline-block;
}

/* Bootstrap Overrides */
table {
    border-collapse: separate;
}

/* Bootbox Overrides */
.bootbox > .modal-dialog {
    margin-top: 20%;
}

.bootbox > .modal-dialog > .modal-content > .modal-header {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .bootbox > .modal-dialog > .modal-content > .modal-header > button {
        margin-top: 2px;
    }

.bootbox > .modal-dialog > .modal-content > .modal-footer {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
}

/****************************************************************************************/
/* RVL PopOut                                                                           */
/****************************************************************************************/

.okPopUp{
    border:solid #ccc 1px;
    border-radius: 6px 6px 6px 6px;
    background-color:white;
    width:400px;
    /*height:230px;*/
    -webkit-box-shadow: 0px 0px 80px 12px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 80px 12px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 80px 12px rgba(0,0,0,0.75);
    }
.okPopUp h2{
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    color:rgb(255, 255, 255);
    font-size:18px;
    margin:0;
    padding-top:10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-radius:6px 6px 0 0;
}
.okPopUp .btn{
    padding: 10px;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
}
.okPopUp p{
    padding: 10px;
}
.okPopUp hr{
   margin:12px;
}
/****************************************************************************************/

/* Shared Colors */
btn-primary {
    color: #fff;
    border-color: #357ebd;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary {
    color: #fff;
    border-color: #357ebd;
}

.bootbox > .modal-dialog > .modal-content > .modal-header {
    color: #fff;
    border-radius: 6px 6px 0 0;
}

/* Validations */
label.has-error,
span.has-error {
    color: #a94442;
}

input.has-error, input.has-error:hover,
textarea.has-error,
select.has-error,
span.k-dropdown.has-error,
span.k-numerictextbox.has-error > span.k-numeric-wrap,
span.k-numerictextbox.has-error > span.k-numeric-wrap > input.k-input,
div.bootstrap-tagsinput.has-error,
div.k-grid.has-error, div.k-grid.has-error > div.k-grid-toolbar,
div.k-listbox.has-error, div.k-listbox.has-error > div.k-list-scroller,
div.k-multiselect.has-error, div.k-multiselect.has-error > div.k-multiselect-wrap, div.k-multiselect.has-error > div.k-multiselect-wrap > input.k-input,
div.k-list-container.has-error, div.k-list-container.has-error > div.k-list-scroller,
span.k-datetimepicker.has-error, span.k-datetimepicker.has-error > span.k-picker-wrap, span.k-datetimepicker.has-error > span.k-picker-wrap > input.k-input {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}

    span.k-dropdown.has-error {
        outline-color: #a94442;
    }

    span.k-dropdown.has-error > .k-dropdown-wrap {
        background-color: #f2dede;
    }

    span.k-dropdown.has-error > .k-dropdown-wrap > input.k-input {
        color: #a94442;
        background-color: #f2dede;
    }

    div.k-grid.has-error > div.k-grid-toolbar > a {
        color: #a94442;
        border-color: #e9bcbc;
        background-color: #f2dede;
    }

    div.k-grid.has-error th {
        background-color: #a94442;
    }

    div.k-grid.has-error > div.k-grid-toolbar > div.k-grid-placeholder {
        margin-top: 7px;
        float: right;
        width: 55%;
    }


.has-error -moz-placeholder, .has-error:-moz-placeholder:hover,
span.k-numerictextbox.has-error > span.k-numeric-wrap > input.k-input::-moz-placeholder,
span.k-numerictextbox.has-error > span.k-numeric-wrap > input.k-input::-moz-placeholder:hover,
div.bootstrap-tagsinput.has-error > input::-moz-placeholder,
div.bootstrap-tagsinput.has-error > input::-moz-placeholder:hover
{
    color: #e9bcbc;
    border-color: #a94442;
    background-color: #f2dede;
}

.has-error:-ms-input-placeholder, .has-error:-ms-input-placeholder:hover,
span.k-numerictextbox.has-error > span.k-numeric-wrap > input.k-input::-ms-input-placeholder,
span.k-numerictextbox.has-error > span.k-numeric-wrap > input.k-input::-ms-input-placeholder:hover,
div.bootstrap-tagsinput.has-error > input::--ms-input-placeholder,
div.bootstrap-tagsinput.has-error > input::--ms-input-placeholder:hover {
    color: #e9bcbc;
    border-color: #a94442;
    background-color: #f2dede;
}

.has-error::-webkit-input-placeholder, .has-error::-webkit-input-placeholder:hover,
span.k-numerictextbox.has-error > span.k-numeric-wrap > input.k-input::-webkit-input-placeholder,
span.k-numerictextbox.has-error > span.k-numeric-wrap > input.k-input::-webkit-input-placeholder:hover,
div.bootstrap-tagsinput.has-error > input::-webkit-input-placeholder,
div.bootstrap-tagsinput.has-error > input::-webkit-input-placeholder:hover {
    color: #e9bcbc;
    border-color: #a94442;
    background-color: #f2dede;
}

/* Kendo Grid Override */
.k-grid th {
    color: #ffffff;
}

    .k-grid th.k-header:first-child, .k-grid th.k-header:last-child {
        -moz-border-radius: 0 0 0 0;
        -webkit-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
    }

/* Glyph Icon */
.glyphicon {
    padding-right: 5px;
}

#adminPage {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
}

/* Kendo Overrides */
.k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-toolbar, .k-widget, .k-input, input.k-textbox, .k-button, .k-button:hover, .k-header
{
    color: #333333;
}

.k-state-active, .k-state-active:hover {
    background: none;
}

/* Other */
.nogrow {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.marketingBanner {
    padding-left: 33px;
    width: 728px;
    height: 90px;
}

/* Multiple Email Addresses */
.multiple-email-addresses > .bootstrap-tagsinput {
    width: 733px;
    height: auto;
    overflow: hidden;
    border-color: rgb(219, 219, 219);
    padding: 11px;
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
}

    .multiple-email-addresses > .bootstrap-tagsinput.has-error {
        border-color: #a94442;
    }

    .multiple-email-addresses > .bootstrap-tagsinput:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

    .multiple-email-addresses > .bootstrap-tagsinput > input {
        height: 24px;
        font-size: 12px;
        padding-top: 0;
        padding-bottom: 0;
        width: 200px;
        box-shadow: none;
        -webkit-box-shadow: none;
        border: none;
    }

    .multiple-email-addresses > .bootstrap-tagsinput.has-error > input {
        font-size: 12px;
        width: 200px;
    }

    .multiple-email-addresses > .bootstrap-tagsinput > span {
        line-height: 25px;
        font-family: Open Sans, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
    }

        .multiple-email-addresses > .bootstrap-tagsinput > span.tag {
            background-color: #ebebeb;
            border-color: #676767;
            color: #333333;
        }

        .multiple-email-addresses > .bootstrap-tagsinput > span > span {
            margin-top: -7px;
        }

/* Top Menu */
/* Modern menu item styles */
.topmenu {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #495057;
    text-decoration: none;
    padding: 2px 1px;
    border-radius: 3px;
    transition: all 0.15s ease-in-out;
    cursor: pointer;
    display: inline-block;
    margin: 1px 0;
    border: 1px solid transparent;
}

    .topmenu:hover {
        background: #e6e8ea;
        color: #495057;
        border-color: #e9ecef;
        text-decoration: none;
        transform: translateY(-1px);
    }

    .topmenu:focus {
        color: #495057;
        text-decoration: none;
    }

/* Active/selected menu item */
.topmenulabel {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #495057;
    padding: 2px 1px;
    border-radius: 3px;
    display: inline-block;
    margin: 1px 0;
}

/* Menu separator styling */
.menu-separator {
    color: #dee2e6;
    margin: 0 4px;
    font-weight: 300;
}

/* Icon styling for menu items */
.topmenu .k-icon,
.topmenulabel .k-icon {
    margin-left: 4px;
    font-size: 11px;
    opacity: 0.8;
}

.topmenu:hover .k-icon {
    opacity: 1;
}

/* Knowledge Center link special styling */
.topmenu[href*="docs.rvetlink.com"] {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: #fff;
    border-color: #28a745;
}

    .topmenu[href*="docs.rvetlink.com"]:hover {
        background: linear-gradient(135deg, #218838 0%, #1ea882 100%);
        color: #fff;
        border-color: #1e7e34;
        transform: translateY(-1px);
    }