.btnekoTabChat {
    text-decoration: none;
    display: inline-block;
    border-style: outset;
    border-width: 2px 2px 2px 2px;
    border-color: transparent;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 32px;
    width: 100px;
    background-color: #005185;
    color: #c9deeb;
    border-radius: 7px;
    padding: 0px 0px 0px 0px;
}

    .btnekoTabChat:hover {
        background-color: #c9deeb;
        color: #005185;
        cursor: pointer;
    }

.btnekoTabKeta {
    text-decoration: none;
    display: inline-block;
    border-style: outset;
    border-width: 2px 2px 0px 2px;
    border-color: transparent;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 32px;
    width: 100px;
    background-color: #2f8795;
    color: #e4f1f2;
    border-radius: 7px;
    padding: 4px 0px 0px 0px;
    vertical-align: central;
}

    .btnekoTabKeta:hover {
        background-color: #e4f1f2;
        color: #2f8795;
        cursor: pointer;
    }

.btnekoSimpTili {
    text-decoration: none;
    display: inline-block;
    border-style: outset;
    border-width: 0px;
    border-radius: 10px;
    font-size: small;
    width: 99%;
    height: 36px;
    background-color: #ddf1ef;
    color: #008378;
    font-weight: normal;
    text-align: center;
    white-space: normal;
}

    .btnekoSimpTili:hover {
        background-color: #008378;
        color: #ddf1ef;
        cursor: pointer;
    }

.btnlogineko {
    border-radius: 20px 20px 20px 20px;
    width: 200px;
    height: 32px;
    background-color: #008378;
    color: #8ad3cd;
    font-weight: 400;
    font-size: 16px;
    padding: 1px 0px 0px 0px;
    cursor: pointer;
}

    .btnlogineko:hover {
        background-color: #8ad3cd;
        color: #008378;
        cursor: pointer;
    }

.btnloginbos {
    border-radius: 20px 20px 20px 20px;
    width: 200px;
    height: 32px;
    background-color: #005185;
    color: #d4e3ed;
    font-weight: 400;
    font-size: 16px;
    padding: 1px 0px 0px 0px;
    cursor: pointer;
}

    .btnloginbos:hover {
        background-color: #d4e3ed;
        color: #005185;
        cursor: pointer;
    }

.btnekochathead {
    text-decoration: none;
    /*display: inline-block;*/
    /*line-height: 21px;*/
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #c9deeb;
    text-align: left;
    font-family: Verdana;
    font-size: x-small;
    height: 32px;
    width: 100px;
    background-color: #c9deeb;
    color: #005185;
    border-radius: 7px;
    /*top: -1px;*/
    padding: 0px 0px 0px 10px;
}

    .btnekochathead:hover {
        background-color: #005185;
        color: #c9deeb;
        /*border-radius: 7px;*/
        cursor: pointer;
    }

.btnekoproftext {
    /*display: inline-block;*/
    border: 1px solid #cddeec;
    /*position: relative;*/
    font-size: 12px;
    font-family: Verdana;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    line-height: 24px;
    height: 26px;
    width: 100%;
    border-radius: 3px 3px 3px 3px;
    background-color: #C8DEEB;
    color: #005185;
    /*top: 0px;
    left: 0px;*/
}

    .btnekoproftext:hover {
        background-color: #005185;
        color: #c9deeb;
        cursor: pointer;
    }

.btnekogridtext {
    /*display: inline-block;*/
    border: 1px none #cddeec;
    /*position: relative;*/
    font-size: 12px;
    font-family: Verdana;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    line-height: 23px;
    height: 24px;
    width: 100%;
    border-radius: 3px 3px 3px 3px;
    background-color: transparent;
    color: #005185;
    text-align:left;
}

    .btnekogridtext:hover {
        background-color: #005185;
        color: #c9deeb;
        cursor: pointer;
    }

.btnekosimp {
    border: 2px outset #761E14;
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 32px;
    width: 100px;
    background-color: #761E14;
    color: #ECD8D7;
    border-radius: 7px;
    z-index: 10;
    position: relative;
    /*top: -1px;*/
    left: 1px;
    padding: 0px 0px 0px 0px;
    top: 0px;
}

    .btnekosimp:hover {
        background-color: #ECD8D7;
        color: #761E14;
        /*border-radius: 7px;*/
        z-index: 10;
        position: relative;
        cursor: pointer;
    }

.btnekopros1 {
    border: 2px outset #017069;
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 32px;
    width: 100px;
    background-color: #005185;
    color: #c9deeb;
    border-radius: 7px;
    z-index: 10;
    position: relative;
    /*top: -1px;*/
    left: 1px;
    padding: 0px 0px 0px 0px;
    top: 0px;
}

.btnekoprose1:hover {
    background-color: #c9deeb;
    color: #005185;
    cursor: pointer;
}

