html, body {
   padding: 0;
   margin:0;
   height:100%;
}
h1, h2, h3, h4, h5, h6, label, #logo {
	font-family: 'Marcellus SC', serif;
	padding: 0.2em 0;
	margin: 0;
	}
h1 { 
	font-size:2em;
	}
h2 { 
	font-size:1.8em;
	}
h3 { 
	font-size:1.6em;
	}
h4 { 
	font-size:1.4em;
	}
h5 { 
	font-size:1.2em;
	}
.cursor-pointer {
	cursor: pointer;
}
.navbar {
	margin: 0;
	}
#logo {
	font-size:40px;
	font-weight:normal;
	letter-spacing:0.02em;
	padding: 40px 0 10px;
	color:#b2b1b1;
	}
body {
	font-size:14px;
	color:#918f8f;
	font-family: 'Open Sans', sans-serif;
	}
#main {
	padding-bottom: 200px;
	}
.noPad {
	padding:0;
	}
span.icon-bar {
	background:#cccccc;
	}
#wrapper {
	background: url('../img/ec_bg.jpg') no-repeat bottom right;
	min-height:100%;
	position:relative;
	}
.header{

	}
#headerLinks {
	padding:0.5em 0;
	font-size:1.2em;
	line-height:1.1em;
	}
#headerLinks a {
	color:#ffffff;
	margin: 0px 2px;
	padding: 3px;
	}
.headerSubSection {
	background:#c1c1c1;
	color:#ffffff;
	padding:8px 0;
	font-size:1em;
	}
.headerSubSection ul {
	padding:0;
	margin:0;
	}
.headerSubSection ul li {
	list-style:none;
	display:inline-block;
	border-right:2px solid #eeeeee;
	padding:0px 10px;
	margin:0;
	line-height:1.2em;
	}
.headerSubSection ul li:last-of-type {
	border:none;
	}
.headerSubSection .caption {
	font-style:italic;
	}
.headerSubSection a {
	color:inherit;
	}
.central {
	width:1000px;
	margin: auto;
	}
.email { direction:rtl; unicode-bidi:bidi-override; } 
#heading {
	padding; 5px 0;
	color: #ffffff;
	margin-bottom:10px;
	}
.footer {
	width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
	color: #868c9d;
	}
.form-horizontal .form-group {
	margin-bottom: 0;
	}
.btn-large {
	padding: 6px 20px;
	}
.form-group .notes {
	font-size:0.8em;
	padding-bottom: 10px;
	}
#heading,
.footer {
	background:#293351;
	}
.footer > div {
	padding: 20px 0;
	}
.center600 {
   width: 600px;
   }
.center400 {
   width: 400px;
   }
.center400, .center600 {
   margin: 0 auto;
}
.help-block {
	font-size:0.8em;
	}
.col-blue {
	color:blue;
	}
.col-green {
	color:green;
	}
.col-red {
	color:red;
	}
.fieldRequired {
	content: '*';
	color:red;
	float:right;
	}
.groups .parent {
	background:#dddddd;
	}
.groups .child {
	background:#eeeeee;
	}
.groups .child td:first-of-type {
	padding-left:30px;
	}
.clickable {
	cursor:pointer;
	}
select option.nest-0 {	text-indent:0px;	}
select option.nest-1 {	text-indent:15px;	}
select option.nest-2 {	text-indent:30px;	}
select option.nest-3 {	text-indent:45px;	}
select option.nest-4 {	text-indent:60px;	}
select option.nest-5 {	text-indent:75px;	}

select option.nest-0:before {	text-indent:0px;	padding: 15px;	}


.icon-success { color: #5cb85c; }
.icon-error { color: #d9534f; }

#delPopPoint {
	position: relative; 
	width: 0px; 
	height: 0px; 
	border-style: solid;
	top: 50%; 
	margin-left: 0px; 
	margin-top: -8px; 
	right: 2px; 
	background-color: rgba(0, 0, 0, 0);
	}
#delPop {
	position:absolute;
	background: transparent;
	display:none;
	padding: 2px 5px;
	z-index:9999;
	}
#delPopContainer {
	background:rgb(225, 26, 27);
	border-radius: 4px;
	color:#ffffff;
	padding:2px 4px;
	text-align:center;
	}
a.fa:hover, a.glyphicon:hover { text-decoration:none; }

.node {
  cursor: pointer;
}

.node circle {
  fill: #fff;
  stroke: steelblue;
  stroke-width: 1.5px;
}

