/*Colorbox*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*  User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/images/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


h2{
    font-weight:600;
}

.dvNoRecord{
    font-size:18px;
    font-weight:bold;
}

/************************************
Responsive Table
************************************/
table.tbl-responsive th {
    padding: 10px;
}

table.tbl-responsive td, table.tbl-responsive td a {
    padding: 5px;
}

table.tbl-responsive td a:hover, table.tbl-responsive td a:focus{ color: #fff; }
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
        table.tbl-responsive,
        .tbl-responsive thead,
        .tbl-responsive tbody,
        .tbl-responsive th,
        .tbl-responsive td,
        .tbl-responsive tr {
        display: block !important;
        position: relative;
    }

    .tbl-responsive thead tr {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
    }

    .tbl-responsive tr { border: 1px solid #ccc !important; }

    .tbl-responsive td {
    border: none !important;
    border-bottom: 1px solid #eee !important;
    position: relative !important;
    padding-left: 30% !important;
    white-space: normal !important;
    text-align:left !important;
    width: auto !important;
    }

    table.tbl-responsive td, table.tbl-responsive td a {
    padding: 3px 5px;
    }

    .tbl-responsive td:hover a{
    color: white !important;
    }

    .tbl-responsive td:before {
    position: absolute !important;
    top: 4px !important;
    left: 6px !important;
    width: 65% !important;
    padding-right: 10px !important;
    white-space: nowrap !important;
    text-align:left !important;
    font-weight: bold !important;

    }

    /*
    Label the data
    */
    .tbl-responsive td:before { content: attr(data-title); }

    .dataTables_wrapper .form-control { width: auto !important; }
    .dataTables_length { display: none; }
    div.dataTables_length, div.dataTables_filter, div.dataTables_info, div.dataTables_paginate { text-align: right !important; }
}
@media only screen and (max-width: 450px), only screen and (max-device-width: 450px)
{
    .tbl-responsive td {
        padding-left: 140px !important;
    }
}

/************************************
Responsive Table 2
************************************/

table.tbl-responsive2 th {
    padding: 10px;
}

table.tbl-responsive2 td, table.tbl-responsive2 td a {
    padding: 5px;
}

table.tbl-responsive2 td a:hover, table.tbl-responsive2 td a:focus{ color: #fff; }
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
        table.tbl-responsive2,
        .tbl-responsive2 thead,
        .tbl-responsive2 tbody,
        .tbl-responsive2 th,
        .tbl-responsive2 td,
        .tbl-responsive2 tr {
        display: block !important;
        position: relative;
    }

    .tbl-responsive2 thead tr {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
    }

    .tbl-responsive2 tr { border: 1px solid #ccc !important; }

    .tbl-responsive2 td {
    border: none !important;
    border-bottom: 1px solid #eee !important;
    position: relative !important;
    padding-left: 40% !important;
    white-space: normal !important;
    text-align:left !important;
    width: auto !important;
    }

    table.tbl-responsive2 td, table.tbl-responsive2 td a {
    padding: 3px 5px;
    }

    .tbl-responsive2 td:hover a{
    color: white !important;
    }

    .tbl-responsive2 td:before {
    position: absolute !important;
    top: 4px !important;
    left: 6px !important;
    width: 55% !important;
    padding-right: 10px !important;
    white-space: nowrap !important;
    text-align:left !important;
    font-weight: bold !important;

    }

    /*
    Label the data
    */
    .tbl-responsive2 td:before { content: attr(data-title); }

    .dataTables_wrapper .form-control { width: auto !important; }
    .dataTables_length { display: none; }
    div.dataTables_length, div.dataTables_filter, div.dataTables_info, div.dataTables_paginate { text-align: right !important; }
}
@media only screen and (max-width: 450px), only screen and (max-device-width: 450px)
{
    .tbl-responsive2 td {
        padding-left: 140px !important;
    }
}
        
               
#MapContainer {
    position: absolute;
    left: 0;
    top: 0;
}

#map {
    clear: both;
    width: 670px;
    height: 420px;
    position: relative;
    top: -80px; /* SVG image is starting with 130px top value so i used top:-100px  */
}

    #map svg {
        position: relative;
        top: 0px;
        left: 0px;
    }

        #map svg > a {
            cursor: pointer;
            display: block;
        }

