﻿.header-area .vizew-main-menu .classy-nav-container { 

/*background-color : #db4437;*/

background-color : #013766;

}

#map {
    height: 500px;
}

.footer-area{
	padding-top:10px;
    background-color: unset;
}

h4 {
    font-size: 1.2rem;
}

bdy
{
    background: #54555c  url(../assets/img/aday2.jpg) repeat-x top;
    font-size: 12pt;
    font-family: Trebuchet MS;
    margin: 0;
    padding: 0;
    color: #323343;
}

enboy {
         border: 1px solid red;
         width: 150px;
         height: 200px;
      }

.form-control:focus {
    background-color: #fff;
    color: #000;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #cfcfcf;
}

.form-control[readonly]:focus {
    color: #fff;
}

.btn-secondary {
color: #1c1c1c;
background-color: #e6e6e6;
font-size: 11pt;
height:30px;
/*    line-height: 1.2;*/
}

.btn-only {
color: #505050;
background-color: #dfdfdf;
line-height: 5px;
}

.btn-only:hover {
    background-color: #f3a34c;
    color: #ffffff;
}

.btn-map {
color: #013766;
background-color: transparent;
line-height: 138px;
height: 146px;
/*font-size: 9pt;*/
padding: 4px 8px;

    border :0px solid #868686;
    border-radius: 4px;
/*    background-color: rgba(175, 202, 209, 0.55);*/

}
.btn-map:hover {
    background-color: #efefef;
    color: #013766;
}


.btn-kus {
color: #013766;
background-color: #e6e6e6;
line-height: 18px;
height: 25px;
font-size: 9pt;
padding: 4px 8px;

    border :1px solid #868686;
    border-radius: 4px;
/*    background-color: rgba(175, 202, 209, 0.55);*/

}
.btn-kus:hover {
    background-color: #b4dbf8;
    color: #013766;
}

.btn-ustm {
color: #026fb0;
background-color: #ffffff;
/*line-height: 20px;*/
height:20px;
margin-top: 2px;
margin-bottom: 2px;
/*border-radius: 3px;*/
padding: 5px 9px;
}
.btn-ustm:hover {
    background-color: #ffffff;
    color: #c00101;
}

.btn-onay {
color: #505050;
background-color: #efefef;
line-height: 15px;
}
.btn-onay:hover {
    background-color: #f3a34c;
    color: #ffffff;
}

.btn-onayL {
color: #ffffff;
background-color: #2eb5e5;
line-height: 15px;
}
.btn-onayL:hover {
    background-color: #f3a34c;
    color: #ffffff;
}

.btn-outline-light {
    color: #003669;
background-color: #e6e6e6;
    /*line-height: 1.2;*/
}

.d-none2 {
    display: none !important;
}

.modal-content {
    background-color: #ffffff;
}

.modal-content .close {
    color: white;
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    color: white;
}

.modal .btn-secondary {
    line-height: 1.5;
}

.login-btn.online:hover,
.login-btn.online {
    color: greenyellow;
}


.profile-page ::-webkit-scrollbar {
    width: 5px;
}

.profile-page ::-webkit-scrollbar-track {
    background: #222627;
}

.click-row {
    cursor: pointer;
}

.vizew-nav-tab{
}

.single-feature-post.video-post {
    height: auto;
}

.single-post-area .post-content {
    margin-top: 10px;
}

/*.bootstrap-autocomplete.dropdown-menu{*/
/*    max-height: 200px;*/
/*    overflow-y: scroll;*/
/*    z-index: 3;*/
/*}*/

.classy-nav-container:not(.hamburger){
    z-index: 0;
}


/* Handle */
.profile-page ::-webkit-scrollbar-thumb {
    background: white;
}

/* Handle on hover */
.profile-page ::-webkit-scrollbar-thumb:hover {
    background: #a6a6a6;
}

.img-container {
    position: relative;
}

.img-cont {
    position: relative;
    top: 5px;
}

.img-container:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
}


.detail-desc{
    white-space: pre-line;
    word-break: break-word;
}

.post-details-content .post-content .post-title {
    font-size: 1.3rem;
}

/* INDEX */
.table-duyuru{
}

.table-duyuru img{
    margin-bottom: 5px;
}

.last-list-table {
    padding: 0 10px 10px;   
}

.last-list-table table {
    border :0px solid #393c3d;
    border-radius: 3px;
    background-color: rgba(175, 202, 209, 0.55);
    margin-bottom: 0;
}

.editor-selected-tab {
    display: none!important;
}

.editor-selected-tab.active {
    display: block!important;
}