.node text {
  font: 10px sans-serif;
}

.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;
}

.approvalFrame {
	border:none;
	height: 500px;
	padding: 0;
	margin: 0;
	}
	.caret { color:#895aae;
	}
.noLinks a,
.noLinks a:hover {
	color:inherit;
	text-decoration:inherit;
	}
.dateSelector input[name~="year"] {
	width:
	}
	
select.with-placeholder .placeholder {
	color: grey; display: none;
	}
.has-feedback select.form-control {
	padding-right: 12px;
	}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-left: 20px !important;
	padding-right: 8px !important;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 8px;
    left: 4px;
    display: block;
    font-family: 'Glyphicons Halflings';
    opacity: 0.5;
}

div.h10p {	height:9.2%;	}
iframe.fullSize {
	width:100%;
	height:90%;
	border:0px;
	}
.pendingLoad,
iframe.loading {
	background:center center url('/img/loading.gif') no-repeat;
	background-size: 150px 150px;
	}
.pendingLoad {
	background-size: 75px 75px;
	height:100px;
	}
.fa-book.has_passport {
	color:#008000;
	}
.fa-book.has_active_application,
.fa-trophy.has_grading {
	color:#EA9D35;
	}
.horse-row.deceased {
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	}
.horse-row.has_alert {
	color:#ff0000;
	}

li.fa-mars:before {
	color:blue;
	}
li.fa-venus:before {
	color:pink;
	}
li.fa-mars,
li.fa-venus {
	display:block !important;
	} 
li.uelnStatus-C {
	text-decoration:line-through;
	}
.table tr td.no-border {
	border: none;
	}
.panels {
	margin: 0 -5px;
	}
.panels .panelOuter {
	padding:0;
	margin:0;
	}
.panels .panel {
	height: 250px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #cccccc;
	padding: 0 15px 10px;
	margin:5px;
	}
ul.stats li.total {
	border-top:1px solid #cccccc;
	font-weight:bold;
	margin-top: 3px;
	padding-top:3px;
	}
.expedited {
	color:#ac141f;
	transform:scale(1,0.5); /* W3C */
	-webkit-transform:scale(1.25,0.625); /* Safari and Chrome */
	-moz-transform:scale(1,0.5); /* Firefox */
	-ms-transform:scale(1,0.5); /* IE 9 */
	-o-transform:scale(1,0.5); /* Opera */
	margin-left:3px;
	}
.tab-content {
	border: 1px solid #ddd;
	border-top:none;
	padding:5px 10px;
	}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover { 
	outline: 0 !important;
	}

.px-1m {
	padding-left:1em;
	padding-right: 1em;
	}
.px-2m {
	padding-left:2em;
	padding-right: 2em;
	}
.px-3m {
	padding-left:3em;
	padding-right: 3em;
	}
.inputReplace {
	padding:7px 0px 5px;
	}
.fade-text {
	color:#cccccc;
	}
.modal-content h2 {
	border-bottom: 3px solid #293351;
	padding:10px 20px 5px;
	margin-bottom:5px;
	}
.modal-content .modal-container {
	padding:10px 20px;
	}
.member-link {
	cursor:pointer;
	}
.member-no {
	color:#cccccc;
	}
.member-current {
	color:#006600;
	}
.member-expired {
	color:#FFCC33;
	}
.member-lifetime {
	color:#330099;
	}
.member-resigned {
	color:#8f8f8f;
	}
body.user-74 {
	color:#333;
	}
ul.stepLinks {
	margin: 0;
	padding:0;
	}
ul.stepLinks li {
	list-style: none;
	float:left;
	}
ul.listCount-6 li {
	width: 16.66%;
	}
ul.stepLinks li a:focus {
	outline:none;
	}
ul.stepLinks li {
	background-image:url('/img/arrs/trans-g.png');
	background-repeat: no-repeat;
	background-position: right center;
	}
ul.stepLinks li div {
	padding: 8px 0px;
	text-align:center;
	}
ul.stepLinks li.complete div {
	background:rgb(41, 51, 81);
	background-image:url('/img/arrs/trans-w.png');
	background-repeat: no-repeat;
	background-position: left center;
	color:#ffffff;
	padding-left:5px;
	}
ul.stepLinks li:first-of-type div {
	background-image:none;
	padding-left:0;
	}
ul.stepLinks li.current {
	background-color:#eee;
	background-image:url('/img/arrs/gw.png');
	background-repeat: no-repeat;
	background-position: right center;
	}
