@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,300italic,300);

h1, h2, h3, h4, h5, h6 {
    line-height: 130%;
}
h3 {
    margin-bottom: 10px;
}
strong {
    font-weight: 700;
}
#page-main li {
    padding-bottom: 3px;
}
#page-main ol {
    list-style: decimal;
    padding: 0 0 0 15px;
    margin-bottom: 1em;
}
#page-main ul {
    padding: 0 0 0 15px;
    margin-bottom: 1em;
}
#page-main ul li {
    position: relative;
    padding-left: 15px;
}
#page-main ul li:before {
    content: '>';
    position: absolute;
    left: 0;
    top: 0;
}
ul.news-items li:before, #page-main nav ul li:before, ul.news-block-list li:before {
    content: '' !important;
}
ul.news-items li, ul.news-items, #page-main nav ul, #page-main nav ul li, ul.news-block-list li, ul.news-block-list {
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}
.news-item-content img {
    float: none !important;
}
#page-main .chosen-drop ul li {
    padding-left: 0 !important;
}
#page-main .chosen-drop ul li:before {
    content: '' !important;
}


/* =
-------------------------------------------------------------- */
.postbox-pro label[for=mdpost-post] {
    float: none !important;
    width: 100% !important;
}
#page-content {
    background: none !important;
}
#page-side .block .block-header h2, #page-before-footer .block .block-header h2, .breed-pups h2, .page-home #page-content .block-events h2,
.page-home #page-content .block-news h2, .page-home #page-content .block-calculator h2 {
    background: transparent url("../css/img/grad-blue.png") repeat-x scroll left center !important;
    line-height: 40px;
    color: #ffffff !important;
    float: left;
    margin-top: -4px;
}
.block {
    position: relative;
}
.block-content {
    clear: both;	
}

form #idr-categories label.cb-label {
    font-size: 14px;
}
#idr-categories .form-checkbox {
    margin-bottom: 0;
}
.panel #idr-categories .form-checkbox {
    padding-left: 30px;
}
.panel #idr-sliders .form-field {
    margin-bottom: 0;
}
button, a.button {
    border-radius: 0 !important;
    background-color: #0088cf !important;
    color: #ffffff !important;
    float: right !important;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    line-height: 33px !important;
    height: auto !important;
}
#page-content button:hover, #page-content a.button:hover  {
    background-color: #7dbf50 !important;
}
#page-side button:hover, #page-side a.button:hover, #page-header button:hover, #page-header a.button:hover, #page-before-footer a.button:hover {
    background-color: #33a0d9 !important;
    color: #ffffff !important;
}

#page-footer .inner {
    overflow: hidden;
}
#tabs .panel-menu .inner {
    width: auto !important;
}

#page-header #tabs .block-header{
    display: block !important;	
}
.block-banner {
    margin-bottom: 15px !important;
}

/* =Algemeen
-------------------------------------------------------------- */
body {
    background: none;
    color: #494949 !important;
    font-weight: 400 !important;
    line-height: 130%;
}
a {
    color: #0088cf;
}
h1, h2, h3, h4, h5, h6, #tabs ul li a, table#ideal-dog thead th a {
    /*font-family: 'Noto Sans', sans-serif;
    letter-spacing: -0.2px;*/
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

h1 {
    color: #0088cf;
    text-transform: uppercase;
    font-size: 26px;
    margin-bottom: 15px;
}
h2, #dog-url, #search-type, #search-breed, .search-form label {
    color: #76bc47;
    font-size: 22px;
    margin-bottom:15px;
    height:auto !important;
}
h3 {
    font-size: 20px;
    color: #0088cf;
}

p {
    font-size: 14px;
    line-height: 150%;
}
form input, form textarea, form select {
    padding: 7px;
    border: 1px solid #ebebeb;
}

form .form-fields .form-field label {
    color: #494949;
    text-transform: none;
    font-weight: 500;
    padding-top: 9px;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: none;
}
.form-error {
    color: #ff0000;
}
a.button-forgot-pwd {
    background-color: #ebebeb !important;
    color: #494949 !important;
}
a.button-forgot-pwd:hover {
    background-color: #76bc47 !important;
    color: #ffffff !important;
}
.btn-to-top {
    margin-top: 30px;
}
.block-image figure img,.block-multi_images figure img {
    height: auto !important;
    width: auto;
    max-width: 100%;
}
.block-multi_images figure{
    display: block;
    clear: both;
}
/*
.photoshow-controls-inner a{
        background: none;    
        text-indent: -9999px;
        margin: 10px;
        position: relative !important;
}
.photoshow-controls-inner {
        position: relative !important;
}
.photoshow-controls-inner a.photo-prev:after {
    content: "y";
    font-family: "omydogfont";
        font-size: 15px;
    line-height: 27px;
        color: #76bc47;
        position: absolute;
        right: 0px;
    top: 0px;
    width: 27px;
}
.photoshow-controls-inner a:hover  {
        background-color: #494949;
}*/

/* =Classes
-------------------------------------------------------------- */
.form-error {
    display: block;
    padding-top: 5px;
}
p.explain {
    font-style: normal;

    font-size: 14px !important;
}
.editable::before, form .mydog-profile-images .img-editable::before, figure.img-editable::before {
    margin: 10px 10px 0 0;
    content: "e";
    font-family: "omydogfont";
    font-size: 15px;
    height: 27px;
    line-height: 27px;
    position: absolute;
    right: -15px !important;
    top: -15px !important;
    width: 27px;
}
#mydog-hero-avatar .editable:before {
    margin: 5px 5px 0 0 !important;
}
p.explain {
    margin-bottom: 1em;
}
#ui-datepicker-div {
    background: #ffffff;
    padding: 10px;
    font-size: 12px;
}
.ui-datepicker-calendar thead tr th {
    width: 20px; 
    text-aling: right;
}
.ui-datepicker-calendar tbody tr {
    height: 20px; 
}
.ui-datepicker-calendar tbody td a {
    text-decoration: none;
    color: #494949;
}
.ui-datepicker-calendar tbody td a:hover {
    color: #0088cf;
}


/* =Navigatie
-------------------------------------------------------------- */
#page-header #header-menu #primary ul li a {
    font-size: 13px !important;
    font-weight: 400;
    border-right: 2px solid #e4e4e4;
    margin-right: 9px;
    padding-right: 9px;
}
#page-header #header-menu #primary ul li a:hover, #page-header #header-menu #primary ul li.nav-current a {
    color: #494949;
}
#page-header #header-menu #tabs .panel > .inner {
    padding: 30px 40px !important;
    box-shadow: none;
    border-bottom: 2px solid #ebebeb;
}

#page-header #tabs > ul > li > a {
    line-height: 40px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.2px;
}
#page-header #tabs form label{
    text-transform:none;
}

#page-header #tabs > ul > li > a:hover, #page-header #header-menu #tabs a:hover:before, #page-header #tabs > ul > li.open > a, #page-header #header-menu #tabs li.open a:before, .mydog.login #tabs ul li#tab-mydog a, .mydog.login #tabs ul li#tab-mydog a:before  {
    color: #324f1d !important;
}
.mydog #tabs ul li#tab-mydog .navigation li a {
    color: #ffffff !important;
}
#tab-dogs .block-num-1 {
    float: left !important;
}
#header-menu #tab-search form .form-fields .form-field, #header-menu #tab-search form .form-fields .form-field-chosen, #header-menu #tab-search form .form-buttons .form-field, #header-menu #tab-search form .form-buttons .form-field-chosen {
    float: left;
    clear: none;
}
#page-header #tabs > ul > li > .panel-menu li:first-child {
    border-top: 0;
}
#header-menu #tab-mydog .nav-item a:hover, #header-menu #tab-mydog .nav-item a:hover:before {
    background-color: #0088cf !important;
}
#header-menu #tab-mydog .nav-item a:hover, #header-menu #tab-mydog .nav-item a:hover:before {
    background-color: #0088cf !important;
}
#tab-mydog .block-content p {
    color: #ffffff;
}
#page-header #header-menu #tabs .panel-menu > .inner {
    padding: 15px !important;
}
#page-header #header-menu #tab-mydog .block {
    float: left !important;
}
.panel .block-dogs_ideal .form-buttons {
    margin-top: 0 !important;
}

