.test_title{display:block; padding:5px; text-align:left; font-weight:bold; margin-top:10px;}
.test_table{display:table; border-collapse:collapse; border-spacing:0px;}
.test_table .test_table_cell{display:table-cell; vertical-align:top; padding:4px;}
.test_table .tcell10{width:10%;}
.test_table .tcell20{width:20%;}
.test_table .tcell30{width:30%;}
.test_table .tcell40{width:40%;}
.test_table .tcell50{width:50%;}
.test_table .tcell60{width:60%;}
.test_table .tcell70{width:70%;}
.test_table .tcell80{width:80%;}
.test_table .tcell90{width:90%;}
.test_table .tcell150px{width:150px;}
.test_table .tcell200px{width:200px;}
.ttc_table{display:table; width:100%; border-collapse:collapse; border-spacing:0px;}
.ttc_table .ttc_row{display:table-row;}
.ttc_table .ttc_cell{display:table-cell; vertical-align:middle; padding:3px 3px 3px 13px;}
.ttc_table .ttc_cell1{width:200px;}
.ttc_table .ttc_cell2{width:100px;}

.ttc_table input{width:100%; padding:5px; border:1px solid #bababa;}


.tstitle2{position: absolute;
    top: 65px;
    left: -63px;
    width: 150px;
    height: 20px;
    line-height: 16px;
    text-align: center;
    display: block;
    font-size: 12px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.svgtit{display:block; text-align:center; font-size:90%; color:gray;}


.table_one{width:280px!important; border-collapse:collapse; border-spacing:0px;}
.table_one .table_one_td_one{position:relative; width:20px; display:block; height:150px; background-color:#e1e1e1;}
.table_one .imgsus{height:250px;}
.table_two_tr_2 td{position:relative;}
.table_one .imagetitle {display:block; text-align:center; color:gray; font-size:90%;}
.imagetitle.itleft{text-align:right!important; position:absolute; right:-50px;}
.imagetitle.itright{text-align:left!important; position:absolute; right:90px;}
.table_two_tr_text{text-align:center;}
.table_two_tr_text input[type=text]{border-radius:15px; text-align:center; padding:5px; border:1px solid #bababa; width:50px;}
.table_two_tr_text label{display:block; text-align:center;}

.flex-wrapper {display:block;}
.circular-chart { display: block; margin: 0px auto; max-width: 80%; max-height: 250px;}
.circle-bg { fill: none; stroke: #eee; stroke-width: 3.8;}
.circle {fill: none; stroke-width: 2.8; stroke-linecap: round; animation: progress 1s ease-out forwards;}
.circle2 {fill: none; stroke-width: 2.8; stroke-linecap: round; animation: progress 1s ease-out forwards;}
@keyframes progress {0% {stroke-dasharray: 0 100;}}
.circular-chart.blue .circle {stroke: #3c9ee5;}
.percentage {fill: #666;font-family: sans-serif;font-size: 0.5em;text-anchor: middle;}

.tabletest table{border-collapse:collapse; border-spacing:0px; width:100%;}

.table-medium {
position: relative;
z-index: 1;
}

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

.table-medium table tr td {
padding: 5px !important;
color: #000000;
font-weight: 700;
}

.table-medium table tr td.green {
color: #25ca1d !important;
}

.table-medium table tr td.red {
color: #ca1d1d !important;
}

.table-medium table tr td input[type=text] {
width: 40px;
text-align: right;
margin: 0;
padding: 0;
border: 0;
margin-right: 5px;
font-size: 20px;
}

.table-medium table tr td input[type=text].green {
color: #25ca1d !important;
}

.table-medium table tr td input[type=text].red {
color: #ca1d1d !important;
}

.table-medium table tr td span.green {
color: #25ca1d !important;
}

.table-medium table tr td span.red {
color: #ca1d1d !important;
}

.table-medium table tr td.hTitleBg {
position: relative;
padding: 0 !important;
}

.table-medium table tr td.hTitleBg.elFren .hTitle {
width: 312px !important;
top: 137px !important;
left: -132px !important;
}

.table-medium table tr td .hTitle {
position: absolute;
top: 56px;
left: -52px;
width: 150px;
height: 24px;
line-height: 0px;
text-align: center;
display: block;
font-size: 12px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.aracgovde {
position: relative;
height: 288px;
left: 5px;
}

.aracgovde .bg {
width: 100% !important;
height: 235px;
text-align: center;
position: relative;
}

.aracgovde .bg .yon {
font-size: 13px;
position: absolute;
}

.aracgovde .bg .yon.top {
top: -3px;
left: 50%;
margin-left: -14px;
}

.aracgovde .bg .yon.bottom {
bottom: -20px;
left: 50%;
margin-left: -22px;
}

.aracgovde .bg .yon.left {
top: 53.5%;
left: 35%;
margin-left: -14px;
}

.aracgovde .bg .yon.right {
top: 53.5%;
right: 35%;
margin-left: -14px;
}

.aracgovde .bg .olcum {
position: absolute;
}

.aracgovde .bg .olcum .deger {
background-color: #FFFFFF !important;
border: 2px solid #000;
display: block;
padding: 3px 12px;
}

.aracgovde .bg .olcum .deger input[type=text] {
font-size: 14px;
text-align: center;
margin: 0;
}

.aracgovde .bg .olcum .text {
display: block;
font-size: 10px;
padding-top: 3px;
}

.aracgovde .bg .olcum.solOn {
top: 41px;
left: 9px;
}

.aracgovde .bg .olcum.sagOn {
top: 41px;
right: 18px;
}

.aracgovde .bg .olcum.solArka {
bottom: -13px;
left: 9px;
}

.aracgovde .bg .olcum.sagArka {
bottom: -13px;
right: 18px;
}

.aracgovde .bg .sapmaOn, .aracgovde .bg .sapmaArka {
background-color: #FFFFFF !important;
position: absolute;
padding: 3px 0px;
font-size: 11px;
width: 84px;
text-align: center;
display: none;
}

.aracgovde .bg .sapmaOn.none, .aracgovde .bg .sapmaArka.none {
width: 130px;
background-color: #ffcc00 !important;
}

.aracgovde .bg .sapmaOn {
top: 44px;
left: 35.2%;
}

.aracgovde .bg .sapmaOn.fren.none {
top: 86px !important;
left: 28.5% !important;
}

.aracgovde .bg .sapmaArka {
bottom: 10px;
left: 35.2%;
}

.aracgovde .bg .sapmaArka.fren.none {
bottom: 50px !important;
left: 28.5% !important;
}

.aracgovde .bg .sapmaArka.elFren.none {
bottom: 73px !important;
left: 29% !important;
}

.aracgovde .bg .sonucOn, .aracgovde .bg .sonucArka {
position: absolute;
border: 2px solid #000000;
width: 90px;
height: 35px;
line-height: 30px;
font-size: 14px;
display: none;
}

.aracgovde .bg .sonucOn.green, .aracgovde .bg .sonucArka.green {
background-color: #25ca1d !important;
color: #FFFFFF !important;
}

.aracgovde .bg .sonucOn.red, .aracgovde .bg .sonucArka.red {
background-color: #ca1d1d !important;
color: #FFFFFF !important;
}

.aracgovde .bg .sonucOn.orange, .aracgovde .bg .sonucArka.orange {
background-color: #ffcc00 !important;
color: #000000 !important;
}

.aracgovde .bg .sonucOn.blue, .aracgovde .bg .sonucArka.blue {
background-color: #1d89ca !important;
color: #FFFFFF !important;
}

.aracgovde .bg .sonucOn.green, .aracgovde .bg .sonucOn.red, .aracgovde .bg .sonucOn.blue, .aracgovde .bg .sonucOn.orange, .aracgovde .bg .sonucOn.purple {
left: 34.5%;
top: 76px;
}

.aracgovde .bg .sonucArka.green, .aracgovde .bg .sonucArka.red, .aracgovde .bg .sonucArka.blue, .aracgovde .bg .sonucArka.orange, .aracgovde .bg .sonucArka.purple {
left: 34.5%;
bottom: 42px;
}

.aracgovde .bg img {
margin-top: 15px;
height: 100%;
width: auto !important;
}

.aracgovde .durum {
position: absolute;
left: -5px;
bottom: -8px;
width: 100%;
text-align: center;
}

.aracgovde .durum div {
font-size: 11.2px;
position: relative;
padding-left: 15px;
display: inline-block;
margin: 0 5px;
}

.aracgovde .durum div.green .circle {
background-color: #25ca1d !important;
}


.aracgovde .durum div.red .circle {
background-color: #ca1d1d !important;
}

.aracgovde .durum div span {
width: 12px;
height: 12px;
display: inline-block;
position: absolute;
top: 1.8px;
left: 0px;
}

.aracgovde.el-freni .bg {
top: 87px;
height: 93px;
}

.aracgovde.el-freni .bg .olcum.solArka {
bottom: -3px;
left: 0;
}

.aracgovde.el-freni .bg .olcum.sagArka {
bottom: -3px;
right: 0;
}

.aracgovde.el-freni .bg .sapmaArka {
bottom: 19px;
left: 36%;
}

.aracgovde.el-freni .bg .sonucArka.green, .aracgovde.el-freni .bg .sonucArka.red {
left: 35.3%;
bottom: 60px;
}

.aracgovde.el-freni .bg img {
margin-left: 4%;
}

.aracgovde.suspansiyon .bg .sonucOn, .aracgovde.suspansiyon .bg .sonucArka {
position: absolute;
border: 2px solid #000000;
width: 90px;
height: 35px;
line-height: 30px;
font-size: 11px;
display: none;
}

.aracgovde.suspansiyon .bg .sonucOn.green, .aracgovde.suspansiyon .bg .sonucArka.green {
background-color: #25ca1d !important;
color: #FFFFFF !important;
}

.aracgovde.suspansiyon .bg .sonucOn.red, .aracgovde.suspansiyon .bg .sonucArka.red {
background-color: #ca1d1d !important;
color: #FFFFFF !important;
}

.aracgovde.suspansiyon .bg .sonucOn.orange, .aracgovde.suspansiyon .bg .sonucArka.orange {
background-color: #ffcc00 !important;
color: #000000 !important;
}

.aracgovde.suspansiyon .bg .sonucOn.blue, .aracgovde.suspansiyon .bg .sonucArka.blue {
background-color: #1d89ca !important;
color: #FFFFFF !important;
}

.aracgovde.suspansiyon .bg .sonucOn.purple, .aracgovde.suspansiyon .bg .sonucArka.purple {
background-color: #771dca !important;
color: #FFFFFF !important;
}

.aracgovde.suspansiyon .bg .sonucOn.sol {
top: -1px;
left: -3px;
right: auto;
}

.aracgovde.suspansiyon .bg .sonucOn.sag {
top: -1px;
right: 8px;
left: auto;
}

.aracgovde.suspansiyon .bg .sonucArka.sol {
bottom: 41px;
left: -3px;
right: auto;
}

.aracgovde.suspansiyon .bg .sonucArka.sag {
bottom: 41px;
right: 8px;
left: auto;
}

.aracgovde.suspansiyon .durum {
bottom: -17px;
text-align: center;
}

.aracgovde .durum .cizgi {display:block; padding:0px!important; margin:0px!important;}
.aracgovde .durum .status {display: table; width:100%; margin:2px 0px;}
.aracgovde .durum .status .box {display:table-cell; text-align:center; padding:5px 0px!important; font-size:8px; margin:0px;}
.aracgovde .durum .status .box20{width:20%!important;}
.aracgovde .durum .status .box30{width:30%!important;}
.aracgovde .durum .status .box40{width:40%!important;}
.aracgovde .durum .status .box.green {background-color: #25ca1d !important;}
.aracgovde .durum .status .box.blue {background-color: #1d89ca !important;}
.aracgovde .durum .status .box.orange {background-color: #ffcc00 !important;}
.aracgovde .durum .status .box.red {background-color: #ca1d1d !important;}
.aracgovde .durum .status .box.purple {background-color: #771dca !important;}


.aracgovde.yanal-kayma .bg {left: 40px;}

.aracgovde.yanal-kayma .bg .yon.left {
left: 1%;
}

.aracgovde.yanal-kayma .bg .olcum.solOn {
top: 40px;
left: 0%;
}

.aracgovde.yanal-kayma .bg .olcum.solArka {
bottom: -10px;
left: 0%;
}

.aracgovde.yanal-kayma .bg .sonucOn.green, .aracgovde.yanal-kayma .bg .sonucOn.red, .aracgovde.yanal-kayma .bg .sonucOn.orange, .aracgovde.yanal-kayma .bg .sonucOn.blue, .aracgovde.yanal-kayma .bg .sonucOn.purple {
left: 33.5%;
}

.aracgovde.yanal-kayma .bg .sonucArka.green, .aracgovde.yanal-kayma .bg .sonucArka.red, .aracgovde.yanal-kayma .bg .sonucArka.orange, .aracgovde.yanal-kayma .bg .sonucArka.blue, .aracgovde.yanal-kayma .bg .sonucArka.purple {
left: 33.5%;
}

.aracgovde.yanal-kayma .durum {
bottom: -17px;
text-align: center;
}



.cetvel{display:block!important; width:100%!important; margin:0px!important; padding:0px!important;}
.cetvel img{width:100%;}

.tableee{display:table; width:100%; border-spacing:2px; border-collapse:separate;}
.tableee .tablerowww{display:table-cell; width:50%!important; vertical-align:top;}