.centered {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    z-index: 9997;
    /*visibility:hidden*/
}

.cepBtnText {
    -webkit-transition: opacity 800ms, visibility 800ms, margin 800ms;
    transition: opacity 800ms, visibility 800ms, margin 800ms;
    opacity: 0;
    visibility: hidden;
    width: 150px;
    margin-left: -200px;
    padding-top: 14px;
    text-align: center;
    color: #333333;
}

.cepBtnHover:hover .cepBtnBox {
    width: 200px;
}

.cepBtnHover:hover .cepBtnText {
    visibility: visible;
    opacity: 1;
    margin-left: 20px;
    text-align: left;
}

.cepBtnBox {
    background-position: right;
    height: 50px;
    width: 50px;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    transition: width 1s;
    border: solid 1px #333333;
    border-left: none;
}

.cepBtnUst {
    border-top-right-radius: 10px;
}

.cepBtnAlt {
    border-bottom-right-radius: 10px;
}

/*CEP ÝCONLAR*/

.urunKarsilastirIcon {
    background-image: url("NSResources.nsx?r=/files/Image/CepIcon/UrunKarsilastirma.png");
    background-repeat: no-repeat;
}


.isBasvuruIcon {
    background-image: url("NSResources.nsx?r=/files/Image/CepIcon/IsStajBasvuru.png");
    background-repeat: no-repeat;
}

.isOrtagiIcon {
    background-image: url("NSResources.nsx?r=/files/Image/CepIcon/IsOrtagi.png");
    background-repeat: no-repeat;
}

.demoIcon {
    background-image: url("NSResources.nsx?r=/files/Image/CepIcon/Demo.png");
    background-repeat: no-repeat;
}

.dokumanIcon {
    background-image: url("NSResources.nsx?r=/files/Image/CepIcon/Dokuman.png");
    background-repeat: no-repeat;
}

.fiyatListesiIcon {
    background-image: url("NSResources.nsx?r=/files/Image/CepIcon/FiyatListesi.png");
    background-repeat: no-repeat;
}

.ticketSistemiIcon {
    background-image: url("NSResources.nsx?r=/files/Image/CepIcon/Ticket.png");
    background-repeat: no-repeat;
}