.highlight      {background-color: yellow;}

.topnav { overflow: hidden; background-color:  #3498DB;}
.topnav a { float: left;  color: #f2f2f2;  text-align: center; padding: 14px 16px; text-decoration: none;  font-size: 18px;}
.topnav a:hover {  background-color: #ccc;  color: black;}
.topnav a.active {  background-color: #2980B9;  color: white;}

.leftnav { overflow: hidden; background-color: #333;}
.leftnav a { float: left;  color: #f2f2f2;  text-align: center; padding: 14px 16px; text-decoration: none;  font-size: 16px;}
.leftnav a:hover {  background-color: #ddd;  color: black;}
.leftnav a.active {  background-color: #4CAF50;  color: white;}

ssmaller {font-size: medium;}
image.intLink { border: 0; }
sub { vertical-align: sub; font-size: small; font-style: italic;} 
ssup { vertical-align: sup; font-size: small; font-style: italic;} 
sup { vertical-align: top; font-size: 0.6em;font-style: italic;}

dspan {text-decoration:overline; border-top:1px black}
sspan {font-size: 10pt;}
span {text-decoration:overline; border-top:1px;}

.matrix {position: relative;}
    .matrix:before, 
    .matrix:after {content: ""; position: absolute; top: 0; border: 1px solid #000; width: 6px; height: 100%;}
    .matrix:before {left: -6px; border-right: 0;}
    .matrix:after {right: -6px; border-left: 0;}

table {border-spacing: 0;border-collapse: collapse;}
td {padding:0px;}
td img {display: block;float : center; border: 1;}

.dropbtn {background-color: #3498DB;color: white;padding: 12px;font-size: 16px;border: none;cursor: pointer;}
    .dropbtn:hover, .dropbtn:focus {background-color: #2980B9;}
    .dropdown {position: relative; display: inline-block;}
    .dropdown-content {display: none;position: absolute;background-color: #ccc;min-width: 160px;overflow: auto;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
    .dropdown-content a {color: black;padding: 6px 8px;text-decoration: none;display: block;}
    .dropdown a:hover {background-color: #ddd;}
.show {display: block;}



.drop-down1 {position: relative;top:0px;left:0%;margin-top: 0px;width: 480px;height: 30px;}
.drop-down1::before {content: "";position: absolute;top: 5px;right: 20px;z-index: 1000;width: 8px;height: 8px;border: 2px solid #333;
    border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(-45deg);transition: 0.5s;pointer-events: none;}
   .drop-down1.active::before {top: 11px;transform: rotate(-225deg);}
   .drop-down1 input {position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;background: #62baea;font-size: 1.0em;
    border: none;outline: none;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);padding: 6px 10px;border-radius: 10px;}
   .drop-down1 .options1 {position: absolute;top: 5px;width: 100%;background: #ccc;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    border-radius: 5px;overflow: hidden;display: none;}
   .drop-down1.active .options1 {display: block;}
   .drop-down1 .options1 div {padding: 6px 10px;cursor: pointer;}
   .drop-down1 .options1 div:hover {background: #62baea;color: #fff;}

.drop-down2 {position: relative; top:0px; left:0%; margin-top: 0px; width: 625px; height: 30px;}
.drop-down2::before {content: ""; position: absolute; top: 5px; right: 20px ;z-index: 1000; width: 8px; height: 8px; border: 2px solid #333;
    border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-45deg); transition: 0.5s; pointer-events: none;}
   .drop-down2.active::before {top: 11px; transform: rotate(-225deg);}
   .drop-down2 input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; background: #62baea; font-size: 1.0em;
    border: none; outline: none; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); padding: 6px 10px; border-radius: 10px;}
   .drop-down2 .options2 {position: absolute; top: 5px; width: 100%; background: #ccc; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    border-radius: 5px; overflow: hidden; display: none;}
   .drop-down2.active .options2 {display: block;}
   .drop-down2 .options2 div {padding: 6px 10px; cursor: pointer;}
   .drop-down2 .options2 div:hover {background: #62baea; color: #fff;}

.mbaslik   {font-size:20px;font-weight: bold;font-family: Recursive sans linear& mono casual; verdana;}
.baslik    {font-size:18px;font-weight: bold;font-family: Recursive sans linear& mono casual; verdana;}
.devami    {font-size:10px;font-weight: bold; text-align:right; font-family: Recursive sans linear& mono casual; verdana;}
.yazi      {width: 620px; font-size:14px;font-family: verdana;}
.bastarafi {font-size:10px;font-weight: bold; text-align:right; font-family: Recursive sans linear& mono casual; verdana;}
div.haber   {width: 640px; height: 550px; overflow: scroll; padding: 5px; }
.yazi-baslik {font-size:14px;font-family: verdana;}


image.intLink { border: 0; }
.doc_foto {display:block;margin-left:auto !important;margin-right:auto !important;}


.sidebar {height: 500px; top:320px; width: 0;  right:340px; position: absolute; z-index: 1; background-color: #ccc;
  overflow-x: hidden; transition: 0.5s; padding-top: 5px; float:left;}

.sidebar a {padding: 8px 8px 8px 32px;text-decoration: none; font-size: 14px; background-color: #62baea; color: #000; display: block; transition: 0.3s;}
.sidebar a:hover {background: white;color: #000;}

.row {display: flex; align-items: center;}
select {display: table-row; border: 1; overflow: hidden; outline: none; -webkit-appearance: none; table-layout: unset; height: 14px;}
select option {display: table-cell; padding: 2px 4px;}