.search-results .search-result.search-result-full {
    max-width: 100%;
    width: auto !important;
}
.search-result-page a {
    margin-top: 15px;
}

/* =Navigatie MY DOGS
-------------------------------------------------------------- */
#mydog-fold a.fold-open {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
}
#mydog-fold a {
    font-size: 16px;
    color: #fffff;
    display: block;
    padding: 10px 16px;
    text-decoration: none;
}
#mydog-fold ul li a {
    border-bottom: none;
}
#mydog-fold ul li a:hover {
    background: none;
}
#mydog-fold ul li {
    border-bottom: 1px solid #ffffff;
}
#mydog-fold ul li:hover {
    background: #0088cf;
}
#tab-mydog form .form-other-actions {
    clear: none;
    padding-top: 0;
}
#tab-mydog form .form-other-actions a.button-forgot-pwd {
    background: none !important;
    color: #ffffff !important;
    text-transform: none !important;
    text-decoration: underline !important;
    font-size: 14px !important;
}
#tab-mydog form .form-other-actions a.button-forgot-pwd:hover {
    opacity: 0.7;
}
form.auth-password label {
    text-transform: uppercase;
}
#tab-mydog li.navitem span.md-profile, #tab-mydog li.navitem span.md-profile-personal, #tab-mydog li.navitem span.md-profile-pro {
    position: relative;
    padding-left: 25px;
    display: block;
    line-height: 140%;
}
#tab-mydog li.navitem span.md-profile:before, #tab-mydog li.navitem span.md-profile-personal:before, #tab-mydog li.navitem span.md-profile-pro:before {
    content: "t" !important;
    font-family: "omydogfont";
    left: 0;
    text-transform: none;
    top: 0;
    position: absolute;
    color: #b1d996;
}
#tab-mydog li.navitem:hover span.md-profile:before, #tab-mydog li.navitem:hover span.md-profile-personal:before, #tab-mydog li.navitem:hover span.md-profile-pro:before {
    color: #ffffff;
}
.contract-pros {
    text-align: center;
    padding: 8px 9px !important;
}

/* =Header
-------------------------------------------------------------- */
#page-header {
    border-bottom: 2px solid #ebebeb;
}
#page-header #header-menu #primary ul li:last-child a {
    border-right: medium none;
    margin-right: 0;
    padding-right: 0;
}

#page-header #header-menu #tabs #tab-dogs > a:before {
    content: "q" !important;
    top: 3px;
    left: -6px;
    text-transform: none;
}
#page-header #header-menu #tabs #tab-search > a:before {
    content: "s" !important;
    top: 3px;
    left: -6px;
    text-transform: none;
}
#page-header #header-menu #tabs #tab-mydog > a:before {
    content: "t" !important;
    top: 4px;
    left: -5px;
    text-transform: none;
}
#page-header #header-menu #tabs > ul > li > a:before {
    color: #b1d996;
}
#page-header #header-menu #tabs > ul > li > a::before {
    -moz-osx-font-smoothing: grayscale;
    color: #b1d996;
    font-family: "omydogfont";
    font-size: 1.2em;
    position: relative;
    text-transform: lowercase;
}

#tab-mydog .panel .block-mydog-login {
    position: relative;
}
/*#tab-mydog .panel .block-mydog-login .button-forgot-pwd {
    background: none;
    color: #ffffff;
    position: absolute;
    top: 130px;
    left: 112px;
    text-transform: none !important;
    text-decoration: underline;
    font-size: 13px;
}*/
#tab-mydog .panel .block-mydog-login .form-field {
    margin-bottom: 0;
    padding-bottom: 0;
}
#tab-mydog .panel .block-mydog-intro .button {
    margin-top: 56px;
}
#tabs .block-header h2, #tab-mydog .block-header h3, #page-footer h2 {
    text-transform: uppercase;
    font-size: 18px !important;
    color: #324f1d !important;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 15px !important;
}
#page-header #tabs > ul > li > .panel-menu a {
    padding: 10px 8px 6px !important;
}

/* =Structuur
-------------------------------------------------------------- */
#page-main > .inner {
    background: none;
}
#tab-dogs .form-fields .form-field .noUi-handle-lower::after, #tab-dogs .form-fields .form-field .noUi-handle-upper::after {
    top: -9px;
}

/* =Home
-------------------------------------------------------------- */
.page-home #page-content .block-dogs_info, .page-home #page-content .block-cmp_search {
    /*background-color: #0088cf;*/
    background-color: #33a0d9;
    padding: 25px 30px;
}
.page-home #page-content .block-dogs_info h2, .page-home #page-content .block-cmp_search h2{
    color: #ffffff;
    margin-bottom: 5px;
}
.page-home #page-content .block-dogs_info label, .page-home #page-content .block-cmp_search label {
    color: #ffffff;
}
.page-home #page-content .block-dogs_info button, .page-home #page-content .block-cmp_search button {
    background-color: #7dbf50 !important;
}

#page-content .block-events {
    background-color: #7dbf50;
    color: #ffffff;
}
#page-content .block-events a {
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
}
.news-block-item-footer a{
    color: #494949;
    position: relative;
    text-decoration: none;
}
.news-block-item-footer a:hover{
    opacity: 0.7;
}
.news-block-item-content {
    margin-bottom: 25px;
}
.news-block-item-footer a:after{
    color: #0088cf;
    content: "r";
    font-family: "omydogfont";
    font-size: 19px;
    position: absolute;
    right: -27px;
    top: -3;
}
.page-home #page-content .block-news {
    background-color: #ebebeb;
    padding: 0 30px 20px;
}

.page-home #page-content .block-calculator {
    background-color: #7dbf50;

}
.page-home #page-content .block-calculator .block-content {
    padding: 0 30px 20px;
}
.page-home #page-content .block-calculator .block-header{
    padding: 0px !important;
    margin: 0px !important;
}
.page-home #page-content .block-calculator .block-header h2{
    margin-left: 25px;
}
.page-home #page-content .block-events {
    padding: 0 30px 20px;
    min-height: 250px;
}
.news-block-item:first-child {
    padding-top: 0;
}
.news-block-item:last-child {
    border-bottom: 0;
}
header { 
    padding:0px !important;margin:0px !important
}

.news-block-list li {
    line-height: 175%;
    font-size: 15px;
}
.news-block-list li a {
    text-decoration: none;
    display:block;
    margin-bottom:5px;
    line-height:130%;
    position: relative;
    padding-left: 20px;
}
.news-block-list li a:before {
    content: '>';
    position: absolute;
    left: 0;
    top: 0;
}
.news-block-list li a:hover{
    opacity: 0.7;
}

