@charset "UTF-8";
.yeniilanListele {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.yeniilanListele .li-con.bik-ilan {
width: calc(33.333% - 13.333px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-bottom: 20px;
margin-right: 20px;
background: #ffffff;
}
.yeniilanListele .li-con.bik-ilan:nth-of-type(3n) {
margin-bottom: 20px;
margin-right: 0px;
}
.yeniilanListele .li-con.bik-ilan figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
}
.yeniilanListele .li-con.bik-ilan figure img {
width: 100%;
height: 100%;
}
.yeniilanListele .li-con.bik-ilan a {
display: block;
}
.yeniilanListele .li-con.bik-ilan h3 {
width: calc(100% - 20px);
height: 44px;
line-height: 1.4;
overflow: hidden;
position: relative;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 16px;
font-weight: 700;
color: var(--siyah);
margin: 2px 10px 10px 10px;
}
.yeniilanListele .li-con.bik-ilan a:hover figcaption {
color: var(--kirmizi);
}
.yeniilanListele_iki {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.yeniilanListele_iki .li-con.bik-ilan {
width: calc(100% - 15px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
padding: 0px 15px 0px 0px;
margin: 0px 0px 15px 0px;
}
.yeniilanListele_iki .li-con.bik-ilan figure {
width: 270px;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
margin: 0px 15px 0px 0px;
float: left;
}
.yeniilanListele_iki .li-con.bik-ilan figure img {
width: 100%;
height: 100%;
}
.yeniilanListele_iki .li-con.bik-ilan time {
width: calc(100% - 285px);
height: 14px;
overflow: hidden;
position: relative;
display: block;
font-size: 10px;
font-weight: 500;
color: var(--siyah);
margin: 0px 10px 5px 0px;
opacity: 0.7;
padding-top: 10px;
}
.yeniilanListele_iki .li-con.bik-ilan h3 {
width: calc(100% - 285px);
height: auto;
line-height: 1.4;
overflow: hidden;
position: relative;
font-size: 20px;
font-weight: 700;
color: var(--siyah);
margin: 2px 10px 10px 0px;
}
.yeniilanListele_iki .li-con.bik-ilan p {
width: calc(100% - 285px);
height: 44px;
line-height: 1.4;
overflow: hidden;
position: relative;
display: block;
font-size: 16px;
font-weight: 300;
color: var(--siyah);
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.yeniilanListele_iki .li-con.bik-ilan a:hover h3 {
color: var(--kirmizi);
}
.sayfalarBaslik {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.sayfalarBaslik h3 {
width: calc(100% - 30px);
height: 60px;
line-height: 60px;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
color: var(--beyaz);
font-size: 18px;
font-weight: 700;
background: radial-gradient(circle at 1% 52%,rgba(139,139,139,.05) 0%,rgba(139,139,139,.05) 50%,rgba(21,21,21,.05) 50%,rgba(21,21,21,.05) 100%),radial-gradient(circle at 41% 28%,rgba(81,81,81,.05) 0%,rgba(81,81,81,.05) 50%,rgba(7,7,7,.05) 50%,rgba(7,7,7,.05) 100%),radial-gradient(circle at 48% 1%,rgba(93,93,93,.05) 0%,rgba(93,93,93,.05) 50%,rgba(7,7,7,.05) 50%,rgba(7,7,7,.05) 100%),linear-gradient(255deg,#0f0f0f,#545454);
}
button.vjs-big-play-button {
margin: 0px auto 0px auto;
top: calc(50% - 24px)!important;
left: 0px;
right: 0px;
}
.sayfaSosyal {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
bottom: 25px;
right: 25px;
}
.sayfaSosyal a {
width: 36px;
height: 36px;
line-height: 36px;
overflow: hidden;
display: inline-block;
text-align: center;
font-size: 18px;
margin: 0px 2px;
color: #ffffff;
}
.sayfaSosyal a:nth-of-type(1n) {
background: #3b5998;
}
.sayfaSosyal a:nth-of-type(2n) {
background: #00aced;
}
.sayfaSosyal a:nth-of-type(3n) {
background: #cb2027;
}
.sayfaSosyal a:nth-of-type(4n) {
background: #007bb5;
}
.sayfaSosyal a:nth-of-type(5n) {
background: #4dc247;
}
.sayfaSosyal a:nth-of-type(6n) {
background: #585858;
}
.sayfaSosyal a:hover {
background: #243238;
}
#burcismi {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: radial-gradient(circle at 1% 52%, rgba(139, 139, 139,0.05) 0%, rgba(139, 139, 139,0.05) 50%,rgba(21, 21, 21,0.05) 50%, rgba(21, 21, 21,0.05) 100%),radial-gradient(circle at 41% 28%, rgba(81, 81, 81,0.05) 0%, rgba(81, 81, 81,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),radial-gradient(circle at 48% 1%, rgba(93, 93, 93,0.05) 0%, rgba(93, 93, 93,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),linear-gradient(255deg, #9c2984,#2f0e7a);
}
#burcismi .burcismi {
width: calc(8.333% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
text-align: center;
padding: 30px 0px;
}
#burcismi .burcismi.aktif {
background: #243238;
}
#burcismi .burcismi.aktif a figcaption {
color: #e3f54a;
}
#burcismi .burcismi a {
display: block;
}
#burcismi .burcismi figure {
width: 36px;
height: 36px;
overflow: hidden;
display: inline-table;
margin: 0px 0px 15px 0px;
}
#burcismi .burcismi figure img {
width: 36px;
height: 36px;
}
#burcismi .burcismi figcaption {
font-size: 14px;
font-weight: 500;
color: #ffffff;
}
#burcismi .burcismi a:hover figcaption {
color: #e3f54a;
}
.burcBilgisi {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
padding: 10px 30px;
}
.burcBilgisi img {
width: 180px;
height: 180px;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 30px;
}
.burcBilgisi .burcmye {
width: calc(100% - 460px);
height: auto;
min-height: 180px;
overflow: hidden;
display: block;
float: left;
margin-right: 30px;
padding: 15px 0px;
}
.burcBilgisi .burcmye strong {
width: auto;
height: auto;
overflow: hidden;
display: block;
font-size: 24px;
font-weight: 700;
color: #36276d;
margin-top: 8px;
margin-bottom: 2px;
}
.burcBilgisi .burcmye span {
width: auto;
height: auto;
overflow: hidden;
display: block;
font-size: 16px;
font-weight: 500;
color: var(--siyah);
margin-bottom: 15px;
}
.burcBilgisi .burcmye p {
width: auto;
height: auto;
overflow: hidden;
display: block;
font-size: 16px;
font-weight: 500;
color: var(--siyah);
margin-bottom: 5px;
}
ul#tabBaslik {
width: calc(100% - 0px);
height: auto;
display: block;
overflow: hidden;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
ul#tabBaslik li {
width: calc(20% - 0px);
height: 60px;
line-height: 60px;
display: block;
overflow: hidden;
position: relative;
text-align: center;
float: left;
background: #5c247b;
letter-spacing: 1px;
}
ul#tabBaslik li a {
display: block;
font-size: 16px;
font-weight: 500;
color: #ffffff;
}
ul#tabBaslik li.tabAktif {
background: #243238;
}
ul#tabBaslik li.tabAktif a {
color: #ffffff;
}
.tabDiv .flex-wrapper {
width: calc(100% - 30px);
display: flex;
flex-flow: row nowrap;
margin-top: 40px;
padding: 0px 15px;
}
.tabDiv .single-chart {
width: 15%;
justify-content: space-around;
text-align: center;
margin: 0px auto;
}
.tabDiv .single-chart strong {
font-size: 20px;
font-weight: 500;
margin-bottom: 10px;
display: inline-block;
}
.tabDiv .yildiz-fali {
display: block;
margin: 5px auto;
max-width: 90%;
max-height: 250px;
}
.tabDiv .circle {
fill: none;
stroke-width: 2.8;
stroke-linecap: round;
animation: progress 1s ease-out forwards;
}
@keyframes progress {
0% {stroke-dasharray: 0 100;}
}
.tabDiv .circle-bg {
fill: none;
stroke: #eee;
stroke-width: 3.8;
fill: none;
}
.tabDiv .yildiz-fali.genel .circle {
stroke: #774ede;
}
.tabDiv .yildiz-fali.ask .circle {
stroke: #ff0047;
}
.tabDiv .yildiz-fali.para .circle {
stroke: #ff9f00;
}
.tabDiv .yildiz-fali.saglik .circle {
stroke: #8bc34a;
}
.tabDiv .yildiz-fali.is .circle {
stroke: #3c9ee5;
}
.tabDiv .percentage {
fill: #666;
font-family: sans-serif;
font-size: 0.5em;
text-anchor: middle;
}
.tabDiv .gezegenUyumu {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 15px;
margin-top: 40px;
}
.tabDiv .gezegenUyumu h3 {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 20px;
font-weight: 300;
border-bottom: 1px solid #dedede;
margin-bottom: 15px;
padding-bottom: 15px;
}
.tabDiv .gezegenUyumu h3 strong {
font-weight: 500;
}
.tabDiv .gezegenUyumu .gezegenDetay {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.tabDiv .gezegenUyumu .gezegenDetay .solla,
.tabDiv .gezegenUyumu .gezegenDetay .sagla {
width: calc(50% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
}
.tabDiv .gezegenUyumu .gezegenDetay .solla div,
.tabDiv .gezegenUyumu .gezegenDetay .sagla div {
width: 100%;
height: auto;
line-height: 2;
}
.tabDiv .gezegenUyumu .gezegenDetay .solla div strong,
.tabDiv .gezegenUyumu .gezegenDetay .sagla div strong {
width: calc(100px - 0px);
height: auto;
overflow: hidden;
display: block;
float: left;
font-size: 18px;
font-weight: 500;
}
.tabDiv .gezegenUyumu .gezegenDetay .solla div span,
.tabDiv .gezegenUyumu .gezegenDetay .sagla div span {
width: calc(100% - 100px);
height: auto;
overflow: hidden;
display: block;
font-size: 18px;
font-weight: 300;
}
.tabDiv {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
padding: 15px 15px;
margin-bottom: 40px;
}
.tabDiv p {
font-size: 20px;
margin-bottom: 15px;
line-height: 1.5;
font-weight: 300;
}
.canliBorsa {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
padding: 15px 15px;
margin-bottom: 40px;
}
.hisseHeader {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
margin-bottom: 20px;
}
.hisseHeader .hissAlan {
width: calc(33.333% - 14px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
float: left;
margin: 0px 20px 20px 0px;
}
.hisseHeader .hissAlan:nth-of-type(3n) {
margin: 0px 0px 20px 0px;
}
.hisseHeader .hissAlan:nth-of-type(4n) {
width: calc(100% - 0px);
margin: 0px 0px 0px 0px;
float: none;
}
.hisseHeader .hissAlan #chart {
width: calc(100% - 2px);
height: 200px;
border: 1px solid #dedede;
}
.highcharts-container {
height: 200px!important;
}
svg.highcharts-root {
height: 200px;
}
.bistSec {
position: relative;
display: flex;
width: 70%;
height: 42px;
overflow: hidden;
margin-bottom: 15px;
}
.bistSec::after {
width: 42px;
height: 42px;
line-height: 42px;
content: '\25BC';
position: absolute;
top: 0;
right: 0;
padding: 0px 0px;
background-color: #156695;
transition: .25s all ease;
pointer-events: none;
color: #ffffff;
text-align: center;
}
.bistSec:hover::after {
color: #f39c12;
}
.bistSec select {
appearance: none;
outline: 0;
border: 0;
box-shadow: none;
flex: 1;
padding: 10px 0px;
color: #ffffff;
background-color: #0d72ad;
background-image: none;
cursor: pointer;
padding: 0px 15px;
font-size: 16px;
}
.bistSec select::-ms-expand {
display: none;
}
.bistSec select option {
font-size: 15px;
}
.bitSecAlt {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.bitSecAlt span {
width: 130px;
height: auto;
line-height: 1.8;
overflow: hidden;
display: block;
float: left;
margin-right: 10px;
text-align: right;
font-size: 16px;
font-weight: 300;
}
.bitSecAlt strong {
width: calc(100% - 140px);
height: auto;
line-height: 1.8;
overflow: hidden;
display: block;
text-align: left;
font-size: 16px;
font-weight: 700;
}
.bitSecAlt strong.up {
color: #35b550;
}
.bitSecAlt strong.down {
color: #d73516;
}
.hisseHeader .hissAlan:nth-of-type(2n) div {
width: 50%;
height: auto;
overflow: hidden;
display: block;
float: left;
}
.hisseHeader .hissAlan:nth-of-type(2n) strong {
font-size: 16px;
font-weight: 700;
display: block;
}
.hisseHeader .hissAlan:nth-of-type(2n) span {
font-size: 16px;
font-weight: 500;
display: block;
margin: 10px 0px 5px 0px;
}
.hisseHeader .hissAlan:nth-of-type(2n) div:nth-of-type(2n) {
text-align: right;
}
.cizgiCektik {
width: 100%!important;
height: 10px!important;
margin: 10px 0 10px 0!important;
background: radial-gradient(circle at 1% 52%, rgba(139, 139, 139,0.05) 0%, rgba(139, 139, 139,0.05) 50%,rgba(21, 21, 21,0.05) 50%, rgba(21, 21, 21,0.05) 100%),radial-gradient(circle at 41% 28%, rgba(81, 81, 81,0.05) 0%, rgba(81, 81, 81,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),radial-gradient(circle at 48% 1%, rgba(93, 93, 93,0.05) 0%, rgba(93, 93, 93,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),linear-gradient(255deg, #ff8c17,#35b550);
}
.hisseHeader .hissAlan:nth-of-type(2n) div:nth-of-type(4n) {
width: 65%;
}
.hisseHeader .hissAlan p {
font-size: 16px;
font-weight: 300;
line-height: 1.6;
display: block;
}
.hisseHeader .hissAlan:nth-of-type(3n) {
text-align: right;
}
.hisseHeader .hissAlan:nth-of-type(3n) strong {
width: calc(100% - 140px);
height: auto;
line-height: 1.8;
overflow: hidden;
display: block;
text-align: left;
font-size: 16px;
font-weight: 700;
}
.hisseHeader .hissAlan:nth-of-type(3n) span {
width: 130px;
height: auto;
line-height: 1.8;
overflow: hidden;
display: block;
float: left;
margin-right: 10px;
text-align: right;
font-size: 16px;
font-weight: 300;
}
.canliBorsa .harfler {
width: calc(100% - 0px);
height: auto;
display: block;
overflow: hidden;
position: relative;
padding: 20px 0px;
border-top: 1px solid #e4e4e4;
}
.canliBorsa .harfler ul {
width: calc(100% - 200px);
height: auto;
display: block;
overflow: hidden;
position: relative;
float: left;
margin: 0px 0px;
padding: 0px 0px;
}
.canliBorsa .harfler ul li {
width: auto;
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 5px;
list-style: none;
}
.canliBorsa .harfler ul li:last-child {
margin-right: 0px;
}
.canliBorsa .harfler ul li a {
width: auto;
height: 36px;
line-height: 36px;
overflow: hidden;
display: block;
border: 1px solid #e4e4e4;
padding: 0px 10px;
font-size: 16px;
font-weight: 500;
color: #131313;
}
.canliBorsa .harfler .songunc {
width: calc(200px - 0px);
height: 36px;
line-height: 36px;
display: block;
overflow: hidden;
position: relative;
text-align: center;
background: #35b550;
}
.canliBorsa .harfler .songunc span {
font-size: 15px;
font-weight: 300;
color: #ffffff;
}
.canliBorsa .canlilar {
width: calc(100% - 0px);
height: auto;
display: block;
overflow: hidden;
position: relative;
padding: 0px 0px;
}
.canliBorsa .canlilar ul {
width: calc(33.333% - 10px);
height: auto;
display: block;
overflow: hidden;
position: relative;
float: left;
margin: 0px 15px 0px 0px;
padding: 0px 0px 0px 0px;
}
.canliBorsa .canlilar ul:last-child {
margin: 0px 0px 0px 0px;
}
.canliBorsa .canlilar ul div {
width: calc(100% - 10px);
height: auto;
display: flex;
overflow: hidden;
position: relative;
align-items: center;
justify-content: space-between;
height: 50px;
line-height: 50px;
background: #0d72ad;
padding: 0px 0px 0px 10px;
}
.canliBorsa .canlilar ul div span {
width: calc(100% - 2px);
font-size: 13px;
font-weight: 500;
color: #ffffff;
text-align: center;
}
.canliBorsa .canlilar ul li {
width: calc(100% - 12px);
height: 42px;
line-height: 42px;
display: flex;
overflow: hidden;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #e4e4e4;
border-right: 1px solid #e4e4e4;
border-left: 1px solid #e4e4e4;
padding: 0px 0px 0px 10px;
text-align: center;
cursor: pointer;
background: #ffffff;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.canliBorsa .canlilar ul li:hover {
background: rgb(13 114 173 / 15%);
}
.canliBorsa .canlilar ul li a {
width: calc(100% - 2px);
text-align: left;
font-size: 14px;
font-weight: 500;
color: #131313;
}
.canliBorsa .canlilar ul li p {
width: calc(100% - 2px);
font-size: 14px;
font-weight: 300;
}
#covid19 {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px;
margin: 0px 0px 40px 0px;
background: #ffffff;
}
.covidBaslik {
width: calc(100% - 30px);
height: 60px;
line-height: 60px;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
background: #179793;
}
.covidBaslik h2 {
width: calc(100% - 265px);
height: auto;
overflow: hidden;
display: block;
font-size: 18px;
font-weight: 700;
float: left;
margin-right: 15px;
color: #ffffff;
}
.covidBaslik time {
width: 250px;
height: auto;
overflow: hidden;
display: block;
font-size: 14px;
font-weight: 300;
color: #ffffff;
text-align: right;
}
#covid19 .asilamaOrani {
width: calc(100% - 2px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
border-top: 1px solid #179793;
border-right: 1px solid #179793;
border-left: 1px solid #179793;
margin-top: 0px;
margin-right: 0px;
text-align: center;
float: left;
}
#covid19 .asilamaOrani .asiYapilma {
width: calc(50% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
}
#covid19 .asilamaOrani h3 {
width: calc(100% - 0px);
height: auto;
line-height: 60px;
display: block;
font-size: 18px;
font-weight: 700;
color: #298683;
border-bottom: 1px solid #179793;
}
#covid19 .asilamaOrani strong {
width: calc(100% - 0px);
height: auto;
line-height: 36px;
display: block;
font-size: 20px;
font-weight: 700;
color: #298683;
border-bottom: 1px solid #179793;
}
#covid19 .asilamaOrani span {
width: calc(100% - 0px);
height: auto;
line-height: 36px;
display: block;
font-size: 16px;
font-weight: 500;
color: #298683;
border-bottom: 1px solid #179793;
}
#covid19 .asilamaOrani span:nth-of-type(3n) {
font-size: 24px;
}
#covid19 .asilamaOrani .dozKullanimi {
width: calc(50% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #179793;
padding: 15px 0px;
}
#covid19 .asilamaOrani .dozKullanimi div {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 5px 15px;
border-bottom: 1px solid #178b87;
}
#covid19 .asilamaOrani .dozKullanimi div:last-child {
border-bottom: 0px;
}
#covid19 .asilamaOrani .dozKullanimi div strong {
width: calc(90px - 0px);
height: 48px;
line-height: 2;
display: block;
float: left;
text-align: right;
font-size: 12px;
font-weight: 500;
color: #ffffff;
}
#covid19 .asilamaOrani .dozKullanimi div span {
width: calc(100% - 90px);
height: 48px;
line-height: 48px;
text-align: right;
display: block;
float: left;
font-size: 22px;
font-weight: 700;
color: #ffffff;
}
#covid19 .toplamOrani {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #148581;
margin-top: 15px;
padding: 15px 0px;
}
#covid19 .toplamOrani div {
width: calc(25% - 31px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
padding: 5px 15px;
border-right: 1px solid rgb(255 255 255 / 30%);
}
#covid19 .toplamOrani div:nth-of-type(4n) {
border-right: 0px;
}
#covid19 .toplamOrani div strong {
width: calc(50% - 0px);
height: 36px;
line-height: 38px;
font-size: 13px;
font-weight: 500;
color: #ffffff;
float: left;
}
#covid19 .toplamOrani div span {
width: calc(50% - 0px);
height: 36px;
line-height: 36px;
font-size: 28px;
font-weight: 700;
color: #ffffff;
float: left;
text-align: right;
}
.fiksturSayfa {
width: calc(240px - 15px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
padding: 15px 0px 15px 15px;
background: #ffffff;
margin: 0 0 30px 0;
}
.fiksturSayfa ul#tabBaslik span {
width: calc(100% - 15px);
height: 36px;
line-height: 36px;
overflow: hidden;
display: block;
font-size: 14px;
font-weight: 700;
background: var(--siyah);
color: var(--beyaz);
padding-left: 15px;
}
.fiksturSayfa ul#tabBaslik li {
width: calc(100% - 15px);
background: #ffffff;
display: block;
height: 36px;
line-height: 36px;
border-bottom: 1px solid #eeeeee;
text-align: left;
padding-left: 15px;
letter-spacing: 0;
}
.fiksturSayfa ul#tabBaslik li:last-child {
border-bottom: 0px solid #eeeeee;
}
.fiksturSayfa ul#tabBaslik li a {
color: #243238;
font-size: 14px;
}
.fiksturSayfa ul#tabBaslik li strong {
font-weight: 400;
}
.fiksturSayfa ul#tabBaslik li.tabAktif {
background: #eeeeee;
}
.fiksturSayfa ul#tabBaslik li.tabAktif strong {
font-weight: 700;
}
.fiksturSayfa ul#tabBaslik li.tabAktif a {
color: #243238;
}
.fiksturSayfa ul#tabBaslik li.mob {
display: none;
}
.fiksturSayfa ul#tabBaslik li.desk {
display: block;
}
#fiksturSayfa {
width: calc(100% - 270px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px;
margin: 0px 0px 40px 0px;
background: #ffffff;
}
#fiksturSayfa .tabDiv {
width: calc(100% - 0px);
padding: 0px 0px;
margin-bottom: 0px;
}
.takim_basligi {
width: calc(100% - 0px);
height: 36px;
line-height: 36px;
overflow: hidden;
display: block;
position: relative;
background: var(--siyahBG);
color: var(--beyaz);
font-size: 14px;
}
.takim_basligi div:nth-of-type(1n){
width: 100px;
float: left;
color: var(--siyahBG);
text-align: center;
}
.takim_basligi div:nth-of-type(2n){
width: calc(50% - 174px);
color: var(--beyaz);
padding: 0px 0px 0px 24px;
}
.takim_basligi div:nth-of-type(3n){
width: 100px;
color: var(--beyaz);
}
.takim_basligi div:nth-of-type(4n){
width: calc(50% - 174px);
color: var(--beyaz);
padding: 0px 24px 0px 0px;
}
.takim_basligi div:nth-of-type(5n){
width: 100px;
color: var(--beyaz);
}
#guncel_Fikstur {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.takim_sira {
width: calc(100% - 0px);
height: 36px;
line-height: 36px;
overflow: hidden;
display: block;
position: relative;
margin-top: 5px;
background: #eeeeee;
}
.takim_sira:nth-of-type(2n) {
background: #ffffff;
}
.takim_sira span {
height: auto;
overflow: hidden;
display: block;
float: left;
text-align: center;
font-size: 14px;
}
.takim_sira span.tarih {
width: 100px;
}
.takim_sira .takim_bir {
width: calc(50% - 170px);
height: auto;
overflow: hidden;
display: block;
float: left;
padding: 0px 10px;
font-size: 14px;
}
.takim_sira .takim_bir strong {
width: calc(100% - 24px);
height: auto;
overflow: hidden;
display: block;
text-align: center;
font-size: 14px;
}
.takim_sira .takim_bir img {
width: 24px;
height: 24px;
float: left;
margin-top: 6px;
}
.takim_sira span.sonuc {
width: 100px;
height: 36px;
line-height: 36px;
overflow: hidden;
display: inline-table;
background: var(--kirmiziBG);
color: var(--beyaz);
border-radius: 3px;
}
.takim_sira .takim_iki {
width: calc(50% - 170px);
height: auto;
overflow: hidden;
display: block;
float: left;
padding: 0px 10px;
font-size: 14px;
}
.takim_sira .takim_iki strong {
width: calc(100% - 24px);
height: auto;
overflow: hidden;
display: block;
text-align: center;
float: left;
font-size: 14px;
}
.takim_sira .takim_iki img {
width: 24px;
height: 24px;
float: right;
margin-top: 6px;
}
.takim_sira span.ilk_yari {
width: 100px;
}
#gazetelerSayfa {
width: calc(100% - 0px);
height: auto;
display: block;
overflow: hidden;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #ffffff;
}
ul.gazeteListe {
width: calc(100% - 30px);
height: auto;
display: block;
overflow: hidden;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 15px 15px 15px;
}
ul.gazeteListe li {
width: calc(20% - 34px);
height: auto;
display: block;
overflow: hidden;
position: relative;
margin: 15px 15px 0px 0px;
padding: 10px 10px 10px 10px;
border: 1px solid #dedede;
float: left;
text-align: center;
}
ul.gazeteListe li:nth-of-type(5n) {
margin: 15px 0px 0px 0px;
}
ul.gazeteListe li a {
display: block;
}
ul.gazeteListe li strong {
display: block;
overflow: hidden;
font-size: 14px;
font-weight: 700;
color: #243238;
margin-top: 5px;
margin-bottom: 15px;
}
ul.gazeteListe li figure {
width: 100%;
height: auto;
}
ul.gazeteListe li figure img {
width: 100%;
height: auto;
max-height: 276px;
}
#gazeteOku {
width: calc(100% - 0px);
height: auto;
display: block;
overflow: hidden;
position: relative;
margin: 0px 0px 40px 0px;
padding: 0px 0px 30px 0px;
background: #ffffff;
text-align: center;
}
.gazeteSelect {
width: calc(100% - 30px);
height: auto;
display: block;
overflow: hidden;
position: relative;
margin: 30px 0px 30px 0px;
padding: 0px 15px 0px 15px;
}
.gazeteSelect h3 {
width: calc(100% - 560px);
height: 42px;
line-height: 44px;
display: block;
overflow: hidden;
position: relative;
font-size: 2em;
font-weight: 700;
text-align: left;
float: left;
}
.gazeteSelect h2 {
width: 320px;
height: 42px;
line-height: 42px;
display: block;
overflow: hidden;
position: relative;
font-size: 14px;
font-weight: 500;
text-align: right;
}
.selecttt {
width: calc(220px - 0px);
height: 42px;
display: block;
overflow: hidden;
position: relative;
float: left;
margin-right: 20px;
}
.selecttt::after {
width: 42px;
height: 42px;
line-height: 42px;
content: '\25BC';
position: absolute;
top: 0;
right: 0;
padding: 0px 0px;
background-color: #156695;
transition: .25s all ease;
pointer-events: none;
color: #ffffff;
text-align: center;
}
.selecttt:hover::after {
color: #f39c12;
}
.selecttt select {
width: 100%;
height: 42px;
appearance: none;
outline: 0;
border: 0;
box-shadow: none;
flex: 1;
padding: 0px 0px;
color: #ffffff;
background-color: #0d72ad;
background-image: none;
cursor: pointer;
padding: 0px 15px;
font-size: 16px;
}
.selecttt select::-ms-expand {
display: none;
}
.selecttt select option {
font-size: 15px;
}
.gb {
width: calc(100% - 0px);
height: auto;
display: block;
overflow: hidden;
position: relative;
}
.gb img{
width: 100%;
height: auto;
}
#hisseSayfa {
width: calc(100% - 0px);
height: auto;
display: block;
overflow: hidden;
position: relative;
padding: 0px 0px;
margin-bottom: 40px;
}
#hisseSayfa .pariteler {
width: calc(100% - 0px);
height: auto;
display: block;
overflow: hidden;
position: relative;
padding: 0px 0px;
}
#hisseSayfa .pariteler ul {
width: calc(100% - 0px);
height: auto;
display: block;
overflow: hidden;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#hisseSayfa .pariteler ul div {
width: calc(100% - 10px);
height: auto;
display: flex;
overflow: hidden;
position: relative;
align-items: center;
justify-content: space-between;
height: 42px;
line-height: 42px;
background: #0d72ad;
padding: 0px 0px 0px 10px;
}
#hisseSayfa .pariteler ul div span {
width: calc(100% - 2px);
font-size: 13px;
font-weight: 500;
color: #ffffff;
text-align: center;
}
#hisseSayfa .pariteler ul li {
width: calc(100% - 12px);
height: auto;
display: flex;
overflow: hidden;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #e4e4e4;
border-right: 1px solid #e4e4e4;
border-left: 1px solid #e4e4e4;
padding: 10px 0px 10px 10px;
text-align: center;
cursor: pointer;
background: #ffffff;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
#hisseSayfa .pariteler ul li:hover {
background: rgb(13 114 173 / 15%);
}
#hisseSayfa .pariteler ul li a {
width: calc(100% - 2px);
line-height: 1.4;
font-size: 14px;
font-weight: 500;
color: #131313;
text-align: left;
position: relative;
}
#hisseSayfa .pariteler ul li p {
width: calc(100% - 2px);
font-size: 14px;
font-weight: 300;
}
#hisseSayfa .pariteler ul li p.up {
color: #2ab507;
font-weight: 500;
}
#hisseSayfa .pariteler ul li p.down {
color: #d73516;
font-weight: 500;
}
#yerelhaberSayfa {
width: calc(100% - 30px);
height: auto;
display: block;
overflow: hidden;
position: relative;
padding: 15px 15px;
margin: 0px 0px 40px 0px;
background: #ffffff;
}
.yerelIller {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px;
padding: 0px 0px;
}
.yerelIller ul {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px;
padding: 15px 0px;
}
.yerelIller ul li {
width: calc(11.111% - 14px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 15px;
text-align: center;
margin-bottom: 15px;
padding-top: 10px;
}
.yerelIller ul li:nth-of-type(9n) {
margin-right: 0px;
}
.yerelIller ul li span {
width: 58px;
height: 58px;
line-height: 58px;
overflow: hidden;
display: inline-block;
position: relative;
background: #ffffff;
font-size: 18px;
font-weight: 700;
color: #d73516;
box-shadow: 0 4px 20px rgb(0 0 0 / 15%);
-webkit-box-shadow: 0 4px 20px rgb(0 0 0 / 15%);
border-radius: 100%;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.yerelIller ul li strong {
width: auto;
height: auto;
line-height: 3;
overflow: hidden;
display: block;
font-size: 12px;
font-weight: 700;
color: #131313;
}
.yerelIller ul li:hover span {
background: #d73516;
color: #ffffff;
box-shadow:0 1px 15px rgb(255 41 0);
-webkit-box-shadow: 0 1px 15px rgb(255 41 0);
}
#iletisimSayfasi {
width: calc(100% - 30px);
height: auto;
display: block;
overflow: hidden;
position: relative;
padding: 15px 15px;
margin: 0px 0px 40px 0px;
background: #ffffff;
}
.iletisimSag {
width: 336px;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: right;
}
.iletisimSag h3 {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 18px;
font-weight: 500;
margin-top: 8px;
margin-bottom: 15px;
}
.iletisimSag h3:after {
width: calc(50% - 0px);
height: 5px;
overflow: hidden;
display: block;
position: absolute;
content: "";
right: 0px;
bottom: 3px;
z-index: 2;
background: #d73516!important;
}
.iletisimSag strong {
width: 100px;
height: auto;
line-height: 2;
overflow: hidden;
display: block;
float: left;
font-size: 16px;
font-weight: 500;
}
.iletisimSag span {
width: calc(100% - 100px);
height: auto;
line-height: 2;
overflow: hidden;
display: block;
float: left;
font-size: 16px;
font-weight: 300;
color: var(--siyah);
}
.iletisimSag span a {
color: var(--siyah);
}
.iletisimSol {
width: calc(100% - 356px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 20px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
}
form#iletisim {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding-top: 10px;
}
form#iletisim .labinp {
width: calc(50% - 10px);
height: auto;
display: block;
position: relative;
margin-bottom: 25px;
float: left;
margin-right: 20px;
}
form#iletisim .labinp:nth-of-type(2n) {
margin-right: 0px;
}
form#iletisim .labinp:nth-of-type(5n) {
width: calc(100% - 0px);
margin-right: 0px;
}
form#iletisim .labinp label {
width: auto;
height: 20px;
line-height: 20px;
overflow: hidden;
display: inline-table;
position: absolute;
content: "";
top: -10px;
left: 5px;
padding: 0px 10px;
background: #ffffff;
font-size: 12px;
font-weight: 500;
color: #5c5c5c;
z-index: 2;
}
form#iletisim .labinp input {
width: calc(100% - 32px);
height: 48px;
line-height: 48px;
overflow: hidden;
display: block;
position: relative;
outline: none;
font-size: 15px;
font-weight: 500;
color: #243238;
background: transparent;
border: 1px solid #dedede;
padding: 0px 15px;
}
form#iletisim .labinp textarea {
width: calc(100% - 32px);
height: 150px;
overflow: hidden;
display: block;
position: relative;
outline: none;
font-size: 15px;
font-weight: 500;
color: #243238;
background: transparent;
border: 1px solid #dedede;
padding: 15px 15px;
font-family: 'Inter', sans-serif;
}
form#iletisim .labinp input:focus,
form#iletisim .labinp textarea:focus {
border: 1px solid #8da5bd;
}
input:-internal-autofill-selected,
textarea:-internal-autofill-selected {
background: transparent!important;
}
form#iletisim button {
width: auto;
height: 50px;
line-height: 50px;
overflow: hidden;
display: inline-table;
background-color: #585858;
cursor: pointer;
color: rgba(0, 0, 0, 0);
text-shadow: 0 0 0 #ffffff, 0 3rem 0 #ffffff;
transition: background-color 150ms, text-shadow 200ms;
font-size: 16px;
font-weight: 500;
border: 0px;
outline: none;
padding: 0px 60px;
float: right;
}
form#iletisim button:hover {
background-color: #d73516;
text-shadow: 0 -3rem 0 #ffffff, 0 0 0 #ffffff;
}
.guvenlikKodu {
width: calc(100% - 200px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
}
#puandurumuSayfa {
width: calc(100% - 0px);
height: auto;
display: block;
overflow: hidden;
position: relative;
padding: 0px 0px;
margin: 0px 0px 40px 0px;
}
.puanSol {
width: calc(180px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
margin: 0px 20px 0px 0px;
float: left;
}
.puanSol ul {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.puanSol ul li {
width: calc(100% - 30px);
height: auto;
line-height: 24px;
overflow: hidden;
display: block;
position: relative;
border-bottom: 1px solid #dedede;
padding: 20px 15px 20px 15px;
margin-bottom: 5px;
background: #ffffff;
}
.puanSol ul li:last-child {
border-bottom: 0px;
}
.puanSol ul li a {
width: calc(100% - 55px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 16px;
font-weight: 700;
color: var(--siyah);
padding-left: 55px;
}
.puanSol ul li:before {
width: 1px;
height: 100%;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0px;
left: 55px;
z-index: 3;
background: #dedede;
}
.puanSol ul li:after {
width: 55px;
height: 100%;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0px;
left: 0px;
background: #ffffff;
z-index: 3;
}
.puanSol ul li a:before {
width: 24px;
height: 24px;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0px;
left: 0px;
background-repeat: no-repeat;
background-position: 50% 0;
z-index: 5;
}
.puanSol ul li:nth-of-type(1n) a:before {
background-repeat: no-repeat;
background-image: url(//www.sondakikamaras.com/wp-content/themes/theHaberV8/images/takimlar/lig1.png);
}
.puanSol ul li:nth-of-type(2n) a:before {
background-repeat: no-repeat;
background-image: url(//www.sondakikamaras.com/wp-content/themes/theHaberV8/images/takimlar/lig2.png);
}
.puanSol ul li:nth-of-type(3n) a:before {
background-repeat: no-repeat;
background-image: url(//www.sondakikamaras.com/wp-content/themes/theHaberV8/images/takimlar/lig3.png);
}
.puanSol ul li:nth-of-type(4n) a:before {
background-repeat: no-repeat;
background-image: url(//www.sondakikamaras.com/wp-content/themes/theHaberV8/images/takimlar/lig4.png);
}
.puanSol ul li:nth-of-type(5n) a:before {
background-repeat: no-repeat;
background-image: url(//www.sondakikamaras.com/wp-content/themes/theHaberV8/images/takimlar/lig5.png);
}
.puanSol ul li:nth-of-type(6n) a:before {
background-repeat: no-repeat;
background-image: url(//www.sondakikamaras.com/wp-content/themes/theHaberV8/images/takimlar/lig6.png);
}
.puanSol ul li:nth-of-type(7n) a:before {
background-repeat: no-repeat;
background-image: url(//www.sondakikamaras.com/wp-content/themes/theHaberV8/images/takimlar/lig7.png);
}
.puanSol ul li:nth-of-type(8n) a:before {
background-repeat: no-repeat;
background-image: url(//www.sondakikamaras.com/wp-content/themes/theHaberV8/images/takimlar/lig8.png);
}
.puanSol ul li.is-active {
background: #0ba22e;
color: #ffffff;
z-index: 4;
}
.puanSol ul li.is-active a {
color: #ffffff;
}
.puanSol .selecttt {
display: none;
}
.puanSag {
width: calc(100% - 200px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.puanSag .yesilBas {
width: calc(100% - 0px);
height: 36px;
line-height: 36px;
overflow: hidden;
display: block;
position: relative;
background: #0ba22e;
}
.puanSag .yesilBas div {
height: 36px;
line-height: 36px;
overflow: hidden;
display: block;
position: relative;
float: left;
font-size: 14px;
font-weight: 700;
color: #ffffff;
}
.puanSag .yesilBas div:nth-of-type(1n) {
width: 55px;
text-align: center;
}
.puanSag .yesilBas div:nth-of-type(2n) {
width: calc(100% - 615px);
text-align: left;
}
.puanSag .yesilBas div:nth-of-type(3n),
.puanSag .yesilBas div:nth-of-type(4n),
.puanSag .yesilBas div:nth-of-type(5n),
.puanSag .yesilBas div:nth-of-type(6n),
.puanSag .yesilBas div:nth-of-type(7n),
.puanSag .yesilBas div:nth-of-type(9n),
.puanSag .yesilBas div:nth-of-type(9n),
.puanSag .yesilBas div:nth-of-type(10n) {
width: 70px;
text-align: center;
}
.puanSag .yesilBas div:nth-of-type(11n) {
width: 160px;
}
.puanSag .tabDiv {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
padding: 0px 0px;
margin-bottom: 00px;
}
.puanSag .puanTakim {
width: calc(100% - 0px);
height: 48px;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
}
.puanSag .puanTakim:nth-of-type(2n) {
background: #f1f1f1;
}
.puanSag .puanTakim:after {
width: 4px;
height: 100%;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0px;
left: 0px;
}
.puanSag .puanTakim:nth-of-type(1n):after,
.puanSag .puanTakim:nth-of-type(2n):after {
background: #0ba22e;
}
.puanSag .puanTakim:nth-of-type(3n):after,
.puanSag .puanTakim:nth-of-type(4n):after {
background: #ffba00;
}
.puanSag .puanTakim:nth-of-type(5n):after,
.puanSag .puanTakim:nth-of-type(6n):after,
.puanSag .puanTakim:nth-of-type(7n):after,
.puanSag .puanTakim:nth-of-type(8n):after,
.puanSag .puanTakim:nth-of-type(8n):after,
.puanSag .puanTakim:nth-of-type(9n):after,
.puanSag .puanTakim:nth-of-type(10n):after,
.puanSag .puanTakim:nth-of-type(11n):after,
.puanSag .puanTakim:nth-of-type(12n):after,
.puanSag .puanTakim:nth-of-type(13n):after,
.puanSag .puanTakim:nth-of-type(14n):after,
.puanSag .puanTakim:nth-of-type(15n):after,
.puanSag .puanTakim:nth-of-type(16n):after {
background: transparent;
}
.puanSag .puanTakim:nth-of-type(17n):after,
.puanSag .puanTakim:nth-of-type(18n):after,
.puanSag .puanTakim:nth-of-type(19n):after,
.puanSag .puanTakim:nth-of-type(20n):after {
background: #d73516;
}
.puanSag .puanTakim div {
height: 48px;
line-height: 48px;
overflow: hidden;
display: block;
position: relative;
float: left;
font-size: 14px;
font-weight: 500;
color: #131313;
}
.puanSag .puanTakim div img {
float: left;
margin-right: 5px;
width: 24px;
height: 24px;
-o-object-fit: contain;
object-fit: contain;
margin-top: 12px;
}
.puanSag .puanTakim div:nth-of-type(1n) {
width: 55px;
text-align: center;
}
.puanSag .puanTakim div:nth-of-type(2n) {
width: calc(100% - 615px);
text-align: left;
}
.puanSag .puanTakim div:nth-of-type(3n),
.puanSag .puanTakim div:nth-of-type(4n),
.puanSag .puanTakim div:nth-of-type(5n),
.puanSag .puanTakim div:nth-of-type(6n),
.puanSag .puanTakim div:nth-of-type(7n),
.puanSag .puanTakim div:nth-of-type(9n),
.puanSag .puanTakim div:nth-of-type(9n),
.puanSag .puanTakim div:nth-of-type(10n) {
width: 70px;
text-align: center;
}
.puanSag .puanTakim div:nth-of-type(11n) {
width: 160px;
}
.puanSag .puanTakim div:nth-of-type(11n) i {
font-size: 16px;
padding: 0px 5px;
}
.puanSag .puanTakim div:nth-of-type(11n) i.fas.fa-check-circle {
color: #0ba22e;
}
.puanSag .puanTakim div:nth-of-type(11n) i.fas.fa-times-circle {
color: #d73516;
}
.puanSag .puanTakim div:nth-of-type(11n) i.fas.fa-minus-circle {
color: #9aa0a6;
}
.puanSag .puanBilgiler {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 15px;
background: #ffffff;
padding: 15px 15px;
}
.puanSag .puanBilgiler h4 {
font-size: 20px;
font-weight: 700;
color: #0ba22e;
margin-bottom: 15px;
}
.puanSag .puanBilgiler span {
font-size: 16px;
font-weight: 300;
color: #131313;
line-height: 1.4;
margin-right: 5px;
}
.puanSag .puanBilgiler p {
font-size: 16px;
font-weight: 300;
color: #131313;
margin-top: 15px;
line-height: 1.4;
}
#trafikDurumu {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 40px;
}
.trafikDurumu {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
padding: 15px 15px;
}
.trafikDurumu p {
font-size: 18px;
margin-bottom: 15px;
line-height: 1.5;
font-weight: 300;
}
.trafikDurumu .selecttt {
float: none;
margin-right: 0px;
margin: 0px auto;
}
.trafikDurumu .selecttt select {
background-color: #3d3d3d;
}
.trafikDurumu .selecttt::after {
background-color: #121212;
}
#harita{
width: 100%;
height: 100%;
}
.wrapper {
width: calc(100% - 0px);
height: 600px;
overflow: hidden;
display: block;
position: relative;
}
#tumManset {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#tumManset .katliste {
width: calc(100% - 0px);
height: auto;
display: block;
overflow: hidden;
position: relative;
margin: 0px 0px;
padding: 0px 0px;
}
#tumManset .katliste .liste {
width: calc(33.333% - 13.333px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-bottom: 20px;
margin-right: 20px;
background: #ffffff;
}
#tumManset .katliste .liste:nth-of-type(3n) {
margin-bottom: 20px;
margin-right: 0px;
}
#tumManset .katliste .liste figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
}
#tumManset .katliste .liste figure img {
width: 100%;
height: 100%;
}
#tumManset .katliste .liste a {
display: block;
}
#tumManset .katliste .liste figcaption {
width: calc(100% - 20px);
height: 44px;
line-height: 1.4;
overflow: hidden;
position: relative;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 16px;
font-weight: 700;
color: var(--siyah);
margin: 2px 10px 10px 10px;
}
#tumManset .katliste .liste time {
width: calc(100% - 20px);
height: 14px;
overflow: hidden;
position: relative;
display: block;
font-size: 10px;
font-weight: 500;
color: var(--siyah);
margin: 10px 10px 5px 10px;
opacity: 0.7;
}
#tumManset .katliste .liste a:hover figcaption {
color: var(--kirmizi);
}
#tumManset .katliste .yatayReklam {
margin-bottom: 20px;
}
#havadurumuSayfa {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
position: relative;
display: block;
margin-bottom: 40px;
background: #ffffff;
}
#havadurumuSayfa .basbaslik {
width: calc(100% - 200px);
height: 40px;
line-height: 40px;
overflow: hidden;
display: block;
margin: 15px 0px 0px 0px;
}
#havadurumuSayfa .basbaslik strong {
font-size: 14px;
font-weight: 400;
}
#havadurumuSayfa .basbaslik span {
font-size: 12px;
font-weight: 300;
}
#havadurumuSayfa form {
width: auto;
height: auto;
overflow: hidden;
display: block;
float: left;
margin: 15px 15px 0px 15px;
}
#havadetay {
width: auto;
padding: 12px;
font-size: 16px;
border: 0;
background-repeat: no-repeat;
background-position: right 0px center;
cursor: pointer;
outline: none;
transition: border-color 0.3s, box-shadow 0.3s;
}
#havadetay:hover,
#havadetay:focus {
border-color: 0;
box-shadow: 0 0 0;
}
#havadetay option {
padding: 10px;
font-size: 14px;
background: #ffffff;
color: var(--siyah);
} #havadetay::-webkit-scrollbar {
width: 5px;
}
#havadetay::-webkit-scrollbar-thumb {
background-color: #191919;
border-radius: 5px;
}
#havadetay::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
#havadurumuSayfa .bugunun_tahmini {
width: calc(100% - 30px);
height: 160px;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px;
margin-bottom: 0px;
}
#havadurumuSayfa .bugunun_tahmini img {
width: 160px;
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 15px;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_durumu {
width: 130px;
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 15px;
position: relative;
margin-top: 5px;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_durumu p {
font-size: 90px;
font-weight: 700;
text-align: center;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_durumu p span {
font-size: 36px;
font-weight: 300;
position: absolute;
content: "";
top: 12px;
right: 3px;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_durumu p:last-child {
font-size: 14px;
font-weight: 300;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_durumu p:last-child img {
width: 18px;
height: 18px;
float: left;
margin-right: 3px;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_ekstrasi {
width: 210px;
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 15px;
position: relative;
margin-top: 33px;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_ekstrasi .weather-list-felt {
display: none;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_ekstrasi div {
width: calc(100% - 25px);
height: auto;
line-height: 18px;
overflow: hidden;
position: relative;
padding-left: 25px;
font-size: 12px;
font-weight: 300;
margin-bottom: 4px;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_ekstrasi div:after {
width: 18px;
height: 18px;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0px;
left: 0px;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_ekstrasi .weather-list-humidity:after {
background-image: url(//www.sondakikamaras.com/wp-content/themes/theHaberV8/images/icon-nem.svg);
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_ekstrasi .weather-list-minmax:after {
background-image: url(//www.sondakikamaras.com/wp-content/themes/theHaberV8/images/icon-derece.svg);
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_ekstrasi .weather-list-wind:after {
background-image: url(//www.sondakikamaras.com/wp-content/themes/theHaberV8/images/icon-ruzgar.svg);
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_ekstrasi .weather-list-possibility:after {
background-image: url(//www.sondakikamaras.com/wp-content/themes/theHaberV8/images/icon-yagis-ihtimali.svg);
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_aciklamasi {
width: calc(100% - 560px);
height: 160px;
overflow: hidden;
display: block;
position: relative;
padding-left: 15px;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_aciklamasi:after {
width: 1px;
height: calc(100% - 30px);
overflow: hidden;
display: block;
position: absolute;
content: "";
left: 0px;
top: 10px;
background: #ebebeb;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_aciklamasi h3 {
font-size: 16px;
font-weight: 700;
margin: 25px 0px 10px 0px;
display: block;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_aciklamasi p {
display: block;
font-size: 14px;
font-weight: 300;
line-height: 1.6;
}
#havadurumuSayfa .onbesgunun_tahmini {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion {
width: 100%;
margin: auto;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-item {
background-color: #ffffff;
margin-bottom: 0px;
overflow: hidden;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button {
width: calc(100% - 0px);
padding: 15px;
background: #ffffff;
color: var(--siyah);
border: none;
text-align: left;
font-size: 16px;
cursor: pointer;
outline: none;
transition: background-color 0.3s ease;
display: block;
border-top: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
border-left: 1px solid #ebebeb;
border-bottom: 0px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-item:last-child .accordion-button {
border-bottom: 1px solid #ebebeb;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button .onbesgun_gun {
width: 130px;
height: 44px;
overflow: hidden;
display: block;
float: left;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button .onbesgun_gun strong {
font-size: 18px;
font-weight: 700;
display: block;
line-height: 1.6;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button .onbesgun_gun span {
font-size: 12px;
font-weight: 300;
display: block;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button img {
width: 44px;
height: 44px;
overflow: hidden;
float: left;
margin-right: 21px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button p.temperature {
width: 40px;
height: 44px;
line-height: 44px;
font-size: 22px;
font-weight: 700;
display: block;
float: left;
margin-right: 15px;
text-align: center;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button p.description {
width: 200px;
height: 44px;
line-height: 44px;
font-size: 14px;
font-weight: 300;
display: block;
float: left;
margin-right: 15px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button .onbesgun_gun_iki {
width: calc(100% - 520px);
height: 44px;
line-height: 44px;
overflow: hidden;
display: block;
float: left;
text-align: right;
margin-right: 30px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button .onbesgun_gun_iki p.feltTemperature {
font-size: 14px;
font-weight: 300;
display: inline-table;
margin-right: 30px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button .onbesgun_gun_iki p.rainProbability {
font-size: 14px;
font-weight: 300;
display: inline-table;
}
#havadurumuSayfa .onbesgunun_tahmini .arrow {
width: 24px;
height: 44px;
line-height: 44px;
float: left;
font-size: 16px;
text-align: center;
transition: transform 0.3s ease;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
padding: 0 15px;
background-color: #f6f6f6;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-content .onbesgun_head {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-content .onbesgun_head p {
width: auto;
height: 18px;
line-height: 18px;
overflow: hidden;
display: block;
position: relative;
float: left;
padding: 15px 0px 15px 26px;
font-size: 12px;
font-weight: 400;
margin-right: 30px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-content .onbesgun_head p:last-child {
margin-right: 0px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-content .onbesgun_head p:after {
width: 18px;
height: 18px;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 15px;
left: 0px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-content .onbesgun_head p:nth-of-type(1):after {
background-image: url(//www.sondakikamaras.com/wp-content/themes/theHaberV8/images/icon-hissedilen-sicaklik.svg);
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-content .onbesgun_head p:nth-of-type(2):after {
background-image: url(//www.sondakikamaras.com/wp-content/themes/theHaberV8/images/icon-nem.svg);
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-content .onbesgun_head p:nth-of-type(3):after {
background-image: url(//www.sondakikamaras.com/wp-content/themes/theHaberV8/images/icon-derece.svg);
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-content .onbesgun_head p:nth-of-type(4):after {
background-image: url(//www.sondakikamaras.com/wp-content/themes/theHaberV8/images/icon-yagis-ihtimali.svg);
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-content .onbesgun_head p:nth-of-type(5):after {
background-image: url(//www.sondakikamaras.com/wp-content/themes/theHaberV8/images/icon-ruzgar.svg);
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-content p.details {
width: 100%;
height: auto;
overflow: hidden;
display: block;
padding: 0px 0px 15px 0px;
font-size: 14px;
font-weight: 300;
line-height: 1.6;
}
#namazVakitleri {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.namazVakitleri {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px 15px 15px;
margin: 0px 0px;
background: rgb(255 136 26 / 0%);
}
.namazVakitleri:after {
width: calc(100% - 0px);
height: 100%;
overflow: hidden;
display: block;
position: absolute;
content: "";
z-index: 2;
background-image: url(//www.sondakikamaras.com/wp-content/themes/theHaberV8/images/camii.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
top: 0px;
left: 0px;
opacity: 0.1;
}
form.sehirsecForm {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px;
margin: 0px 0px;
background: #11839d;
text-align: center;
}
form.sehirsecForm .selecttt {
width: calc(220px - 0px);
height: 42px;
display: inline-block;
float: none;
margin: 0px 10px 0px 10px;
z-index: 999;
}
form.sehirsecForm .selecttt select {
color: #243238;
background-color: #ffffff;
font-weight: 700;
}
form.sehirsecForm .selecttt select option {
color: #243238;
}
form.sehirsecForm .selecttt::after {
content: '\25BC';
background-color: #f1f1f1;
color: #243238;
}
.namazVakitleri .imsak {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.namazVakitleri .imsak .ikiyeBol {
width: calc(50% - 10px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-right: 20px;
margin-bottom: 30px;
text-align: right;
float: left;
}
.namazVakitleri .imsak .ikiyeBol:nth-of-type(2n) {
width: calc(50% - 10px);
margin-right: 0px;
text-align: left;
}
.namazVakitleri .imsak .ikiyeBol strong.miladi {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 22px;
font-weight: 700;
line-height: 1.6;
margin-top: 33px;
color: #11839d;
} .namazVakitleri .imsak .ikiyeBol strong.hicri {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 22px;
font-weight: 300;
line-height: 1.6;
}
.namazVakitleri .imsak .saatler {
width: calc(50% - 60px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-right: 0px;
padding-right: 0px;
text-align: left;
float: left;
padding-top: 30px;
padding-bottom: 25px;
}
.namazVakitleri .imsak .saatler:nth-of-type(2n) {
width: calc(50% - 60px);
margin-right: 0px;
margin-right: 60px;
padding-right: 60px;
text-align: right;
}
.namazVakitleri .imsak .saatler:after {
width: 1px;
height: calc(100% - 40%);
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 20%;
right: 0px;
background: #bbb2a7;
display: none;
}
.namazVakitleri .imsak .saatler:nth-of-type(2n):after {
display: block;
}
.namazVakitleri .imsak .saatler strong {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 18px;
font-weight: 300;
line-height: 1.6;
}
.namazVakitleri .imsak .saatler span {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 36px;
font-weight: 700;
line-height: 1.6;
color: #11839d;
}
.namazVakitleri .imsak2 {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
background: #11839d;
}
.namazVakitleri .imsak2 .vakitler {
width: calc(16.666% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 20px 0px;
float: left;
text-align: center;
}
.namazVakitleri .imsak2 .vakitler strong {
width: 100%;
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
font-size: 22px;
font-weight: 300;
color: #ffffff;
}
.namazVakitleri .imsak2 .vakitler strong span {
font-weight: 500;
}
.namazVakitleri .imsak2 .vakitler.aktif {
background: #439171;
}
.namazVakitleri .imsak3 {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 20px 0px;
background: #288fa7;
text-align: center;
}
.namazVakitleri .imsak3 strong {
width: 25%;
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
font-size: 14px;
font-weight: 300;
color: #ffffff;
float: left;
}
.namazVakitleri .imsak3 strong span {
font-weight: 500;
}
.namazTab {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.namazTab ul#tabBaslik {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #d8d6d7;
}
.namazTab ul#tabBaslik li {
width: calc(50% - 15px);
height: auto;
background: #117891;
text-align: left;
padding-left: 15px;
}
.namazTab ul#tabBaslik li.tabAktif {
background: #3f8569;
}
ul.haftalikvakit {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #dedede;
}
ul.haftalikvakit:last-child {
border-bottom: 0px;
}
ul.haftalikvakit li {
width: auto;
height: auto;
line-height: 3;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
font-size: 14px;
}
ul.haftalikvakit li:nth-of-type(1n) {
width: calc(50% - 300px);
text-align: left;
}
ul.haftalikvakit li:nth-of-type(2n) {
width: calc(50% - 300px);
text-align: left;
}
ul.haftalikvakit li:nth-of-type(3n),
ul.haftalikvakit li:nth-of-type(4n),
ul.haftalikvakit li:nth-of-type(5n),
ul.haftalikvakit li:nth-of-type(6n),
ul.haftalikvakit li:nth-of-type(7n),
ul.haftalikvakit li:nth-of-type(8n) {
width: 100px;
text-align: center;
}
.cerceveAlani {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#canliSonucSayfa {
width: 100%!important;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 40px;
}
#canliSonucSayfa .ligAdi {
width: 100%;
height: 50px;
line-height: 50px;
overflow: hidden;
display: block;
position: relative;
background: #4a4a4a;
}
#canliSonucSayfa .ligAdi strong {
width: calc(100% - 20px);
height: auto;
overflow: hidden;
display: block;
float: left;
font-size: 16px;
font-weight: 700;
color: #ffffff;
padding-left: 20px;
}
#canliSonucSayfa .takimlar {
width: calc(100% - 0px);
height: 50px;
line-height: 50px;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
margin: 0px;
padding: 0px;
}
#canliSonucSayfa .takimlar:nth-of-type(2n) {
background: #ededed;
}
#canliSonucSayfa .takimlar span.saat {
width: 70px;
font-size: 14px;
font-weight: 700;
color: #243238;
display: block;
overflow: hidden;
float: left;
text-align: center;
}
#canliSonucSayfa .takimlar .evsahibiTakim {
width: calc(50% - 95px);
display: block;
overflow: hidden;
float: left;
text-align: right;
padding-right: 15px;
}
#canliSonucSayfa .takimlar .evsahibiTakim strong {
font-size: 14px;
font-weight: 500;
color: #243238;
display: inline-block;
margin-right: 5px;
}
#canliSonucSayfa .takimlar .evsahibiTakim img {
width: 20px;
height: 20px;
float: right;
margin-top: 16px;
}
#canliSonucSayfa .takimlar span.canliSonuc {
width: 90px;
font-size: 14px;
font-weight: 700;
color: #243238;
display: block;
overflow: hidden;
float: left;
text-align: center;
background: #ededed;
}
#canliSonucSayfa .takimlar .misafirTakim {
width: calc(50% - 95px);
display: block;
overflow: hidden;
float: left;
text-align: left;
padding-left: 15px;
}
#canliSonucSayfa .takimlar .misafirTakim strong {
font-size: 14px;
font-weight: 500;
color: #243238;
display: inline-block;
margin-left: 5px;
}
#canliSonucSayfa .takimlar .misafirTakim img {
width: 20px;
height: 20px;
float: left;
margin-top: 16px;
}
#canliSonucSayfa .takimlar span.ilkYariSonucu {
width: 10%;
font-size: 14px;
font-weight: 300;
color: #ffffff;
display: block;
overflow: hidden;
text-align: center;
}
#canliSonucSayfa strong.baslik:before {
width: 740px;
}
form.tarihiSecc {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
margin-bottom: 15px;
margin-top: 15px;
}
form.tarihiSecc input {
width: auto;
height: 36px;
line-height: 36px;
padding: 0px 20px;
display: inline-block;
border: 1px solid #cecece;
outline: none;
cursor: pointer;
background: #ffffff;
font-size: 14px;
color: #191919;
}
form.tarihiSecc input[type="submit"] {
height: 38px;
}
form.tarihiSecc input[type="submit"]:hover {
background: #0ba22e;
color: #ffffff;
border-color: #0ba22e;
}
.eczaneBaslik {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.eczaneBaslik div {
width: calc(100% - 30px);
height: 60px;
line-height: 60px;
overflow: hidden;
display: block;
position: relative;
padding: 0px 15px 0px 15px;
background: radial-gradient(circle at 1% 52%,rgba(139,139,139,.05) 0%,rgba(139,139,139,.05) 50%,rgba(21,21,21,.05) 50%,rgba(21,21,21,.05) 100%),radial-gradient(circle at 41% 28%,rgba(81,81,81,.05) 0%,rgba(81,81,81,.05) 50%,rgba(7,7,7,.05) 50%,rgba(7,7,7,.05) 100%),radial-gradient(circle at 48% 1%,rgba(93,93,93,.05) 0%,rgba(93,93,93,.05) 50%,rgba(7,7,7,.05) 50%,rgba(7,7,7,.05) 100%),linear-gradient(255deg,#9d2610,#d73516);
background-repeat: no-repeat;
background-size: cover;
}
.eczaneBaslik div img {
width: 33px;
height: 33px;
overflow: hidden;
display: block;
float: left;
margin-right: 10px;
margin-top: 11px;
}
.eczaneBaslik div strong {
width: calc(100% - 43px);
height: auto;
overflow: hidden;
display: block;
color: #ffffff;
font-size: 18px;
font-weight: 700;
}
.eczaneBaslik p {
width: calc(100% - 30px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
color: #243238;
font-size: 18px;
font-weight: 300;
padding: 15px 15px;
background: #ffffff;
}
#nobetciEczaneSayfa {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.eczaneSecimiYap form.sehirsecForm {
background: #ffffff;
}
.eczaneSecimiYap form.sehirsecForm .selecttt select {
border: 1px solid #dedede;
}
.eczaneSecimiYap span {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 5px 0px 15px 0px;
font-size: 18px;
font-weight: 500;
text-align: center;
background: #ffffff;
}
.eczaneListele {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 40px 0px;
padding: 0px 0px 0px 0px;
}
.eczaneListele div {
width: calc(50% - 10px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
margin-top: 20px;
padding: 0px 0px 10px 0px;
float: left;
margin-right: 20px;
}
.eczaneListele div:nth-of-type(2n) {
margin-right: 0px;
}
.eczaneListele div figure {
width: 46px;
height: 46px;
overflow: hidden;
display: block;
float: left;
position: relative;
margin-right: 0px;
z-index: 8;
}
.eczaneListele div figure img {
width: 100%;
height: 100%;
overflow: hidden;
display: block;
}
.eczaneListele div h3 {
width: calc(100% - 76px);
height: 46px;
line-height: 46px;
overflow: hidden;
display: block;
position: relative;
font-size: 22px;
font-weight: 700;
background: #fe0001;
color: #ffffff;
padding: 0px 15px;
}
.eczaneListele div font {
width: 75px;
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
font-size: 16px;
font-weight: 700;
background: #ffffff;
color: #243238;
padding: 5px 0px 5px 15px;
margin-top: 5px;
float: left;
text-align: right;
}
.eczaneListele div p {
width: calc(100% - 120px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
font-size: 16px;
font-weight: 300;
background: #ffffff;
color: #243238;
padding: 5px 15px;
margin-top: 5px;
text-transform: uppercase;
}
.eczaneListele div span {
width: calc(100% - 120px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
font-size: 16px;
font-weight: 500;
background: #ffffff;
color: #243238;
padding: 5px 15px;
margin-top: 5px;
float: left;
}
.eczaneListele div strong {
width: 100%;
display: none;
}
.eczaneListele div a {
width: calc(100% - 120px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
font-size: 16px;
font-weight: 500;
background: #ffffff;
color: #243238;
padding: 5px 15px;
margin-top: 5px;
float: left;
}
.eczaneListele div a:hover {
color: var(--kirmiziBG);
}
.canliTvkanal {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 20px;
}
.canliTvkanal .swiper-slide {
text-align: center;
}
.canliTvkanal .swiper-slide a {
display: block;
background: #ffffff;
padding: 10px 0px;
}
.canliTvkanal .swiper-slide a img {
width: auto;
height: 75px;
}
#videoGaleri.haberDetay article p.kanalAciklama {
color: #ffffff;
}
#kanalList {
width: calc(100% - 100px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 50px;
}
.canliIleri,
.canliGeri {
width: 90px;
height: calc(100% - 20px);
line-height: 40px;
overflow: hidden;
display: block;
position: absolute;
content: "";
z-index: 9;
top: 0px;
text-align: center;
cursor: pointer;
transition: all 900ms ease;
}
.canliIleri i,
.canliGeri i {
color: var(--kirmizi);
font-size: 24px;
}
.canliIleri i {
position: absolute;
top: calc(50% - 12.5px);
left: 15px;
}
.canliGeri i {
position: absolute;
top: calc(50% - 12.5px);
right: 15px;
}
.canliGeri {
left: -45px;
background: #ffffff;
}
.canliIleri {
right: -45px;
background: #ffffff;
}
.canliGeri:hover {
width: 110px;
}
.canliIleri:hover {
width: 110px;
}
.canliIleri:hover i,
.canliGeri:hover i {
color: var(--kirmizi);
}
.firmaSiralama {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
margin: 0px 0px;
}
.firmaSiralama .firmalar {
width: calc(33.333% - 13.333px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-bottom: 20px;
margin-right: 20px;
background: #ffffff;
}
.firmaSiralama .firmalar:nth-of-type(3n) {
margin-bottom: 20px;
margin-right: 0px;
}
.firmaSiralama .firmalar figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
}
.firmaSiralama .firmalar figure img {
width: 100%;
height: 100%;
}
.firmaSiralama .firmalar a {
display: block;
}
.firmaSiralama .firmalar figcaption {
width: calc(100% - 20px);
height: 22px;
line-height: 1.4;
overflow: hidden;
position: relative;
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 16px;
font-weight: 700;
color: var(--siyah);
margin: 2px 10px 10px 10px;
}
.firmaSiralama .firmalar time {
width: calc(100% - 20px);
height: 14px;
overflow: hidden;
position: relative;
display: block;
font-size: 10px;
font-weight: 500;
color: var(--siyah);
margin: 10px 10px 5px 10px;
opacity: 0.7;
}
.firmaSiralama .firmalar a:hover figcaption {
color: var(--kirmizi);
}
.firmArama {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.firmArama h3 {
width: calc(100% - 15px);
height: 60px;
line-height: 60px;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
color: var(--beyaz);
font-size: 18px;
font-weight: 300;
background: radial-gradient(circle at 1% 52%, rgba(139, 139, 139,0.05) 0%, rgba(139, 139, 139,0.05) 50%,rgba(21, 21, 21,0.05) 50%, rgba(21, 21, 21,0.05) 100%),radial-gradient(circle at 41% 28%, rgba(81, 81, 81,0.05) 0%, rgba(81, 81, 81,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),radial-gradient(circle at 48% 1%, rgba(93, 93, 93,0.05) 0%, rgba(93, 93, 93,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),linear-gradient(224deg, #9d2610,#d73516);
}
.firmArama h3 span {
font-weight: 700;
}
.firmArama form {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px 15px 15px;
margin: 0px 0px 0px 0px;
background: #ffffff;
}
.firmArama form .selecttt {
width: calc(100% - 0px);
height: 42px;
float: none;
margin-right: 0px;
margin-bottom: 10px;
}
.firmArama form .selecttt select {
color: #243238;
background-color: #ffffff;
border: 1px solid #f1f1f1;
}
.firmArama form .selecttt::after {
content: '\25BC';
background-color: #f1f1f1;
color: #243238;
}
.firmArama form button {
width: 100%;
height: 50px;
line-height: 50px;
overflow: hidden;
display: inline-table;
background-color: #585858;
cursor: pointer;
color: rgba(0, 0, 0, 0);
text-shadow: 0 0 0 #ffffff, 0 3rem 0 #ffffff;
transition: background-color 150ms, text-shadow 200ms;
font-size: 16px;
font-weight: 500;
border: 0px;
outline: none;
padding: 0px 0px;
text-align: center;
}
.firmArama form button:hover {
background-color: #d73516;
text-shadow: 0 -3rem 0 #ffffff, 0 0 0 #ffffff;
}
.firmabilgiDetay {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 20px;
}
.firmabilgiDetay div {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 15px;
}
.firmabilgiDetay div strong {
width: 140px;
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 18px;
font-weight: 700;
float: left;
}
.firmabilgiDetay div strong:after {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
content: ":";
top: -1px;
right: 4px;
font-size: 18px;
font-weight: 300;
}
.firmabilgiDetay div span {
width: calc(100% - 140px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 18px;
font-weight: 300;
}
.firmabilgiDetay div span a {
color: #243238;
}
#ekonomi.haberDetay {
margin-bottom: 40px;
}
.kayanYazar {
width: auto;
height: auto;
position: absolute;
}
.kategoriListe2 .kayanYazar.fixed {
position: fixed;
top: 20px;
}
.kayanYazar .yazar {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 20px;
padding: 15px 15px;
}
.kayanYazar .yazar .sosyal {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
margin: 5px 0px 8px 0px;
}
.kayanYazar .yazar .sosyal a {
width: auto;
height: auto;
display: inline-table;
margin: 0px 5px;
}
.kayanYazar .yazar .sosyal a:hover i.fa-brands.fa-twitter {
color: #3a5b98;
}
.kayanYazar .yazar .sosyal a:hover i.fa-brands.fa-facebook-f {
color: #26ccff;
}
.kayanYazar .yazar .sosyal a:hover i.fa-brands.fa-instagram {
color: #a238a9;
}
.kayanYazar .yazar .sosyal a:hover i.fa-regular.fa-envelope {
color: #ef911c;
}
.kayanYazar .yazar figure {
width: 130px;
height: 130px;
overflow: hidden;
display: block;
position: relative;
float: none;
padding: 0px 0px;
margin: 0px auto 10px auto;
}
.kayanYazar .yazar figure img {
width: 110px;
height: 110px;
overflow: hidden;
display: inline-block;
border-top: 5px solid #7e7e7e;
border-bottom: 5px solid #7e7e7e;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-radius: 100%;
padding: 5px 5px;
}
.kayanYazar .yazar a {
width: calc(100% - 0px);
height: auto;
line-height: 1.4;
overflow: hidden;
position: relative;
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 16px;
font-weight: 700;
color: var(--siyah);
text-align: center;
}
.kayanYazar .yazar figcaption {
width: calc(100% - 0px);
height: 44px;
line-height: 1.4;
overflow: hidden;
position: relative;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 16px;
font-weight: 500;
color: var(--siyah);
margin-top: 2px;
text-align: left;
}
.kayanYazar .yazar time {
width: calc(100% - 0px);
height: 14px;
overflow: hidden;
position: relative;
display: block;
font-size: 10px;
font-weight: 500;
color: var(--siyah);
margin-bottom: 5px;
margin-top: 5px;
text-align: left;
border-top: 1px solid #dedede;
padding-top: 7px;
}
.kayanYazar .yazar a:hover figcaption,
.kayanYazar .yazar a:hover {
color: var(--kirmizi);
}
@media screen and (min-width: 981px) and (max-width: 1366px) {
#burcismi .burcismi figure {
width: 30px;
height: 30px;
margin: 0px 0px 10px 0px;
}
#burcismi .burcismi figure img {
width: 30px;
height: 30px;
}
.puanSag .yesilBas div:nth-of-type(2n) {
width: calc(100% - 265px);
}
.puanSag .yesilBas div:nth-of-type(10n) {
width: 70px;
}
.puanSag .yesilBas div:nth-of-type(1n) {
display: block;
}
.puanSag .yesilBas div:nth-of-type(2n) {
display: block;
}
.puanSag .yesilBas div:nth-of-type(3n) {
display: block;
}
.puanSag .yesilBas div:nth-of-type(9n) {
display: block;
}
.puanSag .yesilBas div:nth-of-type(10n) {
display: block!important;
}
.puanSag .yesilBas div:nth-of-type(11n) {
display: block;
}
.puanSag .yesilBas div:nth-of-type(4n) {
display: none;
}
.puanSag .yesilBas div:nth-of-type(5n) {
display: none;
}
.puanSag .yesilBas div:nth-of-type(6n) {
display: none;
}
.puanSag .yesilBas div:nth-of-type(7n) {
display: none;
}
.puanSag .yesilBas div:nth-of-type(8n) {
display: none;
}
.puanSag .puanTakim div:nth-of-type(2n) {
width: calc(100% - 265px);
}
.puanSag .puanTakim div:nth-of-type(10n) {
width: 70px;
}
.puanSag .puanTakim div:nth-of-type(1n) {
display: block;
}
.puanSag .puanTakim div:nth-of-type(2n) {
display: block;
}
.puanSag .puanTakim div:nth-of-type(3n) {
display: block;
}
.puanSag .puanTakim div:nth-of-type(9n) {
display: block;
}
.puanSag .puanTakim div:nth-of-type(10n) {
display: block!important;
}
.puanSag .puanTakim div:nth-of-type(11n) {
display: block;
}
.puanSag .puanTakim div:nth-of-type(4n) {
display: none;
}
.puanSag .puanTakim div:nth-of-type(5n) {
display: none;
}
.puanSag .puanTakim div:nth-of-type(6n) {
display: none;
}
.puanSag .puanTakim div:nth-of-type(7n) {
display: none;
}
.puanSag .puanTakim div:nth-of-type(8n) {
display: none;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_aciklamasi p {
font-size: 12px;
line-height: 1.4;
}
}
@media screen and (max-width: 980px) {
.burcBilgisi {
width: calc(100% - 30px);
padding: 10px 15px;
}
#covid19 .toplamOrani div {
width: calc(50% - 31px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
padding: 5px 15px;
border-right: 1px solid rgb(255 255 255 / 30%);
}
#covid19 .toplamOrani div:nth-of-type(3n),
#covid19 .toplamOrani div:nth-of-type(4n) {
border-top: 1px solid rgb(255 255 255 / 30%);
}
ul.gazeteListe li {
width: calc(25% - 22px);
margin: 15px 0px 0px 0px;
}
ul.gazeteListe li figure img {
width: 100%;
height: auto;
max-height: 252px;
}
.selecttt {
width: calc(300px - 0px);
float: none;
margin-right: 0px;
margin: 0px auto;
}
.gazeteSelect h3 {
width: calc(100% - 0px);
font-size: 1.5em;
font-weight: 700;
text-align: center;
float: none;
margin-top: 10px;
}
.gazeteSelect h2 {
width: calc(100% - 0px);
height: auto;
line-height: 1.4;
text-align: center;
float: none;
}
.yerelIller ul li {
width: calc(16.666% - 0px);
margin-right: 0px;
}
.puanSag .yesilBas div:nth-of-type(2n) {
width: calc(100% - 265px);
}
.puanSag .yesilBas div:nth-of-type(10n) {
width: 70px;
}
.puanSag .yesilBas div:nth-of-type(1n) {
display: block;
}
.puanSag .yesilBas div:nth-of-type(2n) {
display: block;
}
.puanSag .yesilBas div:nth-of-type(3n) {
display: block;
}
.puanSag .yesilBas div:nth-of-type(9n) {
display: block;
}
.puanSag .yesilBas div:nth-of-type(10n) {
display: block!important;
}
.puanSag .yesilBas div:nth-of-type(11n) {
display: block;
}
.puanSag .yesilBas div:nth-of-type(4n) {
display: none;
}
.puanSag .yesilBas div:nth-of-type(5n) {
display: none;
}
.puanSag .yesilBas div:nth-of-type(6n) {
display: none;
}
.puanSag .yesilBas div:nth-of-type(7n) {
display: none;
}
.puanSag .yesilBas div:nth-of-type(8n) {
display: none;
}
.puanSag .puanTakim div:nth-of-type(2n) {
width: calc(100% - 265px);
}
.puanSag .puanTakim div:nth-of-type(10n) {
width: 70px;
}
.puanSag .puanTakim div:nth-of-type(1n) {
display: block;
}
.puanSag .puanTakim div:nth-of-type(2n) {
display: block;
}
.puanSag .puanTakim div:nth-of-type(3n) {
display: block;
}
.puanSag .puanTakim div:nth-of-type(9n) {
display: block;
}
.puanSag .puanTakim div:nth-of-type(10n) {
display: block!important;
}
.puanSag .puanTakim div:nth-of-type(11n) {
display: block;
}
.puanSag .puanTakim div:nth-of-type(4n) {
display: none;
}
.puanSag .puanTakim div:nth-of-type(5n) {
display: none;
}
.puanSag .puanTakim div:nth-of-type(6n) {
display: none;
}
.puanSag .puanTakim div:nth-of-type(7n) {
display: none;
}
.puanSag .puanTakim div:nth-of-type(8n) {
display: none;
}
#havadurumuSayfa .bugunun_tahmini {
height: auto;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_aciklamasi {
width: calc(100% - 0px);
padding-left: 0px;
height: auto;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_aciklamasi:after {
display: none;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_aciklamasi h3 {
margin: 0px 0px 10px 0px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button .onbesgun_gun_iki {
display: none;
}
#havadurumuSayfa .onbesgunun_tahmini .arrow {
float: right;
}
ul.haftalikvakit li:nth-of-type(1n),
ul.haftalikvakit li:nth-of-type(2n) {
display: none;
}
ul.haftalikvakit li:nth-of-type(3n),
ul.haftalikvakit li:nth-of-type(4n),
ul.haftalikvakit li:nth-of-type(5n),
ul.haftalikvakit li:nth-of-type(6n),
ul.haftalikvakit li:nth-of-type(7n),
ul.haftalikvakit li:nth-of-type(8n) {
width: calc(16.666% - 0px);
display: block;
}
.eczaneListele div figure,
.eczaneListele div:after {
display: none;
}
.eczaneListele div h3 {
width: calc(100% - 30px);
}
.eczaneListele div p,
.eczaneListele div span,
.eczaneListele div a {
width: calc(100% - 120px);
}
#firmaaa .siteSol {
width: calc(100% - 0px);
float: none;
margin-right: 0px;
}
#firmaaa .siteSag {
width: calc(100% - 0px);
}
.iletisimSol {
width: 100%;
margin: 0px 0px 0px 0px;
float: none;
}
.iletisimSag {
width: 100%;
float: none;
margin-top: 15px;
}
.eczaneListele div {
width: calc(100% - 0px);
float: none;
margin-right: 0px;
}
#tumManset .siteSol {
width: calc(100% - 0px);
margin-right: 0;
float: none
}
#tumManset .siteSag {
width: calc(100% - 0px);
margin-right: 0;
float: none
}
.fiksturSayfa ul#tabBaslik li.mob {
display: block;
}
.fiksturSayfa ul#tabBaslik li.desk {
display: none;
}
.fiksturSayfa {
width: calc(145px - 15px);
}
#fiksturSayfa {
width: calc(100% - 175px);
}
}
@media screen and (max-width: 768px) {
.burcBilgisi img {
width: 125px;
height: 125px;
margin-top: 30px;
}
#burcismi .burcismi {
width: calc(16.666% - 0px);
padding: 15px 0px;
}
.burcBilgisi .burcmye {
width: calc(100% - 155px);
float: none;
margin-right: 0px;
}
ul#tabBaslik li {
width: calc(100% - 20px);
height: 60px;
line-height: 60px;
float: none;
letter-spacing: 1px;
text-align: left;
padding-left: 20px;
}
.sayfaSosyal {
position: relative;
bottom: 0px;
right: 0px;
text-align: right;
}
.tabDiv .gezegenUyumu .gezegenDetay .solla,
.tabDiv .gezegenUyumu .gezegenDetay .sagla {
width: calc(100% - 0px);
float: none;
}
.hisseHeader .hissAlan {
width: calc(100% - 0px)!important;
float: none!important;
margin: 0px 0px 20px 0px!important;
}
.bistSec {
width: 100%;
}
.canliBorsa .harfler ul {
width: calc(100% - 0px);
float: none;
text-align: center;
}
.canliBorsa .harfler ul li {
display: inline-block;
float: none;
margin-bottom: 5px;
}
.canliBorsa .harfler .songunc {
width: calc(100% - 0px);
margin-top: 10px;
}
.canliBorsa .canlilar ul {
width: calc(100% - 0px);
float: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#covid19 .asilamaOrani .asiYapilma,
#covid19 .asilamaOrani .dozKullanimi {
width: calc(100% - 0px);
float: none;
}
.takim_basligi {
display: none;
}
.takim_sira {
height: auto;
}
.takim_sira span.ilk_yari {
display: none;
}
.takim_sira span.sonuc {
width: 50px;
}
.takim_sira span.tarih {
width: 100%;
height: 36px;
line-height: 36px;
background: var(--siyahBG);
color: var(--beyaz);
margin-bottom: 5px;
}
.takim_sira .takim_bir,
.takim_sira .takim_iki {
width: calc(50% - 45px);
}
.takim_sira .takim_bir strong {
width: calc(100% - 29px);
text-align: left;
margin-left: 5px;
float: left;
}
.takim_sira .takim_iki strong {
width: calc(100% - 29px);
text-align: right;
margin-right: 5px;
float: left;
}
ul.gazeteListe li {
width: calc(50% - 22px);
margin: 15px 0px 0px 0px!important;
}
ul.gazeteListe li figure img {
width: 100%;
height: auto;
max-height: 252px;
}
.yerelIller ul li {
width: calc(33.333% - 0px);
margin-right: 0px;
}
.puanSol {
width: calc(100% - 0px);
margin: 0px 0px 0px 0px;
float: none;
}
.puanSag {
width: calc(100% - 0px);
margin: 0px 0px 0px 0px;
float: none;
}
.puanSol ul {
display: none;
}
.puanSol .selecttt {
width: calc(100% - 0px);
height: 50px;
display: block;
overflow: hidden;
position: relative;
float: none;
margin-right: 0px;
}
.puanSol .selecttt::after {
width: 42px;
height: 50px;
line-height: 50px;
content: '\25BC';
position: absolute;
top: 0;
right: 0;
padding: 0px 0px;
background-color: #c57c00;
transition: .25s all ease;
pointer-events: none;
color: #ffffff;
text-align: center;
}
.puanSol .selecttt:hover::after {
color: #f39c12;
}
.puanSol .selecttt select {
width: 100%;
height: 50px;
appearance: none;
outline: 0;
border: 0;
box-shadow: none;
flex: 1;
padding: 0px 0px;
color: #ffffff;
background-color: #df8c00;
background-image: none;
cursor: pointer;
padding: 0px 15px;
font-size: 16px;
}
.puanSol .selecttt select::-ms-expand {
display: none;
}
.puanSol .selecttt select option {
font-size: 15px;
}
.wrapper {
height: 400px;
}
.havatumSehirler {
display: none;
}
#havadurumuSayfa .havaSag .soll,
#havadurumuSayfa .havaSag .sagg {
width: calc(100% - 0px);
}
#havadurumuSayfa .havaSag .soll {
float: none;
margin-right: 0px;
}
#havadurumuSayfa .havaSag .soll div:last-child {
border-bottom: 1px solid rgb(255 255 255 / 25%);
padding-bottom: 5px;
margin-bottom: 5px;
}
#havadurumuSayfa .havaSag .soll div,
#havadurumuSayfa .havaSag .sagg div {
height: 40px;
line-height: 40px;
}
.namazVakitleri .imsak3 strong {
width: 50%;
}
.namazVakitleri .imsak3 strong:nth-of-type(3n),
.namazVakitleri .imsak3 strong:nth-of-type(4n) {
margin-top: 15px;
}
.namazVakitleri .imsak2 .vakitler strong {
line-height: 1.4;
font-size: 18px;
}
#canliSonucSayfa .takimlar .evsahibiTakim,
#canliSonucSayfa .takimlar .misafirTakim {
width: calc(50% - 60px);
}
#canliSonucSayfa .takimlar span.saat {
display: none;
}
.firmabilgiDetay div strong {
width: 100%;
float: none;
margin-bottom: 5px;
}
.firmabilgiDetay div strong:after {
display: none;
}
.firmabilgiDetay div span {
width: 100%;
}
#tumManset .katliste .liste {
width: calc(100% - 0px);
float: none;
margin-bottom: 10px;
margin-right: 0
}
#tumManset .katliste .liste figure {
width: 120px;
height: 120px;
float: left;
margin-right: 15px
}
#tumManset .katliste .liste time,
#tumManset .katliste .liste figcaption {
width: calc(100% - 140px)
}
#tumManset .katliste .liste:nth-of-type(3n) {
margin-bottom: 10px
}
#tumManset .katliste .liste time {
margin: 0 10px 5px;
padding-top: 10px
}
}
@media screen and (max-width: 600px) {
#covid19 .toplamOrani div {
width: calc(100% - 31px);
}
#covid19 .toplamOrani div:nth-of-type(2n) {
border-top: 1px solid rgb(255 255 255 / 30%);
}
.puanSag .yesilBas div:nth-of-type(2n),
.puanSag .puanTakim div:nth-of-type(2n) {
width: calc(100% - 265px)!important;
}
.puanSag .yesilBas div:nth-of-type(10n),
.puanSag .puanTakim div:nth-of-type(10n) {
width: 70px!important;
}
.puanSag .yesilBas div:nth-of-type(11n),
.puanSag .puanTakim div:nth-of-type(11n) {
display: none!important;
}
.namazVakitleri .imsak2 .vakitler strong {
line-height: 1.4;
font-size: 14px;
}
.namazVakitleri .imsak .saatler {
width: calc(100% - 0px)!important;
margin-right: 0px!important;
padding-right: 0px!important;
text-align: center!important;
border: 0px!important;
padding-top: 0px!important;
}
.namazTab ul#tabBaslik li {
width: calc(100% - 15px);
}
.firmaSiralama .firmalar {
width: calc(50% - 10px);
margin-bottom: 20px;
margin-right: 20px;
}
.firmaSiralama .firmalar:nth-of-type(2n),
.firmaSiralama .firmalar:nth-of-type(6n) {
margin-right: 0px!important;
}
.firmaSiralama .firmalar:nth-of-type(3n) {
margin-right: 20px;
}
.takim_sira .takim_bir,
.takim_sira .takim_iki {
width: calc(100% - 0px);
text-align: center;
padding: 0px 0px;
position: relative;
}
.takim_sira .takim_iki strong {
text-align: left;
float: left;
}
.takim_sira .takim_bir img,
.takim_sira .takim_iki img {
float: unset;
margin-top: 0px;
position: absolute;
content: "";
left: 5px;
top: 6px;
display: none;
}
.takim_sira span.sonuc {
width: 50px;
margin: 0px auto;
float: unset;
display: block;
height: 26px;
line-height: 26px;
}
.takim_sira .takim_bir strong,
.takim_sira .takim_iki strong {
width: calc(100% - 0px);
text-align: unset;
margin: 0px 0px;
}
#havadurumuSayfa .bugunun_tahmini .bugunun_ekstrasi {
width: 100%;
float: left;
margin-right: 0px;
margin-top: 20px;
display: block;
margin-bottom: 15px;
}
#havadurumuSayfa .onbesgunun_tahmini .accordion-button p.description {
display: none;
}
}

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
text-align: center;
}
@font-face {
font-family: VideoJS;
src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
font-weight: normal;
font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
content: "\f101";
}
.vjs-icon-play-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-play-circle:before {
content: "\f102";
}
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
content: "\f103";
}
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
content: "\f104";
}
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
content: "\f105";
}
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
content: "\f106";
}
.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
content: "\f107";
}
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\f108";
}
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\f109";
}
.vjs-icon-square {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-square:before {
content: "\f10a";
}
.vjs-icon-spinner {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-spinner:before {
content: "\f10b";
}
.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
content: "\f10c";
}
.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
content: "\f10d";
}
.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
content: "\f10e";
}
.vjs-icon-share {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-share:before {
content: "\f10f";
}
.vjs-icon-cog {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-cog:before {
content: "\f110";
}
.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
content: "\f111";
}
.vjs-icon-circle-outline {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle-outline:before {
content: "\f112";
}
.vjs-icon-circle-inner-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
content: "\f113";
}
.vjs-icon-hd {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-hd:before {
content: "\f114";
}
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
content: "\f115";
}
.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
content: "\f116";
}
.vjs-icon-facebook {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-facebook:before {
content: "\f117";
}
.vjs-icon-gplus {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-gplus:before {
content: "\f118";
}
.vjs-icon-linkedin {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-linkedin:before {
content: "\f119";
}
.vjs-icon-twitter {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-twitter:before {
content: "\f11a";
}
.vjs-icon-tumblr {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-tumblr:before {
content: "\f11b";
}
.vjs-icon-pinterest {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-pinterest:before {
content: "\f11c";
}
.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
content: "\f11d";
}
.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
content: "\f11e";
}
.vjs-icon-next-item {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-next-item:before {
content: "\f11f";
}
.vjs-icon-previous-item {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-previous-item:before {
content: "\f120";
}
.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
content: "\f121";
}
.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
content: "\f122";
}
.video-js {
display: block;
vertical-align: top;
box-sizing: border-box;
color: #fff;
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
line-height: 1;
font-weight: normal;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
word-break: initial;
}
.video-js:-moz-full-screen {
position: absolute;
}
.video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important;
}
.video-js[tabindex="-1"] {
outline: none;
}
.video-js *,
.video-js *:before,
.video-js *:after {
box-sizing: inherit;
}
.video-js ul {
font-family: inherit;
font-size: inherit;
line-height: inherit;
list-style-position: outside;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
width: 100%;
max-width: 100%;
height: 0;
}
.video-js.vjs-16-9 {
padding-top: 56.25%;
}
.video-js.vjs-4-3 {
padding-top: 75%;
}
.video-js.vjs-fill {
width: 100%;
height: 100%;
}
.video-js .vjs-tech {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
width: 100% !important;
height: 100% !important;
padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none;
}
.vjs-hidden {
display: none !important;
}
.vjs-disabled {
opacity: 0.5;
cursor: default;
}
.video-js .vjs-offscreen {
height: 1px;
left: -9999px;
position: absolute;
top: 0;
width: 1px;
}
.vjs-lock-showing {
display: block !important;
opacity: 1;
visibility: visible;
}
.vjs-no-js {
padding: 20px;
color: #fff;
background-color: #000;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
width: 300px;
height: 150px;
margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
color: #66A8CC;
}
.video-js .vjs-big-play-button {
font-size: 3em;
line-height: 1.5em;
height: 1.63332em;
width: 3em;
display: block;
position: absolute;
top: 10px;
left: 10px;
padding: 0;
cursor: pointer;
opacity: 1;
border: 0.06666em solid #fff;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
border-radius: 0.3em;
transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
top: 50%;
left: 50%;
margin-top: -0.81666em;
margin-left: -1.5em;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
border-color: #fff;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
display: block;
}
.video-js button {
background: none;
border: none;
color: inherit;
display: inline-block;
font-size: inherit;
line-height: inherit;
text-transform: none;
text-decoration: none;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.vjs-control .vjs-button {
width: 100%;
height: 100%;
}
.video-js .vjs-control.vjs-close-button {
cursor: pointer;
height: 3em;
position: absolute;
right: 0;
top: 0.5em;
z-index: 2;
}
.video-js .vjs-modal-dialog {
background: rgba(0, 0, 0, 0.8);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
overflow: auto;
}
.video-js .vjs-modal-dialog > * {
box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
font-size: 1.2em;
line-height: 1.5;
padding: 20px 24px;
z-index: 1;
}
.vjs-menu-button {
cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
display: none;
}
.vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
display: none;
}
.vjs-menu li {
list-style: none;
margin: 0;
padding: 0.2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
background-color: #fff;
color: #2B333F;
}
.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 0.3em 0;
font-weight: bold;
cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
left: -3em;
height: 0em;
margin-bottom: 1.5em;
border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
position: absolute;
width: 100%;
bottom: 1.5em;
max-height: 15em;
}
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 5em;
}
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 10em;
}
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 14em;
}
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 25em;
}
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
display: block;
}
.video-js .vjs-menu-button-inline {
transition: all 0.4s;
overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
width: 2.222222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
opacity: 0;
height: 100%;
width: auto;
position: absolute;
left: 4em;
top: 0;
padding: 0;
margin: 0;
transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
display: block;
opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
display: block;
opacity: 1;
position: relative;
width: auto;
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
width: auto;
height: 100%;
margin: 0;
overflow: hidden;
}
.video-js .vjs-control-bar {
display: none;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar {
display: flex;
visibility: visible;
opacity: 1;
transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: visible;
opacity: 0;
transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
display: table;
}
.video-js .vjs-control {
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
width: 4em;
flex: none;
}
.vjs-button > .vjs-icon-placeholder:before {
font-size: 1.8em;
line-height: 1.67;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
text-shadow: 0em 0em 1em white;
}
.video-js .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.vjs-no-flex .vjs-control {
display: table-cell;
vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
display: none;
}
.video-js .vjs-progress-control {
cursor: pointer;
flex: auto;
display: flex;
align-items: center;
min-width: 4em;
touch-action: none;
}
.video-js .vjs-progress-control.disabled {
cursor: default;
}
.vjs-live .vjs-progress-control {
display: none;
}
.vjs-liveui .vjs-progress-control {
display: flex;
align-items: center;
}
.vjs-no-flex .vjs-progress-control {
width: auto;
}
.video-js .vjs-progress-holder {
flex: auto;
transition: all 0.2s;
height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
font-size: 1.6666666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 0;
}
.video-js .vjs-play-progress {
background-color: #fff;
}
.video-js .vjs-play-progress:before {
font-size: 0.9em;
position: absolute;
right: -0.5em;
top: -0.3333333333em;
z-index: 1;
}
.video-js .vjs-load-progress {
background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
color: #000;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 6px 8px 8px 8px;
pointer-events: none;
position: absolute;
top: -3.4em;
visibility: hidden;
z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
display: block;
font-size: 0.6em;
visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
display: none;
position: absolute;
width: 1px;
height: 100%;
background-color: #000;
z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
position: relative;
cursor: pointer;
padding: 0;
margin: 0 0.45em 0 0.45em; -webkit-touch-callout: none; -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
cursor: default;
}
.video-js .vjs-slider:focus {
text-shadow: 0em 0em 1em white;
box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
cursor: pointer;
flex: none;
}
.video-js .vjs-volume-control {
cursor: pointer;
margin-right: 1em;
display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
visibility: visible;
opacity: 0;
width: 1px;
height: 1px;
margin-left: -1px;
}
.video-js .vjs-volume-panel {
transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
visibility: visible;
opacity: 1;
position: relative;
transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
width: 5em;
height: 3em;
margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
left: -3.5em;
transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
width: 10em;
transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
height: 8em;
width: 3em;
left: -3000em;
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 3em;
visibility: visible;
opacity: 1;
position: relative;
transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
position: absolute;
bottom: 3em;
left: 0.5em;
}
.video-js .vjs-volume-panel {
display: flex;
}
.video-js .vjs-volume-bar {
margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
width: 0.3em;
height: 5em;
margin: 1.35em auto;
}
.video-js .vjs-volume-level {
position: absolute;
bottom: 0;
left: 0;
background-color: #fff;
}
.video-js .vjs-volume-level:before {
position: absolute;
font-size: 0.9em;
}
.vjs-slider-vertical .vjs-volume-level {
width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
top: -0.5em;
left: -0.3em;
}
.vjs-slider-horizontal .vjs-volume-level {
height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
top: -0.3em;
right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
width: 100%;
}
.video-js .vjs-volume-vertical {
width: 3em;
height: 8em;
bottom: 8em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
left: -2em;
}
.vjs-poster {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
background-color: #000000;
cursor: pointer;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
}
.vjs-has-started .vjs-poster {
display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
display: block;
}
.vjs-using-native-controls .vjs-poster {
display: none;
}
.video-js .vjs-live-control {
display: flex;
align-items: flex-start;
flex: auto;
font-size: 1em;
line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
display: table-cell;
width: auto;
text-align: left;
}
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
display: none;
}
.video-js .vjs-seek-to-live-control {
cursor: pointer;
flex: none;
display: inline-flex;
height: 100%;
padding-left: 0.5em;
padding-right: 0.5em;
font-size: 1em;
line-height: 3em;
width: auto;
min-width: 4em;
}
.vjs-no-flex .vjs-seek-to-live-control {
display: table-cell;
width: auto;
text-align: left;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
margin-right: 0.5em;
color: #888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
color: red;
}
.video-js .vjs-time-control {
flex: none;
font-size: 1em;
line-height: 3em;
min-width: 2em;
width: auto;
padding-left: 1em;
padding-right: 1em;
}
.vjs-live .vjs-time-control {
display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
display: none;
}
.vjs-time-divider {
display: none;
line-height: 3em;
}
.vjs-live .vjs-time-divider {
display: none;
}
.video-js .vjs-play-control {
cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
flex: none;
}
.vjs-text-track-display {
position: absolute;
bottom: 3em;
left: 0;
right: 0;
top: 0;
pointer-events: none;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em;
}
.video-js .vjs-text-track {
font-size: 1.4em;
text-align: center;
margin-bottom: 0.1em;
}
.vjs-subtitles {
color: #fff;
}
.vjs-captions {
color: #fc6;
}
.vjs-tt-cue {
display: block;
}
video::-webkit-media-text-track-display {
transform: translateY(-3em);
}
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
transform: translateY(-1.5em);
}
.video-js .vjs-picture-in-picture-control {
cursor: pointer;
flex: none;
}
.video-js .vjs-fullscreen-control {
cursor: pointer;
flex: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
pointer-events: none;
font-size: 1.5em;
line-height: 2;
text-align: center;
}
.vjs-playback-rate .vjs-menu {
width: 4em;
left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
font-size: 1.4em;
text-align: center;
}
.vjs-error .vjs-error-display:before {
color: #fff;
content: "X";
font-family: Arial, Helvetica, sans-serif;
font-size: 4em;
left: 0;
line-height: 1;
margin-top: -0.5em;
position: absolute;
text-shadow: 0.05em 0.05em 0.1em #000;
text-align: center;
top: 50%;
vertical-align: middle;
width: 100%;
}
.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.85;
text-align: left;
border: 6px solid rgba(43, 51, 63, 0.7);
box-sizing: border-box;
background-clip: padding-box;
width: 50px;
height: 50px;
border-radius: 25px;
visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
display: block;
-webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
content: "";
position: absolute;
margin: -6px;
box-sizing: inherit;
width: inherit;
height: inherit;
border-radius: inherit;
opacity: 1;
border: inherit;
border-color: transparent;
border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
border-top-color: white;
-webkit-animation-delay: 0.44s;
animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
to {
visibility: visible;
}
}
@-webkit-keyframes vjs-spinner-show {
to {
visibility: visible;
}
}
@keyframes vjs-spinner-spin {
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes vjs-spinner-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f;
}
20% {
border-top-color: #73859f;
}
35% {
border-top-color: white;
}
60% {
border-top-color: #73859f;
}
100% {
border-top-color: #73859f;
}
}
@-webkit-keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f;
}
20% {
border-top-color: #73859f;
}
35% {
border-top-color: white;
}
60% {
border-top-color: #73859f;
}
100% {
border-top-color: #73859f;
}
}
.vjs-chapters-button .vjs-menu ul {
width: 24em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: "";
font-size: 1.5em;
line-height: inherit;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: " ";
font-size: 1.5em;
line-height: inherit;
}
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
display: none;
}
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
width: auto;
width: initial;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
display: none;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
flex: auto;
display: block;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
width: auto;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
display: none;
}
.vjs-modal-dialog.vjs-text-track-settings {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.75);
color: #fff;
height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
text-align: right;
vertical-align: bottom;
}
@supports (display: grid) {
.vjs-text-track-settings .vjs-modal-dialog-content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
padding: 20px 24px 0px 24px;
}
.vjs-track-settings-controls .vjs-default-button {
margin-bottom: 20px;
}
.vjs-text-track-settings .vjs-track-settings-controls {
grid-column: 1/-1;
}
.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
grid-template-columns: 1fr;
}
}
.vjs-track-setting > select {
margin-right: 1em;
margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
margin: 5px;
padding: 3px;
border: none;
}
.vjs-text-track-settings fieldset span {
display: inline-block;
}
.vjs-text-track-settings fieldset span > select {
max-width: 7.3em;
}
.vjs-text-track-settings legend {
color: #fff;
margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
display: block;
margin: 0 0 5px 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
outline-style: solid;
outline-width: medium;
background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
background-color: #fff;
background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
color: #2B333F;
cursor: pointer;
border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
margin-right: 1em;
}
@media print {
.video-js > *:not(.vjs-tech):not(.vjs-poster) {
visibility: hidden;
}
}
.vjs-resize-manager {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
z-index: -1000;
}
.js-focus-visible .video-js *:focus:not(.focus-visible) {
outline: none;
background: none;
}
.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
outline: none;
background: none;
}