.navbar-expand-lg, .navbar-nav .dropdown-menu, .dropdown-item:focus, .dropdown-item:hover {
    background-color: #71ff55;
}

div.highlight em {
    font-weight: 600;
    font-style: normal;
}

.container, .container .row .col, .container .row .card, .container .row .card .card-body {
    padding: .2rem !important;
    margin: .2rem !important;
}

#ped .ped-col {
    padding: 0rem !important;
    margin: 0rem !important;
}

.ck-content {
    overflow: hidden;
    word-break: break-word;
}

.ck-content img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

#ped.container div, .dog-text {
    padding-top: 0rem;
    padding-bottom: 0rem;
}

#ped.container .dog-text {
    padding: 2px;
    font-size: small;
}

div.dog-entry {
    padding-left: 0.1rem;
    border: 1px solid rgba(86, 61, 124, .2);
    min-height: 48px;
}

div.dog-entry.male {
    background-color: #D6E0EA;
    border: 1px solid #216fff;
    border-radius: .25rem;
}

div.dog-entry.female {
    background-color: #E9DAF1;
    border-radius: .25rem;
}

div.dog-detail.female {
    border: 1px solid #FF2080;
}

div.dog-detail.male {
    border: 1px solid #216fff;
}

div.dog-detail label {
    font-weight: bold;
}

div.dog-entry.unknown {
    border: 1px dashed #FF2080;
}

div.dog-entry.unknown {
    border: 1px dashed #FF2080;
}

#ped div.dog-entry.pic {
    min-height: 90px;
}

h5.card-title {
    margin-top: 0.3rem;
    margin-bottom: 0rem;
}

#ped {
    position: relative;
}

/* group tree */

/* Remove default bullets */

ul, #root-group {
    list-style-type: none;
    padding-left: 20px;
}

/* Remove margins and padding from the parent ul */

#root-group {
    margin: 0;
    padding: 0;
}

/* Style the caret/arrow */

.caret {
    cursor: pointer;
    user-select: none;
    /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */

.caret::before {
    content: "\25B7";
    color: #120cd2;
    display: inline-block;
    margin-right: 2px;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */

.caret-down::before {
    transform: rotate(90deg);
}

/* Hide the nested list */

.nested {
    display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */

.active {
    display: block;
}

#root-group, ul.active>li>span {
    color: #120cd2;
    font-weight: 600;
}

.s_thumb {
    max-width: 120px;
}

.fas, .fa {
    display: inline;
}

div#id_results .accordion.md-accordion div.collapse-heading a.collapsed h5 i,
div#home-accordion a.collapsed h5 i {
    display: inline-block
}

div#id_results .accordion.md-accordion div.collapse-heading a.collapsed h5 i.rotate-icon,
div#home-accordion a.collapsed h5 i.rotate-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(20deg); /* IE 9 */
    transform: rotate(180deg);
}

.edit-icon {
    opacity: 0.3;
    float: right;
    padding-right: .5rem;
}

.video-container {
	position:relative;
	/* margin-bottom:1rem; */
	height:0;
	overflow:hidden;
}

.video-1by1 {    
	padding-bottom:100% !important;
}

.video-4by3 {    
	padding-bottom:75% !important;
}

.video-16by9 {    
	padding-bottom:56.25% !important;
}

.video-21by9 {    
	padding-bottom:42.86% !important;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

div#id_results h4.kennel-name {
    margin-bottom: .2rem;
    font-weight: 600;
}

div#id_results h6.kennel-location {
    font-style: italic;
    margin-bottom: 0;
    font-weight: 600;
}

#div_id_region div.form-check, #div_id_kenn__region div.form-check {
    float:left;
    padding-right: 1rem;
    margin: .5rem;
}

#div_id_sort, #div_id_kenn {
    clear: both;
}

/* #home-carousel ol.carousel-indicators {
    margin-bottom: 1%;
}

#home-carousel div.carousel-caption {
    margin-top: 10%;
}

#home-carousel div.carousel-caption div.card,
#home-carousel div.carousel-caption div.card ul li.list-group-item {
    background-color: rgba(235, 238, 243, 0.24);    
}

#home-carousel div.carousel-caption div.card div.card-header,
#home-carousel div.carousel-caption div.card ul li {
    padding: .25rem;
} */