/* =Pups in de kijker
-------------------------------------------------------------- */
body.page-home #page-before-footer{
    padding-top: 50px;
}
body.page-home #page-before-footer .block {
    background: none repeat scroll 0 0 #ebebeb !important;
    padding-bottom: 15px;

}
.puppy {
    float: left;
    display: inline-block;
    margin-right: 14px;
    margin-bottom: 15px;
    text-decoration: none;
    max-width: 175px;
}
.puppy:last-child {
    margin-right: 0;
}
.puppy figure img {
    width: 175px;
    height: auto;
}
.puppy .puppy-description {
    background-color: #76bc47;
    padding: 8px 5px 5px;
    display: block;
    margin-top: 5px;
    position:relative;
}
.puppy .puppy-description:before {
    content: url('../css/img/text-arrow.png');
    position: absolute;
    top: -9px;
    left: 48%;
}
.puppy span {
    display: block;
    color: #ffffff;
    text-align: center;
    font-weight: 500;
    padding: 3px;
}
.puppy:hover .puppy-description:before {
    content: url('img/text-arrow-hover.png');
}
.puppy:hover .puppy-description {
    background-color: #0088cf;
}

/* =Ideale rashond
-------------------------------------------------------------- */
table#ideal-dog td:nth-child(1) a {
    display: block;
    padding-left: 10px;
    font-size: 13.5px;
    text-decoration: none;
    font-weight: 500;
}
table#ideal-dog tr:hover td:nth-child(1) a {
    color: #0088cf;
}
table#ideal-dog thead th {
    background: transparent url("../css/img/grad-blue.png") repeat scroll left center;
}
table#ideal-dog thead th a {
    font-weight: 600;
    padding: 10px 10px 7px;
    text-transform: uppercase;
}
table#ideal-dog thead th a.sorted {
    font-weight: 400;
}
table#ideal-dog tbody tr:last-child {
    border-bottom: 0;
}
table#ideal-dog tr:hover span.score-holder {
    background: #ffffff;
}

/* =Nieuws
-------------------------------------------------------------- */
.news-items li {
    font-size: 15px;
    line-height: 200%;
    border-bottom: 1px solid #ebebeb;
}
.news-items li a {
    text-decoration: none;
}
.news-items li a:before {
    content: '>';
    padding-right: 7px;
}

.page-news-post #page-title {
    display: none;
}
.news-item-header h3 {
    font-size: 26px;
}


/* =Detail hond
-------------------------------------------------------------- */
#breed-breadcrumb {
    color: #33a0d9;
    margin: -10px 0 30px;
}
figure.breed-hero-img {
    box-shadow: none !important;
    padding: 0 !important;
    border: 2px solid #ebebeb !important;
}
#breed-parameters {
    padding-left: 30px;
    margin-bottom: 45px;
}
#breed-parameters span.label {
    background: none !important;
    color: #0088cf;
    font-weight: 600;
    position: relative;
}
#breed-parameters span.label:before {
    content: 'z';
    font-family: "omydogfont";
    position: absolute;
    left: 1px;
    top: -3px;
    font-size: 12px;
}
figure.breed-hero-img img {
    margin: 0 auto;
}
#breed-scores span.label {
    display: block;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 3px;
}
#breed-parameters p.breed-parameter {
    margin-bottom: 10px;
}
#breed-scores span.label {
    font-weight: 500;
}
.breed-info-panel {
    margin-bottom: 20px;
}
#breed-photos figure.breed-photo a {
    margin: 0;
}
#breed-photos figure.breed-photo {
    margin: 0 10px 10px 0;
    width: 24%;
}
#breed-photos figure.breed-photo:nth-child(4n) {
    margin: 0;
}
.breed-pups.block {
    background-color: #ebebeb;
}
#breed-photos {
    margin-bottom: 50px;
}
#breed-photos h2 {
    display: none;
}
.breed-breeders {
    padding-top: 15px;
}

/* =Fokkers
-------------------------------------------------------------- */
.search-results .search-result {
    border: 2px solid #ebebeb;
    margin-bottom: 15px !important;
    margin-top: 0;
    padding: 15px 30px;
    overflow: hidden;
}
.search-results .search-result h3, .search-results .search-result h3 a {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #0088cf;
}
.search-results .search-result .search-result-location::before {
    color: #494949;
    content: "l";
    font-family: "omydogfont";
    margin-left: -20px;
    font-size: 16px;
    line-height: 16px;
}
.search-results .search-result .search-result-location, .search-results .search-result .search-result-contact {
    padding-left: 20px;
}
#page-main .search-results .search-result:first-child, #page-main .search-results .search-result:nth-child(2) {
    margin-top:0;
}
.search-results .search-result .search-result-location p, .search-results .search-result .search-result-contact p, 					.search-results .search-result .search-result-location, .search-results .search-result .search-result-contact {
    height: auto;
}
.search-result-inner .search-result-page {
    padding: 0 !important;
    margin-top: 15px !important;
}
.search-result-inner .search-result-page a.button {
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    color: #ffffff !important;
}
.search-result-inner .search-result-page a.button:hover {
    background-color: #76bc47;
}
.search-result-full, .search-result-pro {
    padding: 20px 20px !important;
}
.search-result-inner {
    max-width: 45%;
}
.search-result-location p {
    line-height: 22px !important;
}
.search-results .search-result h3, .search-results .search-result h3 a {
    height: auto;
}
.search-result-location {
    margin-top: 5px !important;
}
.search-results .search-result-breeds {
    margin-top: 10px;
    margin-left: 20px;
}

/* =Wedstrijdpagina
-------------------------------------------------------------- */
.contest-intro, .contest-q1, .contest-q2  {
    margin-bottom: 20px;
}
.contest-q1 {
    margin-top: 20px;
}
.contest-intro {
    padding: 10px 0;
    border-bottom: 2px solid #ebebeb;
    clear:both;
}
.contest-intro .content-img, .question-img {
    padding: 10px 0;
}
.contest-q1 h4, .contest-q2 h4 {
    color: #76bc47;
    font-size: 16px;
    font-weight: 600;
}
.contest-q1 > label {
    padding: 5px 0 !important;
}
.contest-q1 > label input {
    margin-right: 10px;
}
.contest-q2 p {
    margin-bottom: 5px;
}
.contest-q1 h4 {
    display:inline-block;
    clear:both;
}
/*.block-content {
        display:inline;
}
.contest-q1 p img {
    clear: both;
    float: left;
    padding-right: 25px;
}
.contest-q1 p {
        display:inline;
}*/


/* =Mydog
-------------------------------------------------------------- */
page-content .auth-login {
    max-width: 650px;
}

#mydog-tabs li.nav-current, #mydog-tabs li:hover {
    background: #0088cf none repeat scroll 0 0;
}

#mydog-hero-img {
    border: none;
}
#mydog-hero-img img, #mydog-hero-avatar figure img  {
    margin: 0 auto;
}
#mydog-hero-avatar figure {
    border: 2px solid #ebebeb;
    margin-right: 25px;
    overflow: visible !important;
}

#mydog-tabs {
    border-bottom: 2px solid #ebebeb;
    margin-bottom: 30px;
}
#mydog-tabs li a {
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 2px 12px !important;
}
.md-actions a.action-photo::before {
    background: #0088cf;
    border: none;
    color: #ffffff;
    height: 30px;
    line-height: 30px;
    margin-left: 5px;
    width: 30px;
}
.md-graph-action a.md-action, .md-actions a.md-action a, .md-actions a.md-action.action-photo {
    font-size: 13px;
}
.md-graph-action a.md-action::before, .md-actions a.md-action::before {
    margin-left: 3px !important;
}
.md-graph-action a.md-action::before, .md-actions a.md-action::before {
    font-size: 16px !important;
}
.dogs .dog:last-child {
    border: none;
}
.md-actions h2 {
    color: #0088cf;
}	

#page-main form table.order-overview, #page-main div#order-info {
    margin-bottom: 30px;
}

