.evoTable3{
    display:grid;
    grid-gap: 0.8em;
}
.evoTable3 > div{
    padding: 0.4em;
    border-radius: 0.4em;
}

/* (1920x1080) Full HD Display */
@media screen and (max-width: 1920px) {
    .evoTable3 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
}
/* (1280x1024) SXGA Display */
@media screen and (max-width: 1280px) {
    .evoTable3 {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
/* Portrait*/
@media all and (orientation:portrait) {
    .evoTable3 {
        grid-template-columns: 1fr;
    }
}

/*Div Tablo V2*/
.evoTable2,.evoTable2a{
    width: 100%;
    display: table;
}
.evoTable2{
    border-collapse: collapse;
}
.evoTable2a{
    border-collapse: separate;
    border-spacing: 2px 4px;
}
.evoTable2, .evoTable2Count{
    font-size: 0.9em;
}
.evoTable2 .evoTable2Pri > div,.evoTable2a .evoTable2Pria > div{
    display: table-cell;
    height: 2.5em;
    line-height: 2.5em;
    padding-left: 0.3em;
    padding-right: 0.3em;
    text-align: left;
    font-size: 0.9em;
    font-weight : bold;
}
.evoTable2 .evoTable2Pri > div{
    color:#fff;
}
.evoTable2Row, .evoTable2Pri,.evoTable2Rowa, .evoTable2Pria,
.evoTable2 .evoTable2Row, .evoTable2a .evoTable2Rowa{
    display: table-row;
    /*Efek*/
    transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
}
.evoTable2 > .evoTable2Row:hover > div{
    transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
}
.evoTable2 > .evoTable2Row > div, .evoTable2Count{
    vertical-align: middle;
    padding: 0.3em;
}
.evoTable2 > .evoTable2Row > div,
.evoTable2a > .evoTable2Rowa > div{
    display: table-cell;
}

.evoTable2a > .evoTable2Rowa > div > a,
.evoTable2 > .evoTable2Row > div > a{
    width: 100%;
    height: 100%;
    display: block;
}

.evoTable2a > .evoTable2Rowa > div .evoTextBox,
.evoTable2 > .evoTable2Row > div .evoTextBox,
.evoTable2a > .evoTable2Rowa > div .evoOptionBox,
.evoTable2 > .evoTable2Row > div .evoOptionBox{
    width: 100%;
}

.evoTable2a > .evoTable2Rowa > div .evoButtonImg,
.evoTable2a > .evoTable2Rowa > div .evoButtonImga,
.evoTable2a > .evoTable2Rowa > div .evoButton,
.evoTable2a > .evoTable2Rowa > div .evoOptionBox,
.evoTable2a > .evoTable2Rowa > div .evoTextBox,
.evoTable2 > .evoTable2Row > div .evoTextBox,
.evoTable2 > .evoTable2Row > div .evoButtonImg,
.evoTable2 > .evoTable2Row > div .evoButtonImga,
.evoTable2 > .evoTable2Row > div .evoButton,
.evoTable2 > .evoTable2Row > div .evoOptionBox{
    margin: 0;
}

.evoTable2 > .evoTable2Row > div .evoButtonImga:hover,
.evoTable2 > .evoTable2Row > div .evoButton:hover,
.evoTable2 > .evoTable2Row > div .evoOptionBox:hover
{
    border-color:rgb(255,255,255);
}

/*--------------------------------------------------COLOR PALET-------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------------*/
/*--blue ()-----------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.evoTable21 > .evoTable2Row1 > div{
    color: rgb(0,0,0);
}
.evoTable21 > .evoTable2Row1:nth-child(even), .evoTable31 > div:nth-child(even){
    background-color: rgba(238, 238, 238,80);
}
.evoTable21 > .evoTable2Row1:nth-child(odd), .evoTable31 > div:nth-child(odd){
    background-color: rgba(247, 247, 247,80);
}
.evoTable21 > .evoTable2Row1 > div > a{
    color: rgb(35,45,48);
}
/*--HOVER-------------------------------------------------------------------------------------------------------------*/
.evoTable21 > .evoTable2Row1:hover > div{
    background-color: rgba(99,140,216,80);
    color: rgb(255,255,255);
}
.evoTable21 > .evoTable2Row1:hover > a{
    color: rgb(255,255,255);
}
/*--Baslik------------------------------------------------------------------------------------------------------------*/
.evoTable21 > .evoTable2Pri1 > div, .evoTable2Count1{
    background-color: rgba(52, 152, 219,80);
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--Siyah-------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.evoTable22 > .evoTable2Row2 > div{
    color: rgba(255,255,255,100);
}
.evoTable22 > .evoTable2Row2:nth-child(even), .evoTable32 > div:nth-child(even){
    background-color: rgba(35, 35, 35,80);
}
.evoTable22 > .evoTable2Row2:nth-child(odd), .evoTable32 > div:nth-child(odd){
    background-color: rgba(15, 15, 15,80);
}
.evoTable22 > .evoTable2Row2 > div > a{
    color: rgba(255,255,255,100);
}
/*-Hover--------------------------------------------------------------------------------------------------------------*/
.evoTable22 > .evoTable2Row2:hover > div{
    background-color: rgb(255,255,255);
    color: rgba(0, 0, 0,80);
}
.evoTable22 > .evoTable2Row2:hover > a{
    color: rgba(0, 0, 0,80);
}
/*--Baslik------------------------------------------------------------------------------------------------------------*/
.evoTable22 > .evoTable2Pri2 div, .evoTable2Count2{
    background-color: rgba(0, 0, 0,80);
}
/*--------------------------------------------------------------------------------------------------------------------*/
/*--Lacivert----------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.evoTable23 > .evoTable2Row3 > div{
    /*border: 0.01em solid rgb(37.json,77,110);*/
    color: rgb(35,45,48);
}
.evoTable23 .evoTable2Row3:nth-child(even), .evoTable33 > div:nth-child(even){
    background-color: rgba(244, 243, 238,80);
}
.evoTable23 > .evoTable2Row3:nth-child(odd), .evoTable33 > div:nth-child(odd){
    background-color: rgba(217, 226, 225,80);
}
.evoTable23 > .evoTable2Row3 > div > a{
    color: rgb(35,45,48);
}
/*-Hover--------------------------------------------------------------------------------------------------------------*/
.evoTable23 > .evoTable2Row3:hover > div{
    background-color: rgba(55, 84, 109,80);
    color: rgb(255,255,255);
}
.evoTable23 > .evoTable2Row3:hover > a{
    color: rgb(255,255,255);
}
/*--Baslik------------------------------------------------------------------------------------------------------------*/
.evoTable23 > .evoTable2Pri3 div, .evoTable2Count3{
    background-color: rgba(37, 77, 110,80);
}
/*--------------------------------------------------------------------------------------------------------------------*/
/*--Orange------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.evoTable24 > .evoTable2Row4 > div{
    color: rgb(10,10,10);
}
.evoTable24 > .evoTable2Row4:nth-child(even), .evoTable34 > div:nth-child(even){
    background-color: rgba(251, 202, 162,80);
}
.evoTable24 > .evoTable2Row4:nth-child(odd), .evoTable34 > div:nth-child(odd){
    background-color: rgba(253, 228, 208,80);
}
.evoTable24 > .evoTable2Row4 > div > a{
    color: rgb(10,10,10);
}
/*-Hover--------------------------------------------------------------------------------------------------------------*/
.evoTable24 > .evoTable2Row4:hover > div{
    background-color: rgba(247, 180, 124,80);
    color: #ffffff;
}
.evoTable24 > .evoTable2Row4:hover > a{
    color: rgb(10,10,10);
}
/*--Baslik------------------------------------------------------------------------------------------------------------*/
.evoTable24 > .evoTable2Pri4 div, .evoTable2Count4{
    background-color: rgba(247, 150, 71,80);
}
/*--------------------------------------------------------------------------------------------------------------------*/
/*--RED---------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.evoTable25 > .evoTable2Row5 > div{
    color: rgb(10,10,10);
}
.evoTable25 > .evoTable2Row5:nth-child(even), .evoTable35 > div:nth-child(even){
    background-color: rgba(235, 235, 235,80);
}
.evoTable25 > .evoTable2Row5:nth-child(odd), .evoTable35 > div:nth-child(odd){
    background-color: rgba(250, 250, 250,80);
}
.evoTable25 > .evoTable2Row5 > div > a{
    color: rgb(10,10,10);
}
/*-Hover--------------------------------------------------------------------------------------------------------------*/
.evoTable25 > .evoTable2Row5:hover > div{
    background-color: rgba(182, 88, 93,80);
    color: #ffffff;
}
.evoTable25 > .evoTable2Row5:hover > a{
    color: rgb(10,10,10);
}
/*--Baslik------------------------------------------------------------------------------------------------------------*/
.evoTable25 > .evoTable2Pri5 div, .evoTable2Count5{
    background-color: rgba(182, 52, 52,80);
}
/*--------------------------------------------------------------------------------------------------------------------*/
/*--Green---------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.evoTable26 > .evoTable2Row6 > div{
    color: rgb(10,10,10);
}
.evoTable26 > .evoTable2Row6:nth-child(even), .evoTable36 > div:nth-child(even){
    background-color: #e2efda;
}
.evoTable26 > .evoTable2Row6:nth-child(odd), .evoTable36 > div:nth-child(odd){
    background-color: #c6e0b4;
}
.evoTable26 > .evoTable2Row6 > div > a{
    color: rgb(10,10,10);
}
/*-Hover--------------------------------------------------------------------------------------------------------------*/
.evoTable26 > .evoTable2Row6:hover > div{
    background-color: rgb(0,128,0);
    color: #ffffff;
}
.evoTable26 >.evoTable2Row6:hover > a{
    color: rgb(10,10,10);
}
/*--Baslik------------------------------------------------------------------------------------------------------------*/
.evoTable26 > .evoTable2Pri6 div, .evoTable2Count6{
    background-color: rgb(0,128,0);
}
/*--------------------------------------------------------------------------------------------------------------------*/
/*--Bondi---------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.evoTable27 > .evoTable2Row7 > div{
    color: rgb(10,10,10);
}
.evoTable27 > .evoTable2Row7:nth-child(even), .evoTable37 > div:nth-child(even){
    background-color: #fffeff;
}
.evoTable27 > .evoTable2Row7:nth-child(odd), .evoTable37 > div:nth-child(odd){
    background-color: #dcf8f9;
}
.evoTable27 > .evoTable2Row7 > div > a{
    color: rgb(10,10,10);
}
/*-Hover--------------------------------------------------------------------------------------------------------------*/
.evoTable27 > .evoTable2Row7:hover > div{
    background-color: rgba(0, 149, 182,80);
    color: #ffffff;
}
.evoTable27 > .evoTable2Row7:hover a{
    color: rgb(10,10,10);
}
/*--Baslik------------------------------------------------------------------------------------------------------------*/
.evoTable27 >.evoTable2Pri7 div, .evoTable2Count7{
    background-color: rgba(0, 149, 182, 80);
}
/*--------------------------------------------------------------------------------------------------------------------*/
/*--Turquas-----------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.evoTable28 > .evoTable2Row8 > div{
    color: rgb(10,10,10);
}
.evoTable28 > .evoTable2Row8:nth-child(even), .evoTable38 > div:nth-child(even){
    background-color: rgba(235, 235, 235,80);
}
.evoTable28 > .evoTable2Row8:nth-child(odd), .evoTable38 > div:nth-child(odd){
    background-color: rgba(250, 250, 250,80);
}
.evoTable28 > .evoTable2Row8 > div > a{
    color: rgb(10,10,10);
}
/*-Hover--------------------------------------------------------------------------------------------------------------*/
.evoTable28 > .evoTable2Row8:hover > div{
    background-color: rgba(48, 214, 200,80);
    color: #ffffff;
}
.evoTable28 > .evoTable2Row8:hover a{
    color: rgb(10,10,10);
}
/*--Baslik------------------------------------------------------------------------------------------------------------*/
.evoTable28 >.evoTable2Pri8 div, .evoTable2Count8{
    background-color: rgba(48, 214, 200,80);
}
/*--------------------------------------------------------------------------------------------------------------------*/
/*--Gray-----------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.evoTable29 > .evoTable2Row9 > div{
    color: rgb(191, 191, 191);
}
.evoTable29 > .evoTable2Row9:nth-child(even), .evoTable39 > div:nth-child(even){
    background-color: rgba(235, 235, 235,80);
}
.evoTable29 > .evoTable2Row9:nth-child(odd), .evoTable39 > div:nth-child(odd){
    background-color: rgba(250, 250, 250,80);
}
.evoTable29 > .evoTable2Row9 > div > a{
    color: rgb(191, 191, 191);
}
/*-Hover--------------------------------------------------------------------------------------------------------------*/
.evoTable29 > .evoTable2Row9:hover > div{
    background-color: rgba(191, 191, 191,80);
    color: #ffffff;
}
.evoTable29 > .evoTable2Row9:hover a{
    color: rgb(191, 191, 191);
}
/*--Baslik------------------------------------------------------------------------------------------------------------*/
.evoTable29 >.evoTable2Pri9 div, .evoTable2Count9{
    background-color: rgba(191, 191, 191,80);
}
/*--------------------------------------------------------------------------------------------------------------------*/
/*10------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.evoTable210 > .evoTable2Row10 > div{
    color: rgb(255, 204, 0);
}
.evoTable210 > .evoTable2Row10:nth-child(even), .evoTable310 > div:nth-child(even){
    background-color: rgba(235, 235, 235,80);
}
.evoTable210 > .evoTable2Row10:nth-child(odd), .evoTable310 > div:nth-child(odd){
    background-color: rgba(250, 250, 250,80);
}
.evoTable210 > .evoTable2Row10 > div > a{
    color: rgb(255, 204, 0);
}
/*-Hover--------------------------------------------------------------------------------------------------------------*/
.evoTable210 > .evoTable2Row10:hover > div{
    background-color: rgba(255, 204, 0,80);
    color: #ffffff;
}
.evoTable210 > .evoTable2Row10:hover a{
    color: rgb(191, 191, 191);
}
/*--Baslik------------------------------------------------------------------------------------------------------------*/
.evoTable10 >.evoTable2Pri10 div, .evoTable2Count10{
    background-color: rgba(255, 204, 0,80);
}
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.evoTable2a >.evoTable2Rowa > div{
    padding:0.6em;
    margin-bottom:1px;
    color:#000;
    border:1px solid #fff;
}
.evoTable2a >.evoTable2Pria > div{
    padding-left:0.6em;
    padding-right:0.6em;
    color:#fff;
}
.evoTable2a > .evoTable2Pria > div:first-child,
.evoTable2a > .evoTable2Rowa > div:first-child {
    border-top-left-radius: 0.4em;
    border-bottom-left-radius: 0.4em;
 }
.evoTable2a > .evoTable2Pria > div:last-child,
.evoTable2a > .evoTable2Rowa > div:last-child {
    border-top-right-radius: 0.4em;
    border-bottom-right-radius: 0.4em;
}
/*1-------------------------------------------------------------------------------------------------------------------*/
.evoTable21a .evoTable2Pri1a > div{
    background: rgba(99,140,216, 1);
}
.evoTable21a .evoTable2Row1a:nth-child(even) > div{
    background: rgba(99,140,216,0.3);
}
.evoTable21a > .evoTable2Row1a:nth-child(odd) > div{
    background: rgba(99,140,216,0.5);
}
.evoTable21a > .evoTable2Row1a:hover > div{
    background: rgba(99,140,216, 0.8);
}
.evoTable21a > .evoTable2Row1a > div:hover{
    background: rgba(255, 255, 255,0.8);
    border:1px solid rgba(99,140,216, 1);
}
/*2-------------------------------------------------------------------------------------------------------------------*/
.evoTable22a .evoTable2Pri2a > div{
    background: rgba(35, 35, 35, 1);
}
.evoTable22a .evoTable2Row2a:nth-child(even) > div{
    background: rgba(35, 35, 35, 0.3);
}
.evoTable22a > .evoTable2Row2a:nth-child(odd) > div{
    background: rgba(35, 35, 35,0.5);
}
.evoTable22a > .evoTable2Row2a:hover > div{
    background: rgba(35, 35, 35, 0.8);
}
.evoTable22a > .evoTable2Row2a > div:hover{
    background: rgba(255, 255, 255,0.8);
    border:1px solid rgba(35, 35, 35, 1);
}
/*3-------------------------------------------------------------------------------------------------------------------*/
.evoTable23a .evoTable2Pri3a > div{
    background: rgba(17, 57, 90, 1);
}
.evoTable23a .evoTable2Row3a:nth-child(even) > div{
    background: rgba(37, 77, 110, 0.3);
}
.evoTable23a > .evoTable2Row3a:nth-child(odd) > div{
    background: rgba(17, 57, 90, 0.5);
}
.evoTable23a > .evoTable2Row3a:hover > div{
    background: rgba(17, 57, 90, 0.8);
}
.evoTable23a > .evoTable2Row3a > div:hover{
    background: rgba(255, 255, 255,0.8);
    border:1px solid rgba(17, 57, 90, 1);
}
/*4-------------------------------------------------------------------------------------------------------------------*/
.evoTable24a .evoTable2Pri4a > div{
    background: rgba(247, 150, 71, 1);
}
.evoTable24a .evoTable2Row4a:nth-child(even) > div{
    background: rgba(247, 150, 71, 0.3);
}
.evoTable24a > .evoTable2Row4a:nth-child(odd) > div{
    background: rgba(247, 150, 71, 0.5);
}
.evoTable24a > .evoTable2Row4a:hover > div{
    background: rgba(247, 150, 71, 0.8);
}
.evoTable24a > .evoTable2Row4a > div:hover{
    background: rgba(255, 255, 255,0.8);
    border:1px solid rgba(247, 150, 71, 1);
}
/*5-------------------------------------------------------------------------------------------------------------------*/
.evoTable25a .evoTable2Pri5a > div{
    background: rgba(182, 52, 52, 1);
}
.evoTable25a .evoTable2Row5a:nth-child(even) > div{
    background: rgba(182, 52, 52, 0.3);
}
.evoTable25a > .evoTable2Row5a:nth-child(odd) > div{
    background: rgba(182, 52, 52, 0.5);
}
.evoTable25a > .evoTable2Row5a:hover > div{
    background: rgba(182, 52, 52, 0.8);
}
.evoTable25a > .evoTable2Row5a > div:hover{
    background: rgba(255, 255, 255,0.8);
    border:1px solid rgba(182, 52, 52, 1);
}
/*6-------------------------------------------------------------------------------------------------------------------*/
.evoTable26a .evoTable2Pri6a > div{
    background: rgba(0, 204, 0, 1);
}
.evoTable26a .evoTable2Row6a:nth-child(even) > div{
    background: rgba(0, 204, 0, 0.3);
}
.evoTable26a > .evoTable2Row6a:nth-child(odd) > div{
    background: rgba(0, 204, 0, 0.5);
}
.evoTable26a > .evoTable2Row6a:hover > div{
    background: rgba(0, 204, 0, 0.8);
}
.evoTable26a > .evoTable2Row6a > div:hover{
    background: rgba(255, 255, 255,0.8);
    border:1px solid rgba(0, 204, 0, 1);
}
/*7-------------------------------------------------------------------------------------------------------------------*/
.evoTable27a .evoTable2Pri7a > div{
    background: rgba(0, 149, 182, 1);
}
.evoTable27a .evoTable2Row7a:nth-child(even) > div{
    background: rgba(0, 149, 182, 0.3);
}
.evoTable27a > .evoTable2Row7a:nth-child(odd) > div{
    background: rgba(0, 149, 182, 0.5);
}
.evoTable27a > .evoTable2Row7a:hover > div{
    background: rgba(0, 149, 182, 0.8);
}
.evoTable27a > .evoTable2Row7a > div:hover{
    background: rgba(255, 255, 255,0.8);
    border:1px solid rgba(0, 149, 182, 1);
}
/*8-------------------------------------------------------------------------------------------------------------------*/
.evoTable28a .evoTable2Pri8a > div{
    background: rgba(124, 202, 212, 1);
}
.evoTable28a .evoTable2Row8a:nth-child(even) > div{
    background: rgba(171, 231, 239, 0.3);
}
.evoTable28a > .evoTable2Row8a:nth-child(odd) > div{
    background: rgba(124, 202, 212, 0.5);
}
.evoTable28a > .evoTable2Row8a:hover > div{
    background: rgba(124, 202, 212, 1);
}
.evoTable28a > .evoTable2Row8a > div:hover{
    background: rgba(255, 255, 255, 1);
    border:1px solid rgba(124, 202, 212, 1);
}
/*9-------------------------------------------------------------------------------------------------------------------*/
.evoTable29a .evoTable2Pri9a > div{
    background: rgba(191, 191, 191, 1);
}
.evoTable29a .evoTable2Row9a:nth-child(even) > div{
    background: rgba(191, 191, 191, 0.3);
}
.evoTable29a > .evoTable2Row9a:nth-child(odd) > div{
    background: rgba(191, 191, 191, 0.5);
}
.evoTable29a > .evoTable2Row9a:hover > div{
    background: rgba(191, 191, 191, 1);
}
.evoTable29a > .evoTable2Row9a > div:hover{
    background: rgba(255, 255, 255, 1);
    border:1px solid rgba(191, 191, 191, 1);
}
/*10-------------------------------------------------------------------------------------------------------------------*/
.evoTable210a .evoTable2Pri10a > div{
    background: rgba(255, 204, 0, 1);
}
.evoTable210a .evoTable2Row10a:nth-child(even) > div{
    background: rgba(255, 204, 0, 0.3);
}
.evoTable210a > .evoTable2Row10a:nth-child(odd) > div{
    background: rgba(255, 204, 0, 0.5);
}
.evoTable210a > .evoTable2Row10a:hover > div{
    background: rgba(255, 204, 0, 1);
}
.evoTable210a > .evoTable2Row10a > div:hover{
    background: rgba(255, 255, 255, 1);
    border:1px solid rgba(255, 204, 0, 1);
}