.btnekokemb {
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    border-style: outset;
    border-width: 2px 2px 2px 2px;
    border-color: #017069;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 32px;
    width: 100px;
    background-color: #017069;
    color: #C6E6E3;
    border-radius: 7px;
    /*top: -1px;*/
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

    .btnekokemb:hover {
        background-color: #C6E6E3;
        color: #017069;
        border-color: #C6E6E3;
        /*border-radius: 7px;*/
        cursor: pointer;
    }

.btnekotran {
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    border-style: outset;
    border-width: 2px 2px 2px 2px;
    border-color: transparent;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 32px;
    width: 100px;
    background-color: transparent;
    color: #017069;
    border-radius: 7px;
    /*top: -1px;*/
    padding: 0px 0px 0px 0px;
}

    .btnekotran:hover {
        /*background-color: #C6E6E3;*/
        color: #017069;
        /*border-radius: 7px;*/
        cursor: pointer;
    }

.btnekoTeman {
    text-decoration: none;
    display: inline-block;
    border-style: outset;
    border-width: 2px 2px 2px 2px;
    border-color: transparent;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 32px;
    width: 100px;
    background-color: #01968b;
    color: #dbfcfa;
    border-radius: 7px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

    .btnekoTeman:hover {
        background-color: #dbfcfa;
        color: #01968b;
        cursor: pointer;
    }


.btnekoTemaPros {
    text-decoration: none;
    display: inline-block;
    border-style: outset;
    border-width: 2px 2px 2px 2px;
    border-color: transparent;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 32px;
    width: 100px;
    background-color: #02a397;
    color: #dbfcfa;
    border-radius: 7px;
    padding: 0px 0px 0px 0px;
}

    .btnekoTemaPros:hover {
        background-color: #dbfcfa;
        color: #02a397;
        cursor: pointer;
    }

.btnekoTemaHapu {
    text-decoration: none;
    display: inline-block;
    border-style: outset;
    border-width: 2px 2px 2px 2px;
    border-color: transparent;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 32px;
    width: 100px;
    background-color: #cc9892;
    color: #620e06;
    border-radius: 7px;
    padding: 0px 0px 0px 0px;
}

.btnekoTemaHapu:hover  {
    background-color: #620e06;
    color: #cc9892;
    cursor: pointer;
}

.btnekoProf {
    border-radius: 0px 20px 20px 0px;
    border-color: transparent;
    border-style: none;
    width: 100%;
    height: 32px;
    line-height: 23px;
    background-color: transparent;
    color: #005186;
    font-weight: 400;
    font-size: 12px;
    padding: 0px 0px 0px 30px;
    margin: 0px 0px 0px -28px;
    text-align: left;
}

    .btnekoProf:hover {
        background-color: #005186;
        color: #9FC5DC;
        border-color: #005186;
        cursor: pointer;
    }

.btnekotilimenu {
    text-decoration: none;
    display: inline-block;
    line-height: 18px;
    border-style: outset;
    border-width: 0px;
    border-radius: 10px 0px 0px 10px;
    margin: 2px 0px 2px 0px;
    text-align: left;
    font-family: Verdana;
    font-size: small;
    height: 32px;
    width: 99%;
    background-color: #c6dfed;
    color: #008378;
    font-weight: normal;
    padding: 0px 0px 0px 10px;
}

    .btnekotilimenu:hover {
        background-color: #008378;
        color: #c6dfed;
        cursor: pointer;
        animation: fadein 1s;
        -webkit-animation: fadein 1s;
    }

.btnekotilimenukemb {
    text-decoration: none;
    display: inline-block;
    line-height: 18px;
    border-style: outset;
    border-width: 0px;
    border-radius: 10px 0px 0px 10px;
    margin: 2px 0px 2px 0px;
    text-align: left;
    font-family: Verdana;
    font-size: small;
    height: 30px;
    width: 99%;
    background-color: #008378;
    color: #c6dfed;
    font-weight: normal;
    padding: 0px 0px 0px 10px;
}

    .btnekotilimenukemb:hover {
        background-color: #c6dfed;
        color: #008378;
        cursor: pointer;
        animation: fadein 1s;
        -webkit-animation: fadein 1s;
    }

.btnekotilimenuchat {
    text-decoration: none;
    display: inline-block;
    line-height: 18px;
    border-style: outset;
    border-width: 0px;
    border-radius: 10px 0px 0px 10px;
    margin: 2px 0px 2px 0px;
    text-align: left;
    font-family: Verdana;
    font-size: small;
    height: 30px;
    width: 99%;
    background-color: #9fc5dd;
    color: #005185;
    font-weight: normal;
    padding: 0px 0px 0px 10px;
}

    .btnekotilimenuchat:hover {
        background-color: #005185;
        color: #9fc5dd;
        cursor: pointer;
        animation: fadein 1s;
        -webkit-animation: fadein 1s;
    }

.btnmobpakablue {
    text-decoration: none;
    display: inline-block;
    line-height: 18px;
    border-style: outset;
    border-width: 0px;
    border-radius: 10px;
    font-size: small;
    width: 150px;
    height: 45px;
    background-color: #0a2b8b;
    color: #c6dfed;
    font-weight: normal;
    text-align: center;
    white-space: normal;
    /*padding: 30px 0px 0px 0px;*/
    vertical-align: central;
    /*margin-bottom: 0px;*/
}

    .btnmobpakablue:hover {
        background-color: #c6dfed;
        color: #0a2b8b;
        cursor: pointer;
    }

.btnmobpakahks40z {
    text-decoration: none;
    display: inline-block;
    /*line-height: 18px;*/
    border-style: outset;
    border-width: 0px;
    border-radius: 10px;
    font-size: small;
    width: 150px;
    height: 45px;
    background-color: #00a0d9;
    color: #182d35;
    font-weight: normal;
    text-align: center;
    white-space: normal;
    /*padding: 30px 0px 0px 0px;*/
    /*margin-bottom: 0px;*/
}

    .btnmobpakahks40z:hover {
        background-color: #182d35;
        color: #00a0d9;
        cursor: pointer;
    }

.btnmobpakakemb {
    text-decoration: none;
    display: inline-block;
    border-style: outset;
    border-width: 0px;
    border-radius: 10px;
    font-size: small;
    width: 150px;
    height: 45px;
    background-color: #008378;
    color: #9bdfe3;
    font-weight: normal;
    text-align: center;
    white-space: normal;
}

    .btnmobpakakemb:hover {
        background-color: #9bdfe3;
        color: #008378;
        cursor: pointer;
    }

.btnmobpakakonf {
    text-decoration: none;
    display: inline-block;
    border-style: outset;
    border-width: 0px;
    border-radius: 10px;
    font-size: small;
    width: 150px;
    height: 45px;
    background-color: #f47920;
    color: #fceee3;
    font-weight: normal;
    text-align: center;
    white-space: normal;
}

    .btnmobpakakonf:hover {
        background-color: #fceee3;
        color: #f47920;
        cursor: pointer;
    }

.btnmobpakahrd {
    text-decoration: none;
    display: inline-block;
    border-style: outset;
    border-width: 0px;
    border-radius: 10px;
    font-size: small;
    width: 150px;
    height: 45px;
    background-color: #0060af;
    color: #fceee3;
    font-weight: normal;
    text-align: center;
    white-space: normal;
}

    .btnmobpakahrd:hover {
        background-color: #fceee3;
        color: #0060af;
        cursor: pointer;
    }

.btnTuliPesa {
    border-radius: 7px 7px 7px 7px;
    border-color: #d2edef;
    border-style:solid;
    width: 70%;
    height: 32px;
    line-height: 23px;
    background-color: #d2edef;
    color: #00969f;
    font-weight: 400;
    font-size: 14px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}

    .btnTuliPesa:hover {
        background-color: #00969f;
        border-color: #00969f;
        color: #d2edef;
        cursor: pointer;
    }

.conYoutube {
    position: relative;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    overflow: hidden;
    max-width: 100%;
}

.conYouTubeKome {
    position: relative;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    overflow: hidden;
    max-width: 100%;
    margin-bottom: -20px;
}

.conYoutubeTili {
    position: relative;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    overflow: hidden;
    max-width: 100%;
}

.ddlekoStat {
    border-style: none;
    background-color: #d0e8eb;
    background-repeat: no-repeat;
    color: #016e7e;
    padding: 0px 1px 0px 3px;
    font-size: small;
    font-family: Verdana;
    border-radius: 3px 0px 0px 3px;
    margin: 0px 0px 0px 1px;
    line-height: 24px;
    height: 24px;
}

.dgrPesaUmum {
    font-size: x-small;
    /*border-style: solid;
    border-width: 1px;
    border-color: grey;*/
    border-radius: 3px;
    margin-top: 3px;
    width: 400px;
}

.dgrekoMain {
    font-size: x-small;
    font-family: Verdana;
    /*border-style: solid;
    border-width: 1px;
    border-color: grey;*/
    border-radius: 3px;
    margin-top: 0px;
    width: 100%;
}

.dgrekoMainAlter {
    color: #333333;
    background-color: #edf5f9;
}

    .dgrekoMainAlter:hover {
        background-color: #d3e3ed;
        /*color: #ccdee9;*/
    }

.dgrekoMainItem {
    font-size: x-small;
    font-family: Verdana;
    color: #333333;
    background-color: white;
    /*height: 22px;*/
}

    .dgrekoMainItem:hover {
        background-color: #d3e3ed;
        /*color: #ccdee9;*/
    }

.fileuploeko {
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    /*border-style: outset;*/
    border-width: 2px 2px 2px 2px;
    border-color: #008378;
    /*text-align: center;*/
    font-family: Verdana;
    /*font-size: x-small;*/
    height: 23px;
    width: 150px;
    background-color: #008378;
    color: #c9e5e3;
    /*border-radius: 10px;*/
    /*top: -1px;*/
    padding: 1px 0px 0px 0px;
}

    .fileuploeko:hover {
        background-color: #c9e5e3;
        color: #008378;
        cursor: pointer;
    }

.griekomain {
    font-size: x-small;
    font-family: Verdana;
    border-radius: 3px;
    margin-top: 0px;
}

.griekoMainGrouDisc {
    font-family: Verdana;
    border-radius: 3px;
    margin-top: 3px;
    width: 100%;
}

.griekomainhead {
    text-decoration: none;
    -moz-text-decoration-line: none;
    text-align: left;
    font-size: small;
    font-family: Verdana;
    font-weight:400;
    color: white;
    background-color: #005185;
    height: 25px;
    border-radius: 3px;
}

.griekomainItem {
    font-size: x-small;
    font-family: Verdana;
    color: #333333;
    background-color: white;
    height: 22px;
    width:100%;
}

    .griekomainItem:hover {
        background-color: #9fc5dd;
        color: #c9deeb;
    }

.griekomainalter {
    font-size: x-small;
    font-family: Verdana;
    color: #333333;
    background-color: #edf5f9;
    height: 22px;
}

    .griekomainalter:hover {
        background-color: #9fc5dd;
        color: #c9deeb;
    }

.hypekoatasmenu {
    height: 24px;    
    Width: 10%;
    margin: 0px 5% 0px 5%;
}

.ifrtabmob {
    position: absolute;
    left: 0px;
    top: 24px;
    width: 400px;
    height: 94%;
    border: none;
    overflow-x: hidden;
    overflow-Y: hidden;
}

.ifrekochat {
    border: none;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    width: 100%;
    height: 66%;
    stop-color: transparent;
    overflow: hidden;
    z-index: 0;
    /*position: absolute;
    left: 0px;
    top: 0px;*/
}

.ifrekostory {
    /*position: absolute;
    left: 0px;
    top: 24px;*/
    width: 99%;
    height: 108px; /*108px;*/
    border: none;
    stop-color: transparent;
}

.ifrekotili {
    border: none;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    width: 100%;
    height: 100%;
    stop-color: transparent;
    overflow: hidden;
    z-index: 0;
    position: absolute;
    left: 0px;
    top: 58px;
}

.ifryoutube {
    position:absolute;
    top: 0;
    left: 0;
    width: 99%;
    height: 100%;
    border-radius: 10px 10px 10px 10px;
}

.ifryoutubekome {
    /*position: fixed;*/
    top: 0;
    left: 0;
    width: 80%;
    height: 80%;
    border-radius: 10px 10px 10px 10px;
}

.imbekoatasmenu{
    height: 24px;
    width: 30px;
    margin: 0px 5% 0px 5%;
}

.imbekoStorIkon {
    width: 40px;
    border-radius: 20px 20px 20px 20px;
    margin: 0px 14px 0px 0px;
}

.imbekoCovePhot {
    width: 360px;
    border-radius: 20px 20px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.imgekoatasmenu {
    height: 24px;
    /*Width: 10%;*/
}

.imgekoCoveNorm {
    width: 100%;
    border-radius: 20px 20px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.imgTuliPesa {
    margin: 0px 0px -3px 0px;
    border-radius: 10px 10px 10px 10px;
    width: 90%;
    transition:transform 0.25s ease;
}

    .imgTuliPesa:focus {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.15);
        transform: scale(1.5);
    }

.imgekoprof {
    margin: 0px 0px 0px 0px;
    border-radius: 10px 10px 10px 10px;
}

.imgekoTili {
    margin: 0px 0px 0px 0px;
    border-radius: 10px 10px 10px 10px;
    width: 90%;
    transition: transform 0.25s ease;
}

    /*.imgekoTili:hover {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.15);
        transform: scale(1.5);
    }*/

.imgekoTiliKome {
    margin: 0px 0px 0px 0px;
    border-radius: 10px 10px 10px 10px;
    width: 90%;
    transition: transform 0.25s ease;
}

.imgProf {
    width:20px;
    margin: 0px 0px -6px 0px;
}

.imfekoProfNorm {
    width: 50px;
    margin: -24px 0px 0px 0px;
    border-radius: 24px 24px 12px 12px;
    border: 3px solid #edf3f8;
}

.lblekoanno {
    font-size: small;
    font-family: Verdana;
    color: #005185;
    /*padding-left: 10px;*/
}

.lblekoLeve01 {
    font-size: 16px;
    line-height: 22px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #333333;
}

.lblekoLeve02 {
    font-size: 14px;
    line-height: 20px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #333333;
}

.lblekoLeve02Sub1 {
    display:inline-table;
    font-size: 14px;
    line-height: 18px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 38px;
    color: #333333;
    white-space:normal;
}

.lblekoLeve02Sub2 {
    display: inline-table;
    font-size: 14px;
    line-height: 16px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 50px;
    color: #333333;
    white-space: normal;
}

.lblekoLeve03 {
    font-size: 12px;
    line-height: 18px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #333333;
}

.lblekoLeve04 {
    font-size: 10px;
    line-height: 16px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #333333;
}

.lblekoChatLawa {
    font-size: 14px;
    line-height: 24px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-radius: 7px 7px 7px 7px;
    border: 3px whitesmoke solid;
    background-color:whitesmoke;
    color: #333333;
}

.txtekoLeve01 {
    font-size: 16px;
    line-height: 32px;
    margin: 0px 0px 0px 3px;
    color: #333333;
    padding: 1px 3px 3px 3px;
    font-family: Verdana;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-width: 1px;
    border-color: #3182b6;
    border-image: none;
    background-color: transparent;
}

.txtekoLeve02 {
    font-size: 14px;
    line-height: 20px;
    margin: 0px 0px 0px 3px;
    color: #333333;
    padding: 1px 3px 3px 3px;
    font-family: Verdana;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-width: 1px;
    border-color: #3182b6;
    border-image: none;
    background-color: transparent;
}

.txtekoLeve03 {
    font-size: 12px;
    line-height: 18px;
    margin: 0px 0px 0px 3px;
    color: #333333;
    padding: 1px 3px 3px 3px;
    font-family: Verdana;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-width: 1px;
    border-color: #3182b6;
    border-image: none;
    background-color: transparent;
}

.txtekoLeve04 {
    font-size: 10px;
    line-height: 16px;
    margin: 0px 0px 0px 3px;
    color: #333333;
    padding: 1px 3px 3px 3px;
    font-family: Verdana;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-width: 1px;
    border-color: #3182b6;
    border-image: none;
    background-color: transparent;
}

.txtekoChatLeft {
    font-size: 10px;
    line-height: 22px;
    margin: 0px 0px 0px 3px;
    color: #c9d0e7;
    padding: 1px 3px 3px 3px;
    font-family: Verdana;
    border-radius: 6px 6px 6px 6px;
    border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-width: 1px;
    border-color: #2d479d;
    border-image: none;
    background-color: #2d479d;
}

.txtekoTiliSuka {
    font-size: 10px;
    line-height: 16px;
    margin: 0px 0px 0px 3px;
    color: #bcdbdf;
    padding: 1px 3px 3px 3px;
    font-family: Verdana;
    border-radius: 6px 6px 6px 6px;
    border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-width: 1px;
    border-color: #005461;
    border-image: none;
    background-color: #005461;
}

.txtekoTiliJuml {
    font-size: 10px;
    line-height: 16px;
    margin: 0px 0px 0px 3px;
    color: whitesmoke;
    padding: 1px 3px 3px 3px;
    font-family: Verdana;
    border-radius: 6px 6px 6px 6px;
    border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-width: 1px;
    border-color: red;
    border-image: none;
    background-color: red;
}

.lblekoPesaUtas {
    font-size: 14px;
    line-height: 18px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #333333;
}

.lblekoStan {
    border: 1px solid #cddeec;
    display: inline-block;
    padding: 0px 0px 0px 5px;
    font-size: small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 23px;
    width: 100%;
    color: #015083;
    text-align: left;
    background-color: #cddeec;
    border-radius: 3px;
}

.lblekoStanProf {
    border: 1px solid #bae3f4;
    display: inline-block;
    padding: 0px 0px 0px 5px;
    font-size: small;
    font-weight: 400;
    font-family: Verdana;
    line-height: 23px;
    width: 98%;
    color: #015184;
    text-align: left;
    background-color: #dceff7;
    border-radius: 3px;
}

.lblekonmainerroab {
    font-size: small;
    font-family: Verdana;
    color: #bf2459;
    background-color: #f7edf1;
    width: 96%;
    border: solid;
    border-radius: 3px 3px 3px 3px;
    border-color: #f7edf1;
    border-width: 3px;
    display: block;
    margin: 3px 1px 3px 1px;
}

.lblekoMainErro {
    font-size: small;
    font-family: Verdana;
    color: red;
    margin: 7px 0px 7px 7px;
    /*background-color:red;*/
    width:100%;
    /*border:solid;
    border-radius: 7px 7px 7px 7px;*/
    /*border:thick;*/
    /*padding: 10px 10px 10px 10px;*/
}

.lblekoNoti {
    font-size: 12px;
    font-family: Verdana;
    color: #d6e4ee;
    background-color: #004274;
    width: 100%;
    border: solid;
    border-radius: 7px 7px 7px 7px;
    border-color: #004274;
    border-width: 5px;
    display: block;
    text-align: center;
}

.libekofrie {
    text-decoration: none;
    display: inline-block;
    align-items: center;
    vertical-align: central;
    /*line-height: 21px;*/
    border-style:solid;
    border-width: 2px 2px 0px 2px;
    border-color: #01968B;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 32px;
    width: 100px;
    background-color: #01968B;
    color: #dbfcfa;
    border-radius: 7px;
    padding: 2px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

    .libekofrie:hover {
        background-color: #dbfcfa;
        color: #01968B;
        border-color: #dbfcfa;
        cursor: pointer;
    }

.libekokemb {
    text-decoration: none;
    display: inline-block;
    align-items: center;
    vertical-align: central;
    /*line-height: 21px;*/
    border-style:solid;
    border-width: 2px 2px 0px 2px;
    border-color: #761E14;
    text-align: center;
    font-family: Verdana;
    font-size: x-small;
    height: 32px;
    width: 100px;
    background-color: #761E14;
    color: #ECD8D7;
    border-radius: 7px;
    padding: 2px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

    .libekokemb:hover {
        background-color: #ECD8D7;
        color: #761E14;
        border-color: #ECD8D7;
        cursor: pointer;
    }

.libekoLeve01 {
    font-size: 16px;
    line-height: 32px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #333333;
}

.libekoLeve02 {
    font-size: 14px;
    line-height: 24px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    /*color: #333333;*/
    color: #000000;
    text-decoration: none;
}

.libekoLeve03 {
    font-size: 12px;
    line-height: 22px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #000000;
    text-decoration: none;
}

.libekoLeve04 {
    font-size: 10px;
    line-height: 22px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #333333;
}

.pnlmobmain {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 100%;
    height: 700px;
    font-family: Verdana;
}

.pnlMenuMobTab {
    position: absolute;
    top: 0px;
    left: 8px;
    height: 22px;
    width: 1366px;
    font-family: Verdana;
}

.pnlMainEko {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    font-family: Verdana;
}

.pnlEditShowEko {
    position: absolute;
    left: 2px;
    top: 6px;
    width: 100%;
    height: 100%;
    font-family: Verdana;
    border-radius: 7px 7px 7px 7px;
}

.pnlekoEditShow {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    font-family: Verdana;
    /*border-radius: 7px 7px 7px 7px;*/
}

.pnlEditKomeEko {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    /*height: 100%;*/
    font-family: Verdana;
    border-radius: 7px 7px 7px 7px;
}

.pnlEditFixedEko {
    position: fixed;
    left: 50%;
    top: 50%;
    /*width: 400px;
    height: 500px;*/
    font-family: Verdana;
    border-radius: 7px 7px 7px 7px;
    transform: translate(-50%, -50%);
}

.pnlekoEditFixedShow {
    position: fixed;
    left: 50%;
    top: 74%;
    width:98%;
    height:782px;
    /*width: 400px;
    height: 500px;*/
    font-family: Verdana;
    border-radius: 7px 7px 7px 7px;
    transform: translate(-50%, -50%);
}

.pnlekoEditGrou {
    position: fixed;
    left: 50%;
    top: 50%;
    font-family: Verdana;
    border-radius: 7px 7px 7px 7px;
    transform: translate(-50%, -50%);
}

.pnlEditFlexEko {
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100vh;
}

.pnlekoAnnoShow {
    position: absolute;
    left: 1px;
    top: 10px;
    width: 100%;
    height: 400px;
    font-family: Verdana;
    border-radius: 7px 7px 7px 7px;
    z-index:150;
}

.pnlEkoErroShow {
    position: fixed;
    left: 1%;
    top: 1%;
    width:340px;
    /*height:400px;*/
    font-family: Verdana;
    display: block;
    background-color: #efd6de;
    border: solid;
    border-color: #efd6de;
    border-radius: 7px 7px 7px 7px;
    padding: 1px 0px 1px 0px;
    z-index: 1000;
}

.pnlEkoNotiShow {
    position: absolute;
    right: 20px;
    top: 5px;
    width:92%;
    /*width: 1000px;
    height: 400px;*/
    font-family: Verdana;
    border-radius: 7px 7px 7px 7px;
    z-index:100;
}

.pnlekoChatBott {
    position: fixed;
    bottom: 20px;
    z-index: 99;
    height:88%;
}

.pnlekoChatInsi {
    /*position: fixed;*/
    /*bottom: 0px;*/
    /*z-index: 99;*/
    height: 88%;
}

.pnlekoChatHead {
    position: fixed;
    bottom: 0px;
    z-index: 99;
    height: 88%;
}

.tabmoblead {
    font-size: small;
    border-spacing: 1px;
    width: 700px;
    border: 0;
}

.tabEditEko {
    border-spacing: 1px;
    width: 100%;
    /*border-style:solid;*/
    border: 2px solid #cbddeb;
    background-color: #edf3f8;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    padding: 10px;
}

.tabekoEditInsi {
    border-spacing: 1px;
    width: 370px;
    border: 1px solid #c8dbeb;
    background-color: #eaf1f6;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding: 5px;
}

/*Edit Pesan pada Chatting*/
.tabekoEditPesa {
    border-spacing: 1px;
    width: 370px;
    border: 1px solid #c8dbeb;
    background-color: #eaf1f6;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding: 5px;
}

.pnlekoEditPesa{
    position:fixed;
    bottom:0px;
    left:0px;
    width:100%;
}

.tabekoProfLeve2 {
    border-spacing: 1px;
    width: 100%;
    border: 1px solid #c8dbeb;
    background-color: #eaf1f6;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding: 5px;
}

.tabGridInsi {
    border-spacing: 0px;
    width: 100%;
    border: 1px none #c8dbeb;
    background-color: #eaf1f6;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 0px;
    padding: 0px;
}

.tabekoanno {
    border-spacing: 1px;
    width: 100%;
    border: 2px solid #e5c5d2;
    background-color: #f7edf1;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    padding: 10px;
}

.tabekogridinsi {
    border-spacing: 0px;
    width: 100%;
    border: 1px none #c8dbeb;
    background-color: #eaf1f6;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 0px;
    padding: 0px;
    margin: 0px 0px 3px 0px;
}

.tabekonoti {
    border-spacing: 1px;
    width: 100%;
    border: 0px;
    background-color: transparent;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
}

.tabekoTran {
    border-spacing: 0px;
    width: 100%;
    border: 1px none #c8dbeb;
    background-color: transparent;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 3px;
    /*padding: 5px;*/
}

.tabTuliPesa {
    border-spacing: 1px;
    width: 100%;
    /*border-style:solid;*/
    border: 2px solid #cbddeb;
    background-color: #edf3f8;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px 0px 0px 0px;
    padding: 3px;
}

.tabTili {
    border-spacing: 1px;
    width: 380px;
    /*border-style:solid;*/
    border: 2px none #cbddeb;
    background-color: #edf3f8;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    padding: 10px;
}

.tabProfile {
    border-spacing: 1px;
    width: 100%;
    /*border-style:solid;*/
    border: 2px solid #cbddeb;
    background-color: #edf3f8;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    padding: 10px;
}

.txtMsgEko {
    display: inline-block;
    /*border: 1px solid #3182b6;*/
    position: relative;
    font-size: 14px;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    line-height: 23px;
    height: 50px;
    width: 98%;
    border-radius: 3px 3px 3px 3px;
    border-color: transparent;
    background-color: transparent;
    color: #0b3149;
    top: 0px;
    left: 0px;
}

.txtekoUtas {
    display: inline-block;
    border: 1px solid #3182b6;
    position: relative;
    font-size: 14px;
    font-family: Verdana;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    line-height: 18px;
    height: 50px;
    width: 98%;
    border-radius: 3px 3px 3px 3px;
    border-color: #a9dfe2;
    background-color: transparent;
    color: #0b3149;
    /*top: 0px;
    left: 0px;*/
}

.txtekoProf {
    display: inline-block;
    border: 1px solid #cddeec;
    position: relative;
    font-size: 12px;
    font-family: Verdana;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 0px 0px;
    line-height: 23px;
    height: 23px;
    width: 98%;
    border-radius: 3px 3px 3px 3px;
    background-color: transparent;
    color: #0b3149;
    top: 0px;
    left: 0px;
}

/*Setting LINIMASA*/

.ekotiliLevea {
    background-color: #005461;
}

.ekotiliLeveb {
    background-color: #2f8795;
}

.ekotiliLevec {
    background-color: #74b3bc;
}

.ekotiliLeve01 {
    background-color: #bcdbdf;
}

.ekotiliLeve02 {
    background-color: #d6e9eb;
}

.ekotiliLeve03 {
    background-color: #e4f1f2;
}

.ekotiliLeve04 {
    background-color: #f6fbfb;
}

.radekoLeve01 {
    font-size: 16px;
    line-height: 32px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #333333;
    vertical-align: middle;
}

.radekoLeve02 {
    font-size: 14px;
    line-height: 30px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #333333;
    vertical-align: middle;
}

.radekoLeve03 {
    font-size: 12px;
    line-height: 28px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #333333;
    vertical-align: middle;
}

.radekoLeve04 {
    font-size: 10px;
    line-height: 26px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #333333;
    vertical-align: middle;
}

.ekoTiliPhotProfDiv { /*Div pada Photo Profile di Linimasa*/
    float: left;
    height: 50px;
    width: 50px;
    margin-top: 3px;
    text-align:center;
}

.ekoTiliProfTextDiv {
    float: left;
    margin-top: 3px;
}

.ifrekoTiliInsi{
    width:100%;
    height:100%;
    border-radius:7px;
}
.pnlekoTiliInsi {
    width: 100%;
    height: 240px;
}

.hypekoTiliUrl {
    /*float: right;*/
    text-decoration: none;
    background-color: #74b3bc;
    display: inline-block;
    height: 21px;
    border-radius: 7px;
    width: 100px;
    /*vertical-align: central;*/
    padding-top: 8px;
    padding-bottom:1px;
    color: #f6fbfb;
    font-size: 12px;
    font-family: Verdana;
    margin: 0px 0px 0px 0px;
}

/*.hypekoTiliUrl {
    background-color: transparent;
    color: #01635b;
    cursor: pointer;
}*/

.btnekoTiliUrl {
    text-decoration: none;
    display: inline-block;
    /*line-height: 21px;*/
    border-style: none;
    border-width: 2px 2px 2px 2px;
    border-color: #74b3bc;
    background-color: #74b3bc;
    color: #f6fbfb;
    border-radius: 7px;
    text-align: center;
    font-family: Verdana;
    font-size: 12px;
    height: 30px;
    width: 100px;
    padding: 0px 0px 0px 0px;
}

    .btnekoTiliUrl:hover {
        background-color: transparent;
        border-color:transparent;
        color: #01635b;
        cursor: pointer;
    }

    .btnekoTiliUrl:checked {
        background-color: transparent;
        border-color: transparent;
        color: #01635b;
        cursor: pointer;
    }

.btnekoTiliUrlPili {
    background-color: transparent;
    border-color: transparent;
    color: #01635b;
    cursor: pointer;
}

    /*KOMENTAR*/


.btnekomenutema {
    text-decoration: none;
    display: inline-block;
    line-height: 18px;
    border-style: outset;
    border-width: 0px;
    border-radius: 10px 0px 0px 10px;
    margin: 2px 0px 2px 0px;
    text-align: left;
    font-family: Verdana;
    font-size: small;
    height: 32px;
    width: 99%;
    background-color: #d2f0f4;
    color: #0093a8;
    font-weight: normal;
    padding: 0px 0px 0px 10px;
}

    .btnekomenutema:hover {
        background-color: #0093a8;
        color: #d2f0f4;
        cursor: pointer;
        animation: fadein 1s;
        -webkit-animation: fadein 1s;
    }

.btnekomenukemb {
    text-decoration: none;
    display: inline-block;
    line-height: 18px;
    border-style: outset;
    border-width: 0px;
    border-radius: 10px 0px 0px 10px;
    margin: 2px 0px 2px 0px;
    text-align: left;
    font-family: Verdana;
    font-size: small;
    height: 32px;
    width: 99%;
    background-color: #761d15;
    color: #ecd9d7;
    font-weight: normal;
    padding: 0px 0px 0px 10px;
}

    .btnekomenukemb:hover {
        background-color: #ecd9d7;
        color: #761d15;
        cursor: pointer;
        animation: fadein 1s;
        -webkit-animation: fadein 1s;
    }

.tabekokomen {
    border-spacing: 0px;
    width: 100%;
    border: 2px none #cbddeb;
    background-color: whitesmoke;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    padding: 10px;
}

.ekoKomePhotProfDiv { /*Div pada Photo Profile di Linimasa*/
    float: left;
    height: 40px;
    width: 40px;
    margin-top: 3px;
    text-align: center;
}

.ekoGridInde {
    font-size: 20px;
    line-height: 22px;
    color: #2d479d;
    font-family: Verdana;
    /*border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;*/
    /*border-radius: 6px 6px 6px 6px;
    border-width: 0px;
    border-color: #2d479d;
    border-image: none;
    background-color: #2d479d;*/
}

/*PENGATURAN ZOOM IMAGE*/
.click-zoom input[type=checkbox] {
    display: none
}

.click-zoom img {
    /*margin: 100px;*/
    transition: transform 0.25s ease;
    /*transition: width 0.25s ease;*/
    cursor: zoom-in
}

.click-zoom input[type=checkbox]:checked ~ img {
    transform: scale(2);
    left: 0;
    margin-left: 40%;
    /*width: 200%;*/
    cursor: zoom-out
}

/*PENGATURAN ZOOM IMAGE COMIC*/
.click-zoomComi input[type=checkbox] {
    display: none
}

.click-zoomComi img {
    /*margin: 100px;*/
    transition: transform 1s ease;
    /*transition: width 0.25s ease;*/
    cursor: zoom-in
}

.click-zoomComi input[type=checkbox]:checked ~ img {
    transform: scale(1.5);
    /*top: 0;*/
    left: 0;
    margin-left: 24%;
    margin-top: 24%;
    /*width: 200%;*/
    cursor: zoom-out
}

.imgfileUplo {
    width: 24px;
    height: 24px;
    margin-bottom: -7px;
}