/* =Homepage / Mydog
-------------------------------------------------------------- */
#mydog-hero {
    margin-bottom: 15px !important;
}
.stream-post header figure {
    margin-right: 20px;
}
.stream-post header {
    padding: 15px !important;
}
.stream-post-data {
    padding: 0 15px 15px !important;
    margin-top: -10px;
}
.stream-post-content {
    padding: 0 15px !important;
}
.stream-post-comment {
    margin: 0 !important;
    padding: 10px 0 !important;
}
.stream-post-comment header {
    padding: 10px 0 !important;
}
.stream-post-comment .stream-post-content {
    padding: 0 !important;
}

.stream-post-comments {
    padding: 10px 25px !important;
}
div.md-postbox textarea {
    padding: 7px 10px;
}
.stream-add-comment div.md-postbox .form-fields textarea, div.stream-post textarea {
    border: none;
}
.stream-post .user-avatar {
    border: 1px solid #ebebeb;
}

.stream-post .event header.event-header {
    height: auto;
    background-color: #ebebeb !important;
}


/* =homepage mydog
-------------------------------------------------------------- */
.stream-post-comments.closed h3 {
    background-color: #f4f4f4;
    font-size: 12px;
    color: #0088cf;
}

div.md-postbox {
    border: none;
    margin-bottom: 5px;
}
.stream-post {
    border: 2px solid #eee;
}
.stream-post header, .stream-post-data {
    overflow: hidden !important;
}
.stream-post header span.post-date {
    display: block;
}
.stream-post figure.user-avatar {
    margin-right: 20px;
    width: 75px;
}
.stream-post .user-info {
    float: left;
}
#md-my-profiles {
    margin-bottom: 20px;
}
.stream-post header h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
}
.stream-post header h3 a {
    text-decoration: none;
}
.stream-post .stream-post-data a {
    text-decoration: none;
    font-size: 13px;
    line-height: 28px;
    padding-left: 15px;
}
.stream-post .stream-post-data a.like_btn:before {
    content: url('../css/img/kwispelen.png') !important;
    margin-right: 5px;
    display: inline-block;
}
.stream-post .stream-post-comments {
    background: none repeat scroll 0 0 #ebebeb;
}
.stream-post span.post_date {
    color: #7f7f7f;
    font-size: 10px;
}
.stream-post .stream-post-comments .stream-post-comment {
    border-top: 1px solid #cfcfcf;
    border-bottom: none;
}
.stream-post .stream-post-comments .stream-post-comment:first-child {
    border-top: none;
}
.stream-post .stream-post-content {
    padding: 0;
}
.stream-post header span.post-date {
    font-size: 85%;
    opacity: 0.7;
}
.stream-post .stream-post-content figure img {
    float: left;
    clear: both;
    max-height: 400px;
}
.stream-post .stream-post-content figure {
    padding-top: 15px;
}
.md-postbox .form-fields textarea {
    padding: 10px;
}
div.md-postbox .form-fields textarea, div.stream-post textarea {
    border: 2px solid #ebebeb;
    margin-bottom: 0;
}
div.md-postbox .form-fields textarea, div.stream-post textarea .style {
}
.form-post-field-photo {
    padding: 25px;
    background: #ebebeb;
    overflow: hidden;
}
.form-post-field-photo .img-browser-wrap {
    max-width: 40%;
}
.img-editable:hover {
    cursor: pointer;
}
.stream-post-data {
    clear: both;
}
.input-image-wrap a.photo-upload, .input-image-wrap a.photo-add, .input-images-wrap a.photo-upload, .input-images-wrap a.photo-add  {
    padding: 0 11px 0 3px;
}
div.stream-post-actions a {
    padding: 4px 7px;
}

#md-stream {
    margin-top: 30px;
}
.stream-post-comments figure.user-avatar {
    max-width: 50px;
    heihgt: auto;
}
.stream-post-comments p a {
    font-weight: 600;
    padding-right: 3px;
    text-decoration: none;
}
.stream-post-comments .post_date {
    display: block;
}

.page-home .block-text {
    font-size: 15px;
    line-height: 140%;
}
.page-home .block-text h2 {
    margin-bottom: 5px;
    padding-top: 10px;
    text-transform: uppercase;
}
.page-home #page-content .block-dogs_info button:hover, .page-home #page-content .block-cmp_search button:hover {
    background-color: #0088cf !important;
}
.page-home #page-content .events-block-more.button:hover, page-home #page-content block-pups .button:hover {
    background-color: #33a0d9 !important;
}
.news-item {
    margin-bottom: 30px;
}

#search-results-container #search-results-tools {
    border-radius: 0;
}
#search-results-container #search-results-tools a.active, #search-results-container #search-results-tools a:hover {
    font-weight: normal;
    background: #7dbf50;
    color: #ffffff !important;
}
#search-results-report a{
    height: 30px;
    line-height: 30px;
    color: #7b7b7b;
    text-decoration: none;
}
#search-results-report a:hover{
    color: #7dbf50;
}
#search-results-container #search-results-tools a {
    background: #ebebeb;
    color: #7b7b7b;
}
#search-results-tools {
    margin-bottom: 1em !important;
}
.page-search #page-title {
    margin-bottom: 0 !important;
}
#md-company-about p{
    margin-bottom: 0;
}

/* =fotoalbum
-------------------------------------------------------------- */
#mydog-tabs {
    margin-bottom: 30px !important;
}
.md-actions {
    margin-bottom: 20px !important;
}
.album-photos {
    margin-top: 20px;
}
.md-album img:hover {
    opacity: 0.7;
}
figure figcaption {
    text-align: center;
    font-weight: 500;
}
.md-album a {
    text-decoration: none;
}
.album h4 {
    font-size: 18px !important;
    color: #0088cf !important;	
    text-transform: uppercase;
    margin-top: 15px;
}
.album .photo-reel {
    margin-top: 15px;
    margin-bottom: 15px;
}
.album {
    border-bottom: 2px solid #ebebeb;
}

/* =Friends
-------------------------------------------------------------- */
.md-graph-panel h2 {
    padding-top: 5px;
}
#page-content a.button.action-unfriend:hover {
    background: none !important;
    color: #7dbf50 !important;
}
.md-graph-panel .mydog-user-graph .mydog-user-graph-inner {
    border: none;
    box-sizing: border-box;
    margin: 8px 0;
    overflow: hidden;
    padding: 0;
}
.md-graph-panel .mydog-user-graph figure {
    margin-right: 20px;
}
.mydog-user-graph:nth-child(2n){
    margin-right: 0 !important;
}
.mydog-user-graph .button {
    color: #ffffff;
}
.mydog-user-graph-inner .action-unfriend, .mydog-user-graph-inner .action-unfollow, .mydog-user-graph-inner .action-friend {
    background: none !important;
    color: #33a0d9 !important;
    text-decoration: underline !important;
    text-transform: none !important;
    display: block;
}
.mydog-user-graph a.button {
    float: left !important;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
}
.mydog-user-graph-inner {
    position: relative;
}
.mydog-user-graph-inner .button {
    position: absolute;
    bottom: 7px;
    right: 15px;
}
.mydog-user-graph-inner > h3 {
    float: left;
    font-size: 18px;
    width: 53%;
    padding-top: 10px;
}
.mydog-user-graph-inner > h3 a {
    color: #808080;
    font-size: 16px;
    height: auto !important;
}
.mydog-user-graph-inner > h3 a:hover {
    color: #33a0d9;
}
.md-graph-friends figure, .md-graph-following figure, .md-graph-requesting figure{
    border: 1px solid #ebebeb;
    width: 100px !important;
}
.md-graph-friends figure:hover, .md-graph-following figure:hover, .md-graph-requesting figure:hover{
    opacity: 0.75;
}
.mydog-user-graph .mydog-user-graph-inner {
    border: 2px solid #ebebeb !important;
    box-sizing: border-box;
}
.md-graph-friends h2, .md-graph-following h2, .md-graph-requesting h2 {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/* =Sidebar my profile
-------------------------------------------------------------- */
#md-user-info figure {
    float: left;
    border: 1px solid #ffffff;
    margin-right: 20px;
}
.md-info h2, #md-company-info h2 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
}
.md-info h2 {
    float: none;
    clear: both;
    margin-bottom: 5px;
}
.block-content-inner div p, .block-md-info div p, #md-user-dogs{
    color: #ffffff;
    display: block;
    clear: both;
}
#md-user-dogs .dog figure.dog-thumbnail {
    margin-right: 0;
    width: 85px;
    height: 85px;
    margin-left: 20px;
}
#md-user-dogs .dog:last-child {
    padding-bottom: 0;
}
#page-main #md-user-dogs h3 {
    font-size: 20px;
    padding-bottom: 10px;
}
#md-user-dogs h4 {
    font-size: 16px;
}
#page-side #md-user-dogs h4 {
    color: #324f1d;
}
.form-section h3, .mydog-company .inner > h2, .mydog-user #page-main h2, .md-actions h2 {
    border-bottom: 2px solid #ebebeb;
    padding-bottom: 10px;
    color: #0088cf;
}
.md-actions h2 {
    margin-bottom: 0;
    display: block;
    float: none;
}
form label.mydog-profile-personal{
    color: #494949;
}
#page-side #md-user-dogs {
    margin-top: 30px;
}