ul.stepLinks li.current div {
	background-image:url('/img/arrs/bwg.png');
	background-repeat: no-repeat;
	background-position: left center;
	}
ul.stepLinks li:first-of-type div {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	}
ul.stepLinks li:last-of-type div {
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-right: none;
	}
#cedRefresh {
	position:absolute;
	top: 20px;
	right: 20px;
	}
.table td.pedigreeEquine {
	vertical-align:middle;
	border: 1px solid grey;
	}
.dropzone {
	text-align:center;
	font-weight:bold;
	font-size:1.5em;
	margin: auto;
	padding: 50px 40px;
	}
.dropzone > div {
	margin: auto;
	}
content:before, 
#content:after, 
#content>:last-child:before, 
#content>:last-child:after {
    position: absolute;
    width: 60px; 
    height: 50px;
    border-color: #cccccc; 
    border-style: solid;
    content: ' ';
}
 
.dropzone:before {
    top: 10px;
    left: 10px;
    border-width: 3px 0 0 3px
}
 
.dropzone:after {
    top: 10px;
    right: 10px;
    border-width: 3px 3px 0 0
}
 
.dropzone>:last-child:before {
    bottom: 10px;
    right: 10px;     
    border-width: 0 3px 3px 0
}
 
.dropzone>:last-child:after {
    bottom: 10px;
    left: 10px;
    border-width: 0 0 3px 3px
}

.statistics .statMain {
	font-size:3em;
	}
.statistics .statDivide {
	font-size:2em;
	}
.statistics .statMinor {
	font-size:1.8em;
	}
.statistics .statSubtext {
	font-size:1.2em; 
	color:#aaaaaa;
	}

.taggable-tag {
	display:inline-block;
	border:1px solid #bbbbbb;
	color:#ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:0.25em 0.5em;
	margin: 0.5em;
	background:#cccccc;
	}
.taggable-tag a {
	color: #ffffff;
	margin-left:5px;
	}
.taggable-tag a:hover {
	color: #293351;
	}
.tag_list {
	padding-bottom:10px;
	}	
.genderGlowM {
	background: #f5f6fd; /* #ecedfb; */
	}
	
.genderGlowF {
	background: #fdf5fb;  /* #fbecf8; */
	}
#parentageSearch {
	position:relative;
	}
#foundEquinesContent {
	position:absolute;
	right: -445px;
	top: 20px;
	width:450px;
	z-index: 9999;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	border:2px solid #3071a9;
	background:#ffffff;
	box-shadow: 5px 10px 18px #888888:
	}
.toShow {
	display:none;
	}

.inlineDivide > div {
	border-left: 1px solid #3071a9;
	padding: 2px 5px;
	display:inline-block;
	}
.inlineDivide > div:first-of-type {
	border: none;
	padding-left: 0;
	}
#parentageSearch .modal-container {
	padding: 3px;
	}
#parentageSearch div.head {
	padding: 2px 5px;
	}
.horseSearchRecord {
	margin: 2px 4px;
	padding: 2px 5px;
	border-top: 1px solid #918f8f;
	}
.horseSearchRecord .horseData {
	font-size:0.8em;
	color:#b8b8b8;
	}
.horseSearchRecord a {
	background:none;
	color: #918f8f;
	}
.horseSearchRecord:hover {
	background:#efefef;
	}
.horseSearchRecord a:hover {
	text-decoration:none;
	outline:none;
	}
ul#silhouettes li {
	padding: 0.5em;
	margin: 0.5em 0;
	}
ul#silhouettes li.active {
	border: 3px solid #293351;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	}
.enabled {
	color:green;
	}
.disabled {
	color:red;
	}
.cross_hairs {
	cursor:crosshair;
	}
.memberAddress address ul {
	margin: 0;
	padding: 0;
	}
.memberAddress address ul li {
	list-style:none;
	margin: 0;
	padding: 0;
	white-space:nowrap;
	}
.actionSection {
	border:1px solid #dcdcdc;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	padding: 5px 10px;
/*	margin: 2px -12px; */
	height:100%;
	margin: 0px -8px 10px;
	}
.actionSection.drk {
	background:#fafafa;
	border: 1px solid #cccccc;
	}
.actionSection.drk .thumbCont {
	background-color:#ffffff;
	}
.actionSection a {
	color:#dcdcdc !important;
	}
.actionSection .icon {
	font-size:3em;
	text-align:center;
	}