.photo-info {
    height: auto;
    padding: 5px 20px;
    flex-wrap: wrap;
    background-color: rgba(56, 60, 61, 0.55);
    justify-content: space-between;
}

.photo-info p:not(.bird-type-name) {
    font-size: 14px;
    margin-bottom: 0;
}

.bird-type-name {
    margin-bottom: 0;
    color: white;
    font-size: 16px;
    font-weight: bold;
    padding-top: 0;
}


.photo-info img {
    height: 70px;
    border-radius: 50%;
}

.photo-info-author {
    margin-top: 10px;
    text-align: center;
}

.photo-info-author-name {
    display: block;
    margin-top: 5px;
    font-size: 15px;
    font-weight: bold;
    color: white;
    margin-right: 5px;
}

.country-name-editor{
    font-size: 12px;
}

.country-name{
    display: block;
    font-size: 12px;
}

.country-name-detail{
    font-size: 14px;
}


/* END INDEX */

/* GALLERY */

/* do not group these rules */
.filter-area .form-control::-webkit-input-placeholder {
    color: white;
}

/* WebKit, Blink, Edge */
.filter-area .form-control:-moz-placeholder {
    color: white;
}

/* Mozilla Firefox 4 to 18 */
.filter-area .form-control::-moz-placeholder {
    color: white;
}

/* Mozilla Firefox 19+ */
.filter-area .form-control:-ms-input-placeholder {
    color: white;
}

/* Internet Explorer 10-11 */
.filter-area .form-control::-ms-input-placeholder {
    color: white;
}

/* Microsoft Edge */


.post-cata {
    text-transform: unset;
    background-color: transparent;
    margin-bottom: 5px;
    /*padding: 0;*/
}

.post-cata-date {
    font-size: 13px;
    margin-top: -5px;
    color: #a6a6a6;
    display: block;
}

.post-cata-date:hover {
    font-size: 13px;
}

.image-tag {
    display: inline-block;
    position: absolute;
    left: 5px;
    bottom: 5px;
    /*padding: 6px 12px;*/
    z-index: 79;

    /*width: 40px;*/
    /*height: auto;*/
    /*background: url("../assets/img/4K.png");*/
}

.post-cata-city:hover,
.post-cata-city{
    font-size: 15px;
}

.post-cata-birdtype:hover,
.post-cata-birdtype {
    font-size: 16px;
}

.vizew-breadcrumb {
    padding-bottom: 0;
}

.post-thumbnail {
    cursor: pointer;
}

.post-thumbnail img:not(.image-tag) {
    width: 100%;
}

.filter-area .btn-secondary {
    line-height: 1.3;
}

/* GALLERY */

/* PHOTO UPLOAD */


/* PHOTO UPLOAD */


/* PHOTO DETAIL START */
#siteNotice h4:first-of-type {
    font-size: 1.1rem;
    color: #000000;
}
#siteNotice a{
    color: blue;
}


#siteNotice h4 {
    color: #1b1a1ad9;
    font-size: 0.9rem;
    border-bottom: 1px slategray dashed;
}

#siteNotice h4 p {
    color: #1b1a1ad9;
    font-size: 0.9rem;
    font-style: italic;
    margin-bottom: 0;
    font-weight: 500;
}

.author-widget .authors--meta-data p {
    flex: 1 1 25%;
    padding: 10px 10px;
}

.author-widget .authors--meta-data p span a {
    font-size: 14px;
    display: block;
    font-weight: 500;
    color: #ffffff;
    cursor: pointer;
}

.photo-detail .post-meta a {
    color: #a6a6a6 !important;
}

.post-details-area .post-cata {
    padding-left: 0;
    font-weight: 400;
}


.single-widget.latest-video-widget {
    padding: 20px 20px 0;
    margin-top: 10px;
}

/*.hidden-row {*/
/*  display: none!important;*/
/*}*/

.exif-data img {
    filter: invert(100%);
}

.btn-see-all-exif:hover {
    color: #fff;
}

.post-action a[type=button] {
    margin-left: 10px;
}

.post-action .editor-selected:hover,
.post-action .editor-selected {
    width: 35px;
}

.post-action .editor-selected i {
    font-size: 50px;
    line-height: 50px;
}

.post-details-content {
    word-break: break-all;
}

.post-details-content .post-content {
    word-break: break-all;
}

.photo-detail-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.action-row {
    border-top: 0px solid #1c1c1c;
    padding-top: 10px;
}

.action-row .btn,
.action-row a {
    margin-right: 5px;
    color: #000;
    font-size: 15px;
}

.action-row-right {

}

.comment_area {
    border-top: unset;
}

.btn {
    box-shadow: none !important;
}


