/**
    ## author           : doanerkan / www.doanerkan.com
    ## date             : 26.01.2020
**/

    @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:300,300i,400,400i,500,500i,700,700i&subset=latin-ext');
    @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap&subset=latin-ext');

    html { height:100%; }
    ul, li, div, a, img, table,
    tr, td, input, textarea, select
    { box-sizing: border-box; outline:none; }
    a, a:link, a:hover, a:focus   { cursor:pointer; outline:none; }

    body            { background:#f8f8f8; color:#333; font:400 14px 'Roboto', sans-serif; margin:0; }
    a               { color:#666; font:400 14px 'Roboto', sans-serif; cursor:pointer; }
    a:hover         { color:#333; text-decoration:underline; cursor:pointer; } a:active { text-decoration:none; } a:before { cursor:pointer; }

    .transeffect    { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .img-responsive { width:auto; }  .DNone { display:block; }
    .col-lg-1_5     { width:20%; padding:0 15px; }
    hr              { border:none; border-top:#dfdfdf 1px solid; }

    .ta-left        { text-align:left; }
    .ta-right       { text-align:right; }
    .ta-center      { text-align:center; }
    .ta-justify     { text-align:justify; }
    .paddingnone    { padding:0; }

    .header         { height:120px; background:#fff; padding:30px 15px; }
    .header .container   {}
    .logo-text      { height:45px; margin:7.5px 20px; border-left:#dfdfdf 1px solid; padding:8px 20px; font:500 11px 'Montserrat', sans-serif !important; }
    .logo-text span     { font:300 10px 'Montserrat', sans-serif !important; display:block; margin-top:4px; }
    .logo-text a    { font:500 10px 'Montserrat', sans-serif !important; display:block; margin-top:4px; }
    .logo-text a    { font:500 10px 'Montserrat', sans-serif !important; display:block; margin-top:4px; }
    .logo-text a:active, .logo-text a:focus    { color:#666; text-decoration:none; }
    .fiyat-guncel       { font:500 11px 'Montserrat', sans-serif !important; padding-top:16px; }
    .fiyat-guncel span  { font:300 10px 'Montserrat', sans-serif !important; display:block; margin-top:4px; }

    .servicePanel   { margin-top:14px; margin-bottom:14px; padding:0 7px; }
    .servicePanel .title    { width:100%; height:50px; font:600 16px 'Roboto', sans-serif; display:flex; align-items: center; justify-content: center; color:#fff; background:#000; border-top-left-radius:5px; border-top-right-radius:5px; }
    .servicePanel .content  { width:100%; color:#333; background:#fff; padding:10px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
    .servicePanel .content table    { margin:0; padding:0; }
    .servicePanel .content table tr:hover   { background:#fff3cd; cursor:pointer; color:#333; }
    .servicePanel .content table tr td    { padding:5px; font:400 12px 'Roboto', sans-serif; }
    .servicePanel .content table tr td:nth-child(1)    { width:72% !important; font:600 12px 'Roboto', sans-serif; }
    .servicePanel .content table tr td:nth-child(2)    { width:28% !important; text-align:center; }

    .priceListDesc ul, .priceListDesc ul li { list-style:none; padding:0; margin:0; }
    .priceListDesc ul   { margin-left:30px; }
    .priceListDesc ul li    { list-style-type: circle; margin-bottom:10px; }

    .list_table     { padding:15px; font:400 12px 'Roboto', sans-serif; }
    .list_table table tr th    { text-align:center; }
    .list_table table tr td input   { width:100%; text-align:left; color:#333; }
    .list_div       { display:none; }

    .pricebutton a      { border:#dfdfdf 1px solid; font:400 13px 'Roboto', sans-serif; padding:10px; border-radius:5px; display:inline-block; margin:15px 0 0 0; text-decoration:none; }
    .pricebutton a:hover        { border:#000 1px solid; background:#000; color:#fff; font:400 13px 'Roboto', sans-serif !important; text-decoration:none; }
    .pricebutton a.activex      { border:#000 1px solid; background:#000; color:#fff; font:400 13px 'Roboto', sans-serif !important; text-decoration:none; }

    .pricebutton2 a      { background:#dadada; color:#666; font-weight:600; padding:15px 20px; border-radius:5px; border-bottom-left-radius:0; border-bottom-right-radius: 0; display:inline-block; margin:15px 10px 0 0; text-decoration:none; }
    .pricebutton2 a:hover        { background:#f8f8f8; color:#000; text-decoration:none; }
    .pricebutton2 a.activex      { background:#f8f8f8; color:#000; text-decoration:none; }

    .table-striped>tbody>tr:nth-of-type(odd) { background-color: #fff; }
    .table-striped>tbody>tr:nth-of-type(odd):hover  { background:#fff3cd; color:#000; }
    .table-striped>tbody>tr:nth-of-type(odd):hover a  { color:#333 !important; }
    .table-striped>tbody>tr:nth-of-type(even):hover  { background:#fff3cd; color:#000; }
    .table-striped>tbody>tr:nth-of-type(even):hover a  { color:#333 !important; }
    .menux  { color:#333; font-size:25px; margin:18px 15px 0 0; }
    .menux i    { float:left; margin-left:15px; cursor:pointer; }

    #hesaplamaAraci input { width:100px; border-radius:5px; padding:5px; background:#fff; border:#dfdfdf 1px solid; }
    #hesaplamaAraci td { padding-left:10px; }

    table tr th, table tr td    { vertical-align: middle !important; }

    .guncelle   { width:100%; position:fixed; bottom:0; left:0; padding:15px; background:#fff; border-top:#dfdfdf 2px solid; }
    .guncelle a     { color:#fff; background:#cc0000; padding:15px; display:inline-block; border-radius:50px; }

    .settings input[type=text]  { width:100%; padding:10px; border-radius:5px; border:#dfdfdf 1px solid; margin:5px 0 30px 0; }
    .settings input[type=submit]  { padding:10px 15px; border-radius:5px; border:#dfdfdf 1px solid; margin:5px 0 30px 0; }
    .settings input[type=submit]:hover  { background:#333; color:#fff; border:#333 1px solid; display:inline-block; }

.tooltip-inner {
    white-space:pre;
    max-width:none;
    text-align:left;
}
.tooltip-inner hr   { border:none; border-top:#dfdfdf 1px solid; margin:4px 0; }

@media only screen and (min-width : 0px) and (max-width : 560px) {
    .logo a img     { height:40px; margin-top:8px; }
    .logo-text      { height:40px; margin:7.5px 5px; padding:8px 10px; }
    .logo-text span     { font:300 8px 'Montserrat', sans-serif !important; display:block; margin-top:4px; }
    .header         { height:75px; background:#fff; padding:10px; }
}
@media only screen and (min-width : 561px) and (max-width : 991px) {
    .logo a img     { height:40px; margin-top:8px; }
    .logo-text      { height:40px; margin:7.5px 5px; padding:8px 10px; }
    .logo-text span     { font:300 8px 'Montserrat', sans-serif !important; display:block; margin-top:4px; }
    .header         { height:75px; background:#fff; padding:10px; }
}
@media only screen and (min-width : 992px) and (max-width : 1023px) {
    .logo a img     { height:40px; margin-top:8px; }
    .logo-text      { height:40px; margin:7.5px 5px; padding:8px 10px; }
    .logo-text span     { font:300 8px 'Montserrat', sans-serif !important; display:block; margin-top:4px; }
    .header         { height:75px; background:#fff; padding:10px; }
}
@media only screen and (min-width : 1024px) and (max-width : 1180px) {
    .header         { height:75px; background:#fff; padding:10px; }
    .logo a img     { height:40px; margin-top:8px; }
    .logo-text      { height:40px; margin:7.5px 5px; padding:8px 10px; }
    .logo-text span     { font:300 8px 'Montserrat', sans-serif !important; display:block; margin-top:4px; }
}
@media only screen and (min-width : 1181px) and (max-width : 1200px) {
    .header         { height:75px; background:#fff; padding:10px; }
    .logo a img     { height:40px; margin-top:8px; }
    .logo-text      { height:40px; margin:7.5px 5px; padding:8px 10px; }
    .logo-text span     { font:300 8px 'Montserrat', sans-serif !important; display:block; margin-top:4px; }
}
@media only screen and (min-width : 1201px) and (max-width : 1366px) {
    .header         { height:75px; background:#fff; padding:10px; }
    .logo a img     { height:40px; margin-top:8px; }
    .logo-text      { height:40px; margin:7.5px 5px; padding:8px 10px; }
    .logo-text span     { font:300 8px 'Montserrat', sans-serif !important; display:block; margin-top:4px; }
}
@media only screen and (min-width : 1367px) and (max-width : 1550px) {

}
@media only screen and (min-width : 1551px) and (max-width : 1700px) {

}