.actionSection a:hover i.fa {
	color: #293351;
	}
section .title,
.actionSection .title {
	color: #293351;
	font-size:1.6em;
	border-bottom: 1px solid #cdcdcd;
	}
.actionSection .sml_title {
	color: #293351 !important;
	font-size:1.2em;
	border-bottom: 1px solid #cdcdcd;
	overflow-wrap: break-word;
	}
.actionSection .sub_title {
	color: #918f8f !important;
	padding-bottom:5px;
	}
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.groupBorder {
	border:3px solid #dcdcdc;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	padding: 5px 10px;
/*	margin: 2px -12px; */
	height:100%;
	margin: 0px -8px 10px;
	}
div.divSelected .groupBorder {
	border-color: #293351;
	}

#pidCountdown {
	background: #dcdcdc;
	border: 3px solid 333333;
	position:fixed;
	top: 0px;
	right: 0px;
	width: 100px;
	border-bottom-left-radius: 1em;
	padding:5px;
	}
.corners {
	background:
		linear-gradient(to right, #293351 4px, transparent 4px) 0 0,
		linear-gradient(to right, #293351 4px, transparent 4px) 0 100%,
		linear-gradient(to left, #293351 4px, transparent 4px) 100% 0,
		linear-gradient(to left, #293351 4px, transparent 4px) 100% 100%,
		linear-gradient(to bottom, #293351 4px, transparent 4px) 0 0,
		linear-gradient(to bottom, #293351 4px, transparent 4px) 100% 0,
		linear-gradient(to top, #293351 4px, transparent 4px) 0 100%,
		linear-gradient(to top, #293351 4px, transparent 4px) 100% 100%;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	}
.sml_corners {
	background:
		linear-gradient(to right, #cccccc 2px, transparent 2px) 0 0,
		linear-gradient(to right, #cccccc 2px, transparent 2px) 0 100%,
		linear-gradient(to left, #cccccc 2px, transparent 2px) 100% 0,
		linear-gradient(to left, #cccccc 2px, transparent 2px) 100% 100%,
		linear-gradient(to bottom, #cccccc 2px, transparent 2px) 0 0,
		linear-gradient(to bottom, #cccccc 2px, transparent 2px) 100% 0,
		linear-gradient(to top, #cccccc 2px, transparent 2px) 0 100%,
		linear-gradient(to top, #cccccc 2px, transparent 2px) 100% 100%;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	}
.thumbCont {
	padding: 5px;
	margin: 5px 5px 10px 5px;
	}
.thumbCont > div{
	position:relative;
	height:100%;
	width:100%;
	min-height:200px;
	}
.thumbCont img {
	position:absolute;
	top:0;
	bottom: 0;
	left: 0;
	right:0;
	width:auto;
	height:auto;
	margin: auto ;
	}
.dnaContainer {
	border: 1px solid #cccccc;
	border-radius: 5px;
	}
.dnaContainer .gmResult {
	font-size:1.3em;
	padding: 5px 0px;
	}
.dna_tag {
	float:left;
	height: 8px;
	width: 50%;
	position: relative;
	padding: 0;	
	}
.col-sm-7th {
	float: left;
	width: 14.285714%;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	}
#fileuploadContainer #progress {
	height: 10px;
	}
#fileuploadContainer #progress .progress-bar-success {
	background-color:none;
	background: repeating-linear-gradient(
		45deg,
		#293351,
		#293351 10px,
		#606dbc 10px,
		#606dbc 20px
		);
}	

.actionContainer.selected .actionSection{
	background: #293351;
	color:#ffffff;
	}
.actionContainer.selected .actionSection .title {
	color:#ffffff;
	}

/*==========Sub Menu=v==========*/
/*
nav .collapse ul > li:hover > a{background: #54c6d4;}
nav .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background: #CBEAF0;}
nav .collapse ul ul ul > li:hover > a{background: #CBEAF0;}

nav .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#98D7E1;}
nav .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#0a1464}
nav .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#e4eeb8}

/******************************Drop-down menu work on hover**********************************/
@media only screen and (min-width: 767px) {
nav .collapse ul li{position:relative;}
nav .collapse ul li:hover> ul{display:block}
nav .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
nav .collapse ul ul li{position:relative}
nav .collapse ul ul li:hover> ul{display:block}
nav .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
nav .collapse ul ul ul li{position:relative}
nav .collapse ul ul ul li:hover ul{display:block}
nav .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}