/* =Pups 
-------------------------------------------------------------- */
.dogs .dog {
    padding: 15px 0;
}
#puppy-filter {
    margin-bottom: 30px;
}
.puppy .puppy-description {
    min-height: 75px;
}


/* =Mydog business 
-------------------------------------------------------------- */
.md-subprofile {
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
}
.md-subprofile figure, #mdprofile-my-profile figure {
    float: left;
    border: 1px solid #ffffff;
}
.md-subprofile img {
    max-width: 75px;
    height: auto;
}
.md-subprofile a {
    text-decoration: none;
}
.md-subprofile a h4 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px; 
    padding: 7px 0 10px 10px;
    float: left;
}
.md-subprofile a:hover h4 {
    color: #324f1d;
}
#md-company-info div {
    padding: 5px 0;
}
#md-company-location p {
    margin-bottom: 0;
}
#md-company-info a {
    color: #ffffff;
}
#md-company-info a:hover {
    color: #324f1d;
}
.stream-post-content h4 {
    font-size: 16px;
    color: #7dbf50;
    text-transform: uppercase;
}
.stream-post-content {
    padding-bottom: 15px !important;
}
div.abe-block {
    border: none;
}
a.abe-del-block {
    margin-right: -10px;
    height: 25px;
    line-height: 26px;
    width: 25px;
    margin-top: -10px;
    font-size: 14px;
}
#page-main form .form-fields .form-field input.abe-title-title {
    font-size: 20px;
}
.srtf-tools, .srtf-editor {
    padding: 5px 10px;
}
div.abe-tools {
    background-color: #ffffff;
}

.md-page-content {
    margin-bottom: 15px;
}
.mydog-promo .btn-mydog-login {
    margin-left: 10px;
    margin-top: 15px;
    display: inline-block;
}


/* =business about
-------------------------------------------------------------- */
.mydog-company #page-main .form-fields .form-field .editor textarea {
    width: 72%;
    padding: 7px 10px;
}
.editor .ed-paragraph {
    padding-bottom: 20px;
}
.ed-paragraph textarea {
    height: 150px !important;
}
.editor {
    padding-top: 30px;
}


/* =business pups
-------------------------------------------------------------- */
.dogs .dog .dog-thumbnail {
    margin-top: 10px;
}
div.input-images-wrap .input-images-content figure .photo-inner {
    padding: 7px;
}
.dog-params {
    margin-bottom: 15px;
}
.pups .pup .pup-inner h3 {
    font-size: 15px;
    margin-bottom: 15px;
}
.pups .pup .pup-inner {
    float: right;
    width: 72%;
}
.pup-parameter-breed, .pup-parameter-color, .pup-parameter-gender {
    border-bottom: 1px solid #b1d996;
    padding-bottom: 3px;
    margin-bottom: 3px;
}
.pup-parameter:last-child {
    margin-top:15px;
}
.pup-parameter .label {
    font-weight: 500;
}
.pups .pup:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.pups .pup .pup-thumbnail {
    float: left;
    height: 150px;
    width: 150px;
}
a.btn-edit, a.btn-delete, a.photo-upload, a.photo-add {
    color: #0088cf !important;
    font-size: 12px;
    padding: 3px 5px;
    text-transform: uppercase;
}
a.photo-upload, a.photo-add, a.btn-edit, a.stream-post-delete {
    background-color: #ebebeb !important;
    border-radius: 4px !important;
    line-height: 20px;
    height: 20px;
    text-decoration: none;
    display: inline-block;
    margin-right: 10px;
}
.stream-post .stream-post-actions .inner {
    right: 10px;
    top: 25px;
    width: auto
}
a.button.btn-edit {
    line-height: 24px !important;
}
.input-images-content {
    margin-top: 15px;
}
a.btn-delete {
    float: right;
    margin-right: 15px;
}
a.btn-delete:hover {
    color: #7dbf50 !important;
}
a.btn-edit:hover, a.button.btn-edit:hover, a.photo-upload:hover, a.photo-add:hover {
    background-color: #0088cf !important;
    color: #ffffff !important;
}
a.btn-edit:hover:before {
    color: #ffffff;
}
.pup-inner a.btn-edit, .dog-inner a.btn-edit {
    background: none;
    color: #494949;
    padding: 0;
}
.pup-inner a.btn-edit::before, .dog-inner a.btn-edit::before {
    content: "e";
    color: #494949;
    line-height: 16px;
    margin-right: 0.6em;
}
#page-main form .form-fields .form-field .toggles {
    height: auto !important;
}
.mydog-company .form-field.toggles {
    margin-bottom:0 !important;
    padding-bottom: 0 !important;
}

.dog-inner h4 {
    font-size: 18px;
    color: #7dbf50;
    margin-bottom: 5px;
}
.dog-params dl dt, .dog-params dl dd {
    display: inline-block;
}
#page-side .dog-params dl dt, #page-side .dog-params dl dd {
    display: block;
}
.dog-params dl dt {
    font-weight: 600;
    text-transform: capitalize;
}
#page-side .dog-params dl dt, #page-side .dog-param-about {
    display: none;
}
.dog-param-about {
    margin-top: 10px;
}
.dog-params dl {
    border-bottom: 1px solid #b1d996;
    padding: 4px 0;
}
.dog-params dl:last-child {
    border-bottom: none;
}
#md-user-dogs .dog figure.dog-thumbnail {
    margin-top: 20px;
}

#page-side h3 {
    color: #ffffff;
    line-height: 130%;
}

/* =company settings
-------------------------------------------------------------- */
form .mydog-profile-personal .img-field {
    width: 150px;
    height: 150px;
}

.form-fields .form-field .img-browser-wrap {
    height: 150px;
    width: 150px;
    background: pink;
}
form .mydog-profile-images {
    float: left !important;
    padding-top: 0 !important;
    width: 150px !important;
    height: 150px;
    display: inline-block;
    border: 1px solid #ebebeb;
    margin-top: 15px;
}

/* =Pro
-------------------------------------------------------------- */
.md-page-content div.abe-text, .md-page-content div.abe-text-img {
    margin-bottom: 2em;
    padding-top: 2em;
    border-top: 2px solid #ebebeb;
}
.md-page-content div:first-child {
    border-top: none;
    padding-top: 0;
}
.abe-text-img-content figure {
    outline: 2px solid #ebebeb;
    border: 5px solid #ffffff;
}
/*.stream-post-header {
        background-color: #ebebeb;
        margin-bottom: 1em;
}*/
.mydog-promo h2 {
    margin-bottom: 5px;
    margin-top: 30px;
}