/*#MapContainer {
    width: 100%;
    text-align: center;
}
#map {
    clear:both;
    width:100%;
    height:500px;
    position:relative;
    top:-100px; /* SVG image is starting with 130px top value so i used top:-100px  * /;
    margin: 0 auto;
}
#map svg {
    width: 100% !important;
    position: relative;
    transform: scale(2.2);
    left: 700px!important;
    top: 280px!important;
    margin: 0 auto;
}
svg > a {
    cursor: pointer;
    display:block;
}
@media (max-width: 1180px) {
    #map {
        height:400px;
    }
    #map svg {
        position: relative;
        transform: scale(1.5);
        left: 200px!important;
        top: 180px!important;
        margin: 0 auto;
    }
    
}
@media (max-width: 700px) {
    #map {
        height:300px;
    }
    #map svg {
        position: relative;
        transform: scale(1.2);
        left: 100px!important;
        top: 90px!important;
        margin: 0 auto;
    }
    
}
@media (max-width: 480px) {
    #map {
        height:200px;
    }
    #map svg {
        
        position: relative;
        transform: scale(0.8);
        left: -40px!important;
        top: 20px!important;
        margin: 0 auto;
    }
    
}*/
#MapSehir {
    background: #232020;
    position: absolute;
    width: 420px;
    height: 150px;
    top: calc(50% - 210px);
    left: calc(50% - 75px);
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    
    z-index: 1000;
    display: none;
}
#MapImg {width: 125px;height: 125px;position: absolute;left: 15px;top: 12px;z-index: 1200;}
#MapImg table {width: 100%;height: 100%;}
#MapDetail {width: 260px;height: 120px;position: absolute;left: 145px;top: 15px;z-index: 1100;}
#MapTeams {margin-left: 10px;margin-top: 10px;}
#MapTeams li {list-style-type: circle;}
#MapTeams li, #MapTeams li a{color: #fff;font-weight: bold;}
#MapTeams li a:hover{color: #eb2127;}
#SehirAdi {background:#000;color: #fff;font-size: 13px;font-weight: bold;padding: 6px 8px;display: inline-block;}
#SehirAciklama{display: block;color: #ffffff;font-size: 11px;padding: 3px 6px;}
#MPClose {width: 14px;height: 15px;position: absolute;right: 25px;top: 20px;z-index: 1200;background: url(/images/all_images.png) -69px -275px no-repeat;}

/* Add here all your CSS customizations */


.dvHeaderSocial {
    
}

.imgGlobalCompactLogo {
    
}

.imgInsaragLogo {
    margin-top: -2px;
}

.social-icons li:hover.social-icons-izlesene a {
	background: #ef5e24;
}

.social-icons li:hover.social-icons-akuttv a {
	background: #e3252b;
}
.social-icons li:hover.social-icons-instagram a {
	background: #cd486b;
}


.social-icons .social-icons-tiktok svg{
    width:10px!important;
}
.social-icons li:hover.social-icons-tiktok svg {
    fill: #fff !important;
}

#footer .social-icons li:hover.social-icons-tiktok a {
    background-color: #000;
}

#footer .social-icons li:hover.social-icons-tiktok svg {
    fill: #fff !important;
}


#footer {
    margin-top: 0 !important;
}

.flags {
    background-image: url(/images/site/flags.png);
}

.tblResponsiveScroll {
    overflow-y: scroll;
}

.img-responsive {
    width: 100%;
}

table.tbl_border td, table.tbl_border th {
    border: 1px solid #dadada;
    padding: 5px 8px;
}

table.tbl_border {
    border: 1px solid #dadada;
}

a.lnkSocialMediaIcon {
    transition: all 0.2s ease;
    border-radius: 100% !important;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    width: 28px !important;
    text-align: center;
    padding: 0!important;
    color: #333;
    text-decoration: none;
    font-size: 12.8px;
    font-size: 0.8rem;
    position:relative;
    z-index:1;
}

    a.lnkSocialIcon i{
        display:inline-block;
        vertical-align:middle;
    }

    a.lnkFacebook {
        color: #3b5a9a !important;
    }

a.lnkFacebook:hover{
    color:#fff;
    background: #3b5a9a !important;
}
    a.lnkFacebook:hover i {
        color: #fff;
    }

    .dvYayinListe .thumb-info-inner {
        min-height: 34px;
        font-size: 16px;
    }
.dvYayinListe .thumb-info-type {
    min-height: 24px;
}

.dvBasindaBizListe {

}

    .dvBasindaBizListe .lnkBasindaBiz{
        display:inline-block;
        text-align:center;
        width:100%;
        height:250px;
    }

        .dvBasindaBizListe .lnkBasindaBiz .thumb-info {
            display: inline-block;
            width: 100%;
            height: 100%;
            
        }

            .dvBasindaBizListe .lnkBasindaBiz .thumb-info .thumb-info-wrapper {
                display: inline-block;
                width: 100%;
                height: 100%;
                text-align: center;
                background: #dcdcdc;
            }

            .dvBasindaBizListe .lnkBasindaBiz .thumb-info .thumb-info-wrapper img {
                width:auto;
                max-height:200px;
            }

                .dvBasindaBizListe .lnkBasindaBiz .thumb-info .thumb-info-wrapper .thumb-info-title{
                    width:100%;
                    display:inline-block;
                }
				
.doksoft_gallery .doksoft_gallery_item{
	border:none!important;
}

@media (max-width: 768px) {
    .desktop {
        display: none !important;
    }

    .tblResponsiveScroll {
        overflow-y: auto;
    }
	
	.dvHaberDetayContainer img{
		width:100%;
		height:auto!important;
	}
	
	.doksoft_gallery .doksoft_gallery_item{
		width:47%!important;
		display:inline-block;
		height:auto!important;
		float:left;
	}
	.doksoft_gallery .doksoft_gallery_item a{
		width:100%!important;
		display:inline-block;
	}
	.doksoft_gallery .doksoft_gallery_item img{
		width:100%;
		height:auto!important;
		max-width:none!important;
		max-height:none!important;
	}
}