.post-action a {
    color: #ffffff;
}

.observation-bird-list p{
    margin-bottom: 0!important;
}

.birdtype-photo-info i {
    cursor: pointer;
}




.btn-add-like:hover {
    background-color: #c6c6c6;
    border-color: #003669;
}

.btn-add-like {
    color: #003669;
    border-color: #003669;
}

.btn-remove-favorite:hover,
.btn-add-favorite:hover {
    background-color: #c6c6c6;
    border-color: #003669;
}

.btn-remove-favorite,
.btn-add-favorite {
    color: #003669;
    border-color: #003669;
}
/*.btn-4k:hover {*/
/*    background-color: #c17f07;*/
/*    border-color: #c17f07;*/
/*}*/

/*.btn-4k {*/
/*    color: #c17f07;*/
/*    border-color: #c17f07;*/
/*}*/


.post-title:hover {
    color: #ffffff !important;
}
.comment_area .comment-content .comment-meta .comment-date {
    margin-bottom: 0;
}
.comment_area .comment-content .comment-meta .detail-desc {
    line-height: 1;
}

.comment_area .comment-content .comment-meta{
    margin-bottom: 10px;
}

.comment_area .comment-content .comment-author img {
	width:70px;
	height:70px;
}
/* PHOTO DETAIL END */

/* QUUESTION START */

.question-list td a {
    display: block;
    /*padding: 25px;*/
    min-height: 40px;
    font-weight: 400;
}

.last-list-table td a{
    font-weight: 400;
}

.question-list tr:hover {
    color: white;
    background-color: #efefef !important;
}

/*.question-list tr img {*/
/*  width: 250px;*/
/*  height: auto;*/
/*}*/

.question-list .table td.fit,
.question-list .table th.fit {
    white-space: nowrap;
    width: 20%;
}

#questionCarousel .carousel-item {
    /*height: 1080px;*/
}

#questionCarousel .carousel-item img {
    /*height: 1080px;*/
}

.question-item:hover {
    cursor: pointer;
}

.question-item img {
    width: 200px;
}

.question-item p {
    margin-bottom: 0;
}

/* QUUESTION END  */

/* PROFILE START */

.profile-page .vizew-post-author {
    border-bottom: none;
}

.profile-page .section-heading {
    margin-bottom: 20px;
}

.portfolyo-header {
    border-bottom: 1px solid #393c3d;
    margin-bottom: 20px;
}

.profile-page .count-table {
    position: absolute;
    z-index: 99;
    background-color: #393c3d;
    overflow-y: scroll;
    max-height: 900px;
}

.profile-page .vizew-post-author .post-author-thumb {
    flex: 0 0 200px;
    max-width: 200px;
    width: 200px;

}

@media only screen and (max-width: 767px) {
    .profile-page .vizew-post-author .post-author-thumb {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        max-width: 80px;
        width: 80px;
    }
}

/* PROFILE END */

/* OBSERVATION START */

.bootstrap-select.show {
    z-index: 3;
}

.add-observation .input-group span {
    font-size: 12px;
}

.birdtypes-count-container-approve div{
    margin-bottom: 15px;
}

.birdtypes-count-container-approve input:not(.birdtype-count){
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    margin-right: 5px;
}


.birdtypes-count-container label {
    display: inline-block;
    margin-right: 5px;
    min-width: 180px;
}

.birdtypes-count-container input:not(.birdtype-count){
    max-width: 195px;
    /*line-height: 20px;*/
    font-size: 12px;
    /*padding: 5px;*/
    display: inline;
    text-align: center;
    /*text-indent: -999em;*/
    outline: none;
}



.birdtypes-count-container input.birdtype-count{
    max-width: 60px;
    line-height: 15px;
    font-size: 13px;
    padding: 5px;
    display: inline-flex;
    text-align: center;
}

.observation-list .search-result-count{
}

.question-list .text-break {
    word-break: break-word;
}
.post-cata-gozlem:hover,
.post-cata-gozlem {
    cursor: default;
    background-color: transparent;
    font-size: 16px;
}

.post-cata-gozlem {
    margin-bottom: 15px;
}
.post-cata-gozlem b{
    color: white;
}

#photo-info-update .btn-outline-light:hover,
#photo-info-update .btn-outline-light {
    font-size: 14px;
    margin-bottom: 20px;
}

/* OBSERVATION END */

/* BIRD START */
.bird-info-infografik img{
    /*width: 100%;*/
    /*height: auto;*/
}

.bird-info-infografik span {
    white-space: break-spaces;
    display: inline-block;
    text-align: center;
    /*font-size: 0.6rem;*/
    /*display: block;*/
    /*margin-left: 65px;*/
}