/* =Sidebar
-------------------------------------------------------------- */
#page-side .search_locations .country {
    margin-bottom: 20px;
}
#page-side .inner {
    padding-top: 4px;
}
#page-side .block-doghead {
    overflow:hidden;
}
#page-side #idr-categories {
    margin-left: 3px;
}
#page-side .search-form-large label {
    margin-bottom: 5px;
}
#page-side .search-form-large .form-buttons {
    margin-top: 0;
}
#page-side .search-form-large .search_locations {
    padding-top: 15px;
}
#page-side .block-doghead .block-content figure img {
    margin: 0 auto;
    width: auto;
    height: auto;
}
#page-side .block-dogs_ideal .block-header .block-header-extra {
    margin: 25px 25px 0 !important;
}
.explain-expand .explain-indicator {
    font-weight: 600;
} 
.explain-indicator:hover {
    cursor: help;
}
.explain-expand .explain-content {
    font-weight: 400;
    color: #0088cf;
    font-size: 12px;
    left: 25px;
    padding-top: 10px;
    position: absolute;
    right: 25px;
    z-index: 10;
}
.explain-expand .explain-content .inner {
    margin-left: 0 !important;
    padding: 7px !important;
}
.explain-expand .explain-content p {
    font-size: 12px;
}
#page-side .chosen-single {
    background-color: #ffffff !important;
}
#page-side .event-block-item {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #0088cf;
}
#page-side .event-block-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
#page-side .event-title, #page-side .event-location {
    display: block;
}
#page-side .event-title, #page-side .event-dt-start, #page-side .event-dt-end, #page-side .event-location {
    margin-bottom: 5px;
}

/* events */
.events-block-footer {
    padding-top: 0 !important;
}
.events-block-list {
    padding-left: 0 !important;
}
.events-block-list li {
    padding-bottom: 15px !important;
}
.events-block-list span.event-location {
    display: block;
}
.events-block-list span.event-title {
    display: block;
    margin-bottom: 3px;
    padding-left: 0 !important;
    font-weight: 700;
    font-size: 16px;

}
#page-side .events-block-list li span:nth-child(2) {
    position: relative;
}
#page-side .events-block-list li span:nth-child(2)::before {
    color: #0088cf;
    content: "x";
    font-family: "omydogfont";
    left: 1px;
    margin-bottom: 5px;
    padding-right: 7px;
    position: absolute;
    top: 1px;
}
#page-side .events-block-list li span:nth-child(2) {
    padding-left: 24px;
}
#page-side .events-block-list li span.event-location:before {
    color: #0088cf;
    content: "l";
    font-family: "omydogfont";
    padding-right: 8px;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: -1px;
}
.event-location {
    position: relative;
}
.event-dt-start:after {
    content: ' -';
    padding-left: 2px;
}
.events-block-footer {
    padding-top: 25px;
}
.event-title:hover a {
    color: #324f1d !important;
}

.page-home #page-main .block-news ul {
    padding-bottom: 1em;
}
.page-home #page-main .block-events, .page-home #page-main .block-news {
    position: relative;
}
.page-home #page-main .block-events .button, .page-home #page-main .block-news .button {
    position: absolute;
    right: 15px;
    bottom: 15px;
}


#page-side .block .block-header h2, #page-before-footer .block .block-header h2, .breed-pups h2, .page-home #page-content .block-events h2, .page-home #page-content .block-news h2, .page-home #page-content .block-calculator h2   {
    font-size: 16px;
    font-weight: 600;
    line-height: 35px;
    padding: 5px 20px 0 15px;
    text-transform: uppercase;
}

#page-side .search_locations p label {
    text-transform: none;
    font-size: 14px;
    font-weight: 500 !important;
    margin-bottom: 5px;
    padding-left: 20px;
}
.country > p .cb-label{
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-bottom: 7px !important;
}

/* =kalender
-------------------------------------------------------------- */
#events .event {
    margin-bottom: 5px;
}
.page-events #page-title {
    display: none;
}
#events header h2 {
    color: #0088cf;
    font-size: 26px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
#events header.event-header {
    background-color: #ebebeb;
    height: 45px;
}
#events header.event-header h3 {
    height: auto;
    line-height: 50px;
}
#events header.event-header span.date {
    background: #7dbf50;
    color: #ffffff;
}
.event-date-single span.date-single, .event-date-multi span.date {
    height: 40px;
    padding-top: 5px;
    margin-right: 15px !important;
}
.event-date-single .year, .event-date-multi .year {
    display: none !important;
}
#events header.event-header h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}
#events div.event-controls a {
    background: #808080 none repeat scroll 0 0;
    border-radius: 25px;
    height: 25px;
    line-height: 25px;
    margin-left: 8px;
    margin-right: 0;
    width: 25px;
}
#events div.event-controls a:hover {
    background-color: #0088cf;
}
#events div.event-controls a.events-today {
    background: none;
    border-radius: 0;
    color: #0088cf;
    padding-right: 15px;
    text-decoration: underline;
}
.event-info, .event-description {
    padding: 5px 15px;
}
.event-description {
    margin-bottom: 15px;
    opacity: 0.7;
    line-height: 140%;
}
.event-info dt {
    font-weight: 600;
}
.event-location dl {
    display: none !important;
}
.event-location dd:before {
    content: 'l';
    font-family: "omydogfont";
    font-size: 20px;
    color: #0088cf;
    display: inline-block;
}
span.loc-name {
    font-weight: 600;
    text-transform: uppercase;
}

#events h2 span:first-child {
    font-weight: 700;
}
#events .event dl.event-info-start, #events .event dl.event-info-end {
    float: none !important;
}
#events .event-details {
    padding-top: 10px;
    padding-bottom: 10px;
}
#events .event dl.event-info-start dt, #events .event dl.event-info-end dt {
    color: #7dbf50;
}
.event-route {
    font-size: 85%;
    text-decoration: none;
}
.event-route:before {
    content: '(';
}
.event-route:after {
    content: ')';
}
.loc-city {
    margin-right: 1px !important;
}
#events .event dl.event-location dd span.loc-name {
    color: #0088cf;
}
#events .event-location {
    margin-top: 10px;
}


