.spinner{z-index:2;margin-inline:auto;overflow:hidden;border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-webkit-border-radius:100%;-ms-webkit-radius:100%;zoom:1;-webkit-animation:2s linear infinite rotate;-moz-animation:2s linear infinite rotate;animation:2s linear infinite rotate}@-webkit-keyframes rotate{100%{-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner__path{fill:transparent;stroke-width:10;stroke-linecap:round;stroke-linejoin:round}.spinner__path:first-child{-webkit-animation:2s ease-in-out infinite dash-1;-moz-animation:2s ease-in-out infinite dash-1;animation:2s ease-in-out infinite dash-1;stroke:rgba(244,63,94,1)}@-webkit-keyframes dash-1{0%{stroke-dasharray:0,125;stroke-dashoffset:0}50%{stroke-dasharray:50,125;stroke-dashoffset:-60}100%{stroke-dasharray:125,125;stroke-dashoffset:-125}}@keyframes dash-1{0%{stroke-dasharray:0,125;stroke-dashoffset:0}50%{stroke-dasharray:50,125;stroke-dashoffset:-60}100%{stroke-dasharray:125,125;stroke-dashoffset:-125}}.spinner__path:nth-child(2){-webkit-animation:2s ease-in-out infinite dash-2;-moz-animation:2s ease-in-out infinite dash-2;animation:2s ease-in-out infinite dash-2;stroke:rgba(245,158,11,1)}@-webkit-keyframes dash-2{0%{stroke-dasharray:0,125;stroke-dashoffset:0}50%{stroke-dasharray:50,125;stroke-dashoffset:-70}100%{stroke-dasharray:125,125;stroke-dashoffset:-125}}@keyframes dash-2{0%{stroke-dasharray:0,125;stroke-dashoffset:0}50%{stroke-dasharray:50,125;stroke-dashoffset:-70}100%{stroke-dasharray:125,125;stroke-dashoffset:-125}}.spinner__path:nth-child(3){-webkit-animation:2s ease-in-out infinite dash-3;-moz-animation:2s ease-in-out infinite dash-3;animation:2s ease-in-out infinite dash-3;stroke:rgba(16,185,129,1)}@-webkit-keyframes dash-3{0%{stroke-dasharray:0,125;stroke-dashoffset:0}50%{stroke-dasharray:50,125;stroke-dashoffset:-80}100%{stroke-dasharray:125,125;stroke-dashoffset:-125}}@keyframes dash-3{0%{stroke-dasharray:0,125;stroke-dashoffset:0}50%{stroke-dasharray:50,125;stroke-dashoffset:-80}100%{stroke-dasharray:125,125;stroke-dashoffset:-125}}.spinner__path:nth-child(4){-webkit-animation:2s ease-in-out infinite dash-4;-moz-animation:2s ease-in-out infinite dash-4;animation:2s ease-in-out infinite dash-4;stroke:rgba(119,35,219,1)}@-webkit-keyframes dash-4{0%{stroke-dasharray:0,125;stroke-dashoffset:0}50%{stroke-dasharray:50,125;stroke-dashoffset:-90}100%{stroke-dasharray:125,125;stroke-dashoffset:-125}}@keyframes dash-4{0%{stroke-dasharray:0,125;stroke-dashoffset:0}50%{stroke-dasharray:50,125;stroke-dashoffset:-90}100%{stroke-dasharray:125,125;stroke-dashoffset:-125}}.tagyazilimbuton{
background:black;padding:10px;color:white;
}
#viewsozlesmeler{
display:flex;gap:15px;flex-direction:row;
}
#viewsozlesmeler2{
margin-top:10px;display:flex;gap:15px;flex-direction:row;
}
@media screen and (max-width: 800px) {
#viewsozlesmeler{
display:flex;gap:15px;flex-direction:column;
}
#viewsozlesmeler2{
margin-top:10px;display:flex;gap:15px;flex-direction:column;
}
}
label.secenekleri{margin: 10px;
display: inline;}
.white-popupcc {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}
.woocontractsic {
width: 100% !important;
padding: 6px 40px 10px 8px;
height: 110px;
background-color: #F4F4F4;
overflow: auto;
font-size: small;
}
.woocontractsdis {
width: 90% !important;
}
#sozlesmeler div {
width: 100% !important;
}
#woocontracts1,
#woocontracts2,
#woocontracts3 {
padding: 6px 40px 10px 8px;
height: 110px;
background-color: #F4F4F4;
overflow: auto;
font-size: small;
}
.tg {
border-collapse: collapse;
border-spacing: 0;
border-color: #ccc !important;
margin: 0px auto;
width: 90%;
}
.tg td {
font-family: Arial, sans-serif;
font-size: 14px;
padding: 10px 5px;
border-style: solid !important;
border-width: 1px !important;
overflow: hidden;
word-break: normal;
border-color: #ccc !important;
color: #333;
background-color: #fff;
}
.tg th {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: normal;
padding: 10px 5px;
border-style: solid !important;
border-width: 1px !important;
overflow: hidden;
word-break: normal;
border-color: #ccc !important;
color: #333;
background-color: #f0f0f0;
}
.tg .tg-s6z2 {
text-align: center
}
.tg .tg-hgcj {
font-weight: bold;
text-align: center
}
@media screen and (max-width: 767px) {
.tg {
width: auto !important;
}
.tg col {
width: auto !important;
}
.tg-wrap {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: auto 0px;
}
}