/*.bird-info-infografik p {*/
/*    display: inline-block;*/
/*}*/

.bird-info-infografik img {
    /*background-color: rgba(56, 60, 61, 0.55);*/
    margin-bottom: 5px;
}
.bird-info-infografik .height{
    /*width: 150px;*/
    /*margin-left: 8%;*/
}

.bird-info-infografik .wingspan{
    /*margin-left: 20%;*/
    width: 135px;
}
.bird-info-infografik .weight {
    /*margin-left: 20%;*/
    width: 115px;
}

/*@media only screen and (max-width: 767px) {*/
/*    .bird-info-infografik span {*/
/*        font-size: 0.6rem;*/
/*    }*/
/*    */
/*    .bird-info-infografik .height{*/
/*        width: 100px;*/
/*    }*/

/*    .bird-info-infografik .wingspan{*/
/*        width: 95px;*/
/*    }*/
/*    .bird-info-infografik .weight {*/
/*        width: 80px;*/
/*    }*/
/*}*/

.bird-audio{
    max-width: 100%;
    height: 25px;
    width: calc(100% - 112px);
}

.bird-audio-observation{
    height: 15px;
    width: 140px;
    margin-left: 5px;
}


.bird-info-left {
    border: 5px solid #565656;
    border-radius: 20px;
    padding: 10px;
}

.bird-info-renkS {
    border: 2px solid #b4dbf8;
    border-radius: 10px;
    padding: 10px;
}

.bird-info-renk1 {
    border: 5px solid #565656;
    border-radius: 20px;
    padding: 10px;
}


.bird-info-renk2 {
    border: 5px solid #efa001;
    border-radius: 20px;
    padding: 10px;
}

.bird-info-renk3 {
    border: 5px solid #e4422d;
    border-radius: 20px;
    padding: 10px;
}

.bird-info-renk4 {
    border: 5px solid #565656;
    border-radius: 20px;
    padding: 10px;
}

.bird-info-renk5 {
    border: 5px solid #ff0000;
    border-radius: 20px;
    padding: 10px;
}
.brenk {
    border: 5px solid #efa001;
    border-radius: 20px;
    padding: 10px;
}

.bird-info-right h4,
.portfolyo-header h4,
.bird-info-left h4,
.bird-info-left b {
    font-weight: 300;
}

.bird-info-right{
    border: 0px solid #393c3d;
    border-radius: 20px;

    padding: 10px;
}

.bird-info {
    
}
.bird-info-fizik b,
.bird-info b{
    color: whitesmoke;
}

.bird-info p {
    font-size: 1rem;
    margin-bottom: 0;
}

.bird-info-fizik p {
    font-size: 1rem;
    margin-bottom: 0;
}


/* Style the Image Used to Trigger the Modal */
.bird-detail-page #myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.bird-detail-page  #myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.bird-detail-page  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1001; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.bird-detail-page  .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 100%;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
.bird-detail-page  #caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.bird-detail-page  .modal-content, #caption {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.bird-detail-page  .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.bird-detail-page  .close:hover,
.bird-detail-page  .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .bird-detail-page  .modal-content {
        width: 100%;
    }
}

.btn-bird-family.fselected{
    background-color: #bfcfaf;
}

.fselectedbird {
    display: block!important;
}


/* BIRD END */

.author-avatar-list{
    margin: 0 auto 10px;
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 50%;
}

.user-list-top td a {
    display: block;
    /*padding: 25px;*/
    /*min-height: 20px;*/
    font-weight: 400;
}

.user-list-top tr:hover {
    color: white;
    background-color: #1b1e1f !important;
}

.user-list-top .table td.fit,
.user-list-top .table th.fit {
    white-space: nowrap;
    width: 20%;
}

.font-bold500{
    font-weight: 500;
}

.font-bold400{
    font-weight: 400;
}

/* */
.observation-info {
    width: 100%;
}



.observation-info b {
    display: inline-block;
    width: 100px;
}

.observation-info-item {
    /*display: block;*/
    margin-right: 15px;
}

.observation-info-item.info-user a{
    /*display: block;*/
    font-size: 15px;
    font-weight: 500;
    color: white;
}

.observation-info-actions {
}

.observation-info-actions .btn:hover,
.observation-info-actions .btn {
    font-size: 15px;
    margin-right: 5px;
}

.observation-photo-detail b {
    display: inline-block;
    width: 130px;
}


/* */

.top-header-area .top-search-area form input::placeholder {
    color: #000000;
    opacity: 1; /* Firefox */
}