/* =Forms
-------------------------------------------------------------- */
form select {
    -webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
}
.comment-box textarea {
    height: 40px !important;
}
#tab-mydog .block-mydog-login  form label {
    text-transform: none;
    font-size: 15px;
    display: inline-block;
    padding-right: 30px;
    top: 5px;
    line-height: 27px;
}
#tab-mydog input {
    display: inline-block;
    border: none;
}
#tabs label {
    line-height: 20px;
    height: auto !important;
    font-size: 14px;
    color: #ffffff;
}
.select-area a.chosen-single.chosen-default, .select-area a.chosen-single, .select-area .chosen-container-active.chosen-with-drop {
    border: 0;
    background: none repeat scroll 0 0 #ebebeb;
    height: 30px;
    line-height: 33px;
    border-radius: 0;
}
#page-main .select-area a.drop-activate {
    background: url("../css/img/drop-g.png") no-repeat scroll right 2px top 3px #76bc47;
}
#page-main .select-area a.drop-activate.open {
    background: url("../css/img/drop-g.png") no-repeat scroll right 2px bottom 3px #76bc47;
}
#page-main .select-area a.chosen-single.chosen-default, .select-area a.chosen-single {
    background: #ebebeb !important;
}
.page-home #page-main .select-area a.chosen-single.chosen-default, .page-home #page-main .select-area a.chosen-single {
    background: #ffffff !important;
    color: #494949 !important;
}
.block-dogs_info .chosen-container-single .chosen-single, .block-dogs_info .chosen-container-active {
    background: none;
    border: none;
    border-radius: none;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #ffffff;
    height: 30px;
    line-height: 33px;
    width: 100%;
}
.select-area .select-area-field {
    margin-right: 45px;
}
.chosen-container .chosen-drop {
    border-width: 0;
}
.block-num-0.block-dogs_info .chosen-container {
    background-color: #ffffff;
}
.panel .select-area a.drop-activate {
    margin-top: 7px;
}
.select-area a.drop-activate {
    background: url("../css/img/drop-g.png") no-repeat scroll left 3px top 4px #ffffff;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 6px;
    display: block;
    float: right;
    height: 30px;
    position: relative;
    text-indent: -9999px;
    transition: background-color 0.1s ease 0s;
    width: 30px;
}
.chosen-container-single .chosen-single span {
    color: #000;
}
.select-area a.drop-activate.open {
    background: url("../css/img/drop-g.png") no-repeat scroll left 3px bottom 3px #ffffff;
}
#page-side .select-area a.chosen-single.chosen-default, .select-area a.chosen-single {
    background: none;
}

#page-header #tabs > ul > li > .panel .select-area a, #page-header #tabs > ul > li > .panel .select-area a.drop-activate {
    background-color: #ffffff !important;
}

#page-side .select-area .select-area-field .chosen-single {
    background: none repeat scroll 0 0 #ffffff;
}

#page-side button:hover, #page-side a.button:hover, #page-main button:hover, #page-side a.button:hover {
    background-color: #7dbf50;
}
.form-buttons {
    margin-top: 10px;
}
.stream-post .submit {
    margin-top: 10px;
}
#page-side .block.block-events:hover .block-content a.events-block-more:hover, #page-main button:hover, #page-side a.button:hover, form .form-buttons button:hover, form .form-buttons a.button:hover {
    background-color: #76bc47;
}
.noUi-horizontal .noUi-handle {
    height: 28px;
    width: 28px;
}
#page-side label, #tab-dogs .form-field-minmax label, #tab-dogs .form-field-chosen label, #tabs li label, .ideal-dog-form label {
    text-transform:uppercase !important;
    font-size:15px;
    height:auto;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600 !important;
    color: #ffffff !important;
}
#tabs li label.cb-label, #page-side label.cb-label {
    text-transform: none !important;
    font-family: "Roboto",Helvetica,Arial,sans-serif;
    padding-top: 0;
    font-weight: 400;
}
.form-fields .form-field:first-child .noUi-handle-lower::after {
    color: #494949;
    content: "d";
    font-family: "omydogfont";
    font-size: 15px;
    left: 6px;
    position: absolute;
    top: 5px;
}
.form-fields .form-field:nth-child(2) .noUi-handle-lower::after {
    color: #494949;
    content: "h";
    font-family: "omydogfont";
    font-size: 22px;
    left: 3px;
    position: absolute;
    top: 3px;
}
.form-fields .form-field:nth-child(3) .noUi-handle-lower::after {
    color: #494949;
    content: "m";
    font-family: "omydogfont";
    font-size: 21px;
    left: 3px;
    position: absolute;
    top: 4px;
}
.form-fields .form-field:first-child .noUi-handle-upper::after {
    color: #494949;
    content: "d";
    font-family: "omydogfont";
    font-size: 20px;
    left: 5px;
    position: absolute;
    top: 3px;
}
.form-fields .form-field:nth-child(2) .noUi-handle-upper::after {
    color: #494949;
    content: "g";
    font-family: "omydogfont";
    font-size: 20px;
    left: 4px;
    position: absolute;
    top: 4px;
}
.form-fields .form-field:nth-child(3) .noUi-handle-upper::after {
    color: #494949;
    content: "j";
    font-family: "omydogfont";
    font-size: 19px;
    left: 5px;
    position: absolute;
    top: 4px;
}
.noUi-horizontal.noUi-extended .noUi-origin {
    right: 0;
}
.noUi-horizontal.noUi-extended .noUi-origin, .noUi-horizontal.noUi-extended {
    padding: 0;
}
.noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after {
    display: block;
}
.noUi-handle::before, .noUi-handle::after {
    background: none;
}
.noUi-background {
    background: url("../css/img/slider.png") repeat-x scroll center center transparent;
}
#page-main form .form-other-actions {
    clear: none;
    float: right !important;
    padding: 0;
}

/* =Profile
-------------------------------------------------------------- */
.form-field-image .input-image-wrap {
    padding: 7px;
}
.input-image-wrap .input-image-content figure {
    padding: 7px;
}

/* =vrienden
-------------------------------------------------------------- */
#page-before-footer .block.block-md-ffinder {
    padding-top: 60px;
}
#page-before-footer .block.block-md-ffinder .block-header h2.block-title {
    background: #0088cf !important;
    margin-left: 0;
}
#page-before-footer .block.block-md-ffinder .block-header h2.block-title:hover {
    background: #33a0d9 !important;
}
#friends-q {
    margin-bottom: 15px;
}
.friends-results h3 {
    padding: 15px 0 5px 0;
}
.friends-results .ffinder-items a {
    border: 2px solid #ebebeb;
    padding: 5px;
}
.friends-results .ffinder-items a:hover {
    background: #ebebeb;
}
a.action-befriend, a.action-nofriend {
    display: block !important;
    float: none;
    text-decoration: none;
    font-size: 90%;
}
.md-graph-panel .mydog-user-graph h3 a {
    text-transform: uppercase;
}
.mydog-user-graph-inner .action-unfriend, .mydog-user-graph-inner .action-unfollow, .mydog-user-graph-inner .action-friend {
    color: #0088cf !important;
    text-decoration: none !important;
    font-size: 90%;
}
.md-graph-panel.md-graph-friends {
    margin-bottom: 30px;
}
.md-graph-panel.md-graph-friends h2 {
    margin: 0;
    padding: 0;
}
.md-poll-total i {
    background: #0088cf !important;
}
.friends-results .ffinder-items figure {
    border: none;
}
.ffinder-items {
    overflow: hidden;
}
.friends-results .ffinder-items a h4 {
    color: #7b7b7b;
    padding-top: 5px;
}
.ffinder-result-type {
    color: #7b7b7b;
}
.friends-results .ffinder-items figure {
    margin-right: 15px;
}

/* =inbox
-------------------------------------------------------------- */
#write form .form-buttons button {
    background: #0088cf !important;
    cursor: pointer;
}
#write form .form-buttons button:hover {
    background: #33a0d9 !important;
}
#inbox-content #inbox-recent div.inbox-recent figure {
    width: 15%;
}
#inbox-content #inbox-recent div.inbox-recent .inbox-recent-content {
    width: 82%;
    margin-left: 2%;
}
.inbox-recent-inner {
    padding-top: 10px;
    overflow: hidden;
}
#inbox-content #inbox-recent div.inbox-recent p.date {
    text-align: left;
}
.md-user-send-button {
    margin-top: 15px;
}
#page-side .md-user-send-button {
    margin-bottom: 25px;
}

/* =contract
-------------------------------------------------------------- */
.md-contract-pricing th.contract-type {
    border-radius: 0 !important;
}
.md-contract-pricing th:nth-child(3), .md-contract-pricing.page th:nth-child(2) {
    background-color: #0088cf !important;
}
.md-contract-pricing th:nth-child(4), .md-contract-pricing.page th:nth-child(3) {
    background-color: #005ba1 !important;
}
.md-contract-pricing th:nth-child(2), .md-contract-pricing.page th:nth-child(1) {
    background-color: #33a0d9 !important;
}
.contract-pros {
    text-align: left;
}
.md-contract-pricing.page {
    padding-top: 15px;
}
.md-contract-order table.md-contract-pricing.page {
    display: block !important;
}

