@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/robotocondensed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: 'Arial','-apple-system';
    background-color: #000;
    font-size: .875rem;
}
.dropdown-menu a {
    font-size: .875rem;
}
.main-size {
    max-width: 1200px; 
}
.top-header {
    margin-top: 20px;
}
.site-name {
    margin-top: 10px;
    line-height: 20px;
}
.top-lang {
    font-size: 14px;
    margin-top: 10px;
}
.top-item {
    padding: 20px 0 10px 0;
}
.top-item i {
    
}
.top-item a {
    color: #000;
}
.top-item a h6.card-title {
    padding: 10px 0 0 0;
    margin: 0;
}
.content-head {
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    font-size: 22px;
}
.content-head span {
    border-bottom: 1px dotted #999;
}
.main-title, .main-title-white {
    margin-top: 10px;
    font-family: 'Roboto Condensed';
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    font-size: 18px;
}
.main-title a {
    color: #333;
}
.main-title-white a {
    color: #fff;
}
.main-description {
    color: #666;
    margin-top: 10px;
    padding: 0 20px;
    text-align: justify;
}
.color-frame {
    background-color: #095b45;
}
.main-content {
    color: #333;
    margin-top: 20px;
    text-align: justify;
    line-height: 25px;
}
.table-history thead tr th {
    border-color: #333;
    color: #ccc;
}
.table-history tbody tr td {
    border-color: #333;
    color: #ccc;
}
.navbar-toggler {
    border: none;
}
.content-terms-conditions ul {
    margin: 0;
    padding: 5px 0 5px 40px;
}
.content-terms-conditions ul li {
    
}
.unlisted-list {
    margin: 0;
    padding: 5px 0 5px 40px;
}
.unlisted-list li {
    list-style: none;
}
.chart-wrapper {
    position: relative;
    height: 460px;
}





.footer {
    padding: 20px 0 40px 0;
    line-height: 24px;
    background-color: #111;
}
.footer-logo {
    width: 70px;
    margin: 20px 0 0 0;
}
.footer-list {
    padding: 20px 0 0 0;
}
.footer-list p {
    padding: 0;
    margin: 0;
}
.footer-list .footer-title {
    margin-bottom: 10px;
}
.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}
.top-input, .middle-input {
    margin-bottom: -1px;
}
.top-input .input-group-text {
    border-bottom-left-radius: 0;
}
.top-input .form-control {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.bottom-input .input-group-text {
    border-top-left-radius: 0;
}
.bottom-input .form-control {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.middle-input .form-control {
    border-radius: 0;
}
.born-date {
    font-size: 18px;
}
.dog-detail-info {
    font-size: 16px;
}
.dog-detail-info span {
    font-size: 14px;
}
.radio_list {
    margin:0;
    padding:0;
}
.sire-cell {
    background-color: #f6f6f6;
}
.dam-cell {
    background-color: #fbfbfb;
}
.kennel-detail {
    font-size: .700rem;
}
.kennel-thumb {
    height: 18px;
}
.tuz-image {
    padding:20px 0 0 0;
}
.tuz-image img {
    max-width: 140px;
}
.pedigree-item-title, .pedigree-item-reg {
    line-height: 16px;
}
.pedigree-item-reg {
    margin-bottom: 5px;
}
.tab-content {
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.tab-content .table thead tr th {
    border-top: none;
}

.content-cover {
    background-color: #000;
    text-align: center;
}
.contract-head {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    line-height: 22px;
}
.contract-title {
    font-weight: bold;
    font-size: 15px;
}
.contract-content {
    font-size: 14px;
}
.contract-info-title {
    font-size:12px;
}
.contract-info span {
    font-size: 12px;
    border-top: 1px solid #666;
    padding-top: 2px;
}
.course-btn {
    font-family: 'Roboto Condensed';
}
.program-list {
    list-style: decimal;
    margin: 0;
    padding-left: 20px;
}


.content-title {
    //color: #ffcc01;
    color: #fff;
    font-family: 'Roboto Condensed';
    font-size: 18px;
    text-transform: uppercase; 
    /*background: linear-gradient(to right, #ff0000, #f7cc00);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;*/
}

.dark-tabs {
    border-bottom: 1px solid #000;
}
.dark-tabs .nav-link {
    color: #aaa;
    border: none;
    //transition: 0.2s;
    background-color: #000;
}
.dark-tabs .nav-link:hover {
    color: #fff;
    border-color: #222;
    background: #222;
}
.dark-tabs .nav-link.active {
    color:#fff;
    background: #222;
    border-color: #2f3542 #2f3542 #111827;
}
.tab-content-dark {
    background-color: #222;
    border: none;
}

@media (max-width:767px) {
    .contract-title {
        font-size: 16px;
    }
    .chart-wrapper {
        height: 300px;
    }
}