/* =Footer
-------------------------------------------------------------- */
.page-home #page-footer {
    margin-top: 0px;
}

#page-footer {
    background-color: #76bc47;
    color: #ffffff;
    height: auto;
}
#page-footer a {
    color: #ffffff;
    text-decoration: none;
}
#page-footer a:hover {
    color: #324f1d;
}
#page-footer h2 {
    margin-bottom: 5px !important;
}
#page-footer li {
    line-height: 160%;
    font-size: 14px;
    border-bottom: 1px solid #b1d996;
    padding: 5px 0;
}
#page-footer .navigation {
    padding-right: 30px;
}
.news-block-footer .button {
    margin-top: 15px;
}
.news-block-footer .button:hover {
    background-color: #33a0d9 !important;
}


.search-result-full .result-inner{
    float: left;
}


.upgrade-msg{
    background: #7dbf50;
    padding: 10px;
    border-radius: 4px;
    color: #fff;
    margin-bottom: 30px;
}
.upgrade-msg a{
    color: #fff;
}


#page-main .md-postbox  a.md-post-privacy{
    float: right;
    display: block;
    line-height: 30px;
    height: 30px;
    color: #cfcfcf;
    padding-right: 1em;
    width: 120px;
    text-decoration: none;
}
#page-main .md-postbox a.md-post-privacy:before{
    content: "t" ;
    font-family: "omydogfont";
}
#page-main .md-postbox a.md-post-privacy:hover{
    color: #0088cf;

}
#page-main .md-postbox  a.md-post-privacy{
    display: none;
}

.video {
    margin-bottom: 30px;
}
.video-description{
    background: #ebebeb;
    padding: 10px 20px;
    margin-top: 1em;
}

.video-button a.button{
    margin-left: 5px;
}
.video span.title {
    padding: 15px;
    font-size: 16px;
    font-weight: normal;
}
aside#page-side .video span.title {
    margin-top: 10px;
}



#page-before-footer .block.block-banner {
    background: none  !important;
    padding-bottom: 0;

}

div.news-categories{
    overflow: hidden;

}
div.news-categories div.news-category{
    border: solid 1px #ebebeb;    
    margin-bottom: 30px;
}
div.news-categories div.news-category  figure{
    display: block;
    margin-bottom: 10px;
}
div.news-categories div.news-category header h3{
    background: transparent url("../css/img/grad-blue.png") repeat-x scroll left center !important;
    font-size: 15px;
    font-weight: 600 !important;
    line-height: 35px;
    padding: 0 10px;
    color: #ffffff !important;
    float: left;
    margin-top: -4px;
    position: absolute;
    margin-left: 10px;
    text-transform: uppercase;
}

div.news-categories ul {
    padding: 10px 10px 10px 15px !important;
    clear: both;
}
div.news-categories ul li:before {
    color: #0088cf;
}
div.news-categories ul li:hover:before, #page-main .news-related ul li:hover:before {
    color: #7dbf50;
}
div.news-categories ul li a, div.news-related ul li a  {
    text-decoration: none;
}
#page-footer #cr a.report{

    float: left;
    margin-left: 1em;
    text-transform: initial;
}
#page-footer #cr a.report:before{
    display: none;
}

table#ideal-dog tr a{
    position: relative;
}
table#ideal-dog tr a figure{
    width: 200px;
    padding: 4px;
    position: absolute;
    display: none;
    z-index: 9990;
    background: #fff;
    border: solid 1px #eee;
    margin-left: -220px;
    margin-top: -40px;
}

table#ideal-dog tr:hover a figure{
    display: block;
}
#ideal-dog-mobile h3 a{
    text-decoration: none;
}
#ideal-dog-mobile{
    display: none;
}
#ideal-dog-mobile>div{
    border: solid 1px #e4e4e4;
    padding: 10px;
    overflow: hidden;
    margin-bottom: 20px
}
#ideal-dog-mobile>div:nth-child(even){
    background: #e4e4e4;
}
#ideal-dog-mobile figure{
    float: left;
    width: 48%;
}

#ideal-dog-mobile #breed-scores{
    width: 48%;
    float: right;
}

#page-side .block-news a{
    color: #fff;
}
#page-main .news-related{
    margin-top: 50px;
}

#page-main .news-related ul{
    margin-bottom: 0;
}
#page-main .news-related h2{
    font-size: 14px;
    margin-left: 10px;
    text-transform: uppercase;
    padding: 0 15px;
    background: transparent url(../css/img/grad-blue.png) repeat-x scroll left center !important;
    line-height: 40px;
    color: #ffffff !important;
    float: left;
    position: relative;
    margin-top: -4px;
}
#page-main .news-related .inner{
    overflow: hidden;
    clear: both;
    padding: 7px 30px 30px 15px !important;
}
#page-main .news-related {
    border: solid 1px #ccc;
}
#page-main .news-related ul li:before{
    color: #0088cf;
}



/* Slider */

#slider_manual {
    position: relative;
    overflow: hidden;
    margin: 20px auto 0 auto;
    border-radius: 4px;
}

#slider_manual ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 200px;
    list-style: none;
}

#slider_manual ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 800px;
    height: 665px;
}
#slider_manual ul li:before {
    content: '';
}

#slider_manual ul li img {
    display: inline-block;
    text-align: center; 
}
#slider_manual h3, #slider_manual p {
    text-align: center;
}

#slider_manual  a.control_prev, a.control_next {
    position: absolute;
    top: 50%;
    z-index: 999;
    display: block;
    width: auto;
    height: auto;
    text-decoration: none;
    cursor: pointer;
}

#slider_manual  a.control_prev:hover, #slider_manual a.control_next:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
    background-color: #7dbf50;
}

#slider_manual  a.control_prev {
    border-radius: 0 2px 2px 0;
}

#slider_manual  a.control_prev, #slider_manual  a.control_next {
    background-color: #0088cf;
    color: #ffffff;
    padding: 4px;
    border-radius: 25px;
    height: 25px;
    line-height: 25px;
    width: 25px;
    text-align: center;
    font-size: 18px;
}

#slider_manual  a.control_next {
    right: 0;
}

.slider_option {
    position: relative;
    margin: 10px auto;
    width: 160px;
    font-size: 18px;
}


#page-main div.block-calculator .select-area a.drop-activate {
    background: url("../css/img/drop-g.png") no-repeat scroll right 2px top 3px #33a0d9;
}
#page-main  div.block-calculator  .select-area a.drop-activate.open {
    background: url("../css/img/drop-g.png") no-repeat scroll right 2px bottom 3px #33a0d9;
}

#page-main div.block-calculator label{
    color: #fff;
    text-transform: uppercase;
    float: left;
}

#page-main div.block-calculator input{
    color: #fff;
    text-transform: uppercase;

}

#page-main div.block-calculator table{
    width: 100%;
}

#page-main form .form-fields .form-field table input{
    color: #222;
}

body.page-home  #page-side .block-events{
    background: #ebebeb;
    color: #222;
}
body.page-home  #page-side .block-events span.event-title{
    font-size: 14px;
}
body.page-home  #page-side .block-events span.event-location{
    padding-left: 24px;
}
body.page-home  #page-side .block-events a{
    color: #222;
}
body.page-home #page-side .event-block-item{
    
    border-bottom-color: #222;
}
#page-side .block-num-4.block-events {
	padding: 0;
}
#page-side .block-num-4.block-events .button{
	margin-top: 15px;
}