/* Making mobile divs unvisible for Desktop ->> Search, Icons, Logout, eDevlet, Temporarily User Name on Home Screen */
.searchMobile,
.icoMobile,
.mobileLogout,
#eDevletMobile,
.temp-user-name,
.userInfoMobile,
#logout-sm,
.home-sm {
    display: none;
}
#header #logo img{display:none;}
#header #logo2 img{display:block;}
/* Making mobile divs unvisible for Desktop ->> Search, Icons, Logout, eDevlet, Temporarily User Name on Home Screen */
#header #logo2 {             
                margin-left:20px;
                margin-top:5px;
            }
html {
    -webkit-text-size-adjust: 100%;
    /* Prevent font scaling in landscape while allowing user zoom */
}

body.type-frame2 {
    margin-top: 0px;
}

.loadingMobile {
    display: none;
}

#frame_content {
    width: 1px !important;
    min-width: 100% !important;
}

#modal_content {
    width: 1px !important;
    min-width: 100% !important;
}


@media only screen and (min-device-width: 650px) and (max-device-width: 1023px) and (orientation:portrait) {
    #wrapper {
        width: 100% !important;
    }

    .iban_kopyala {
        display: block;
    }
}

@media only screen and (max-width: 650px) {
    #wrapper {
        width: 650px !important;
    }

        #wrapper.ResponsivePage {
            width: 100% !important;
        }

    .iban_kopyala {
        display: block;
    }
    #modal-dialog-content {
        width: calc(100%) !important;
    }
}


@media only screen and (max-width: 768px) {

    #header #logo img{display:block;}
    #header #logo2 img{display:none;}
    .ResponsivePage {
        width: 100% !important;
    }

    .user-login-stats {
        clear: both;
        float: left;
        color: #f5dedc;
        font-size: 11px;
        padding-left: 70px;
        margin-top: -40px;
        margin-bottom: 10px;
        width: calc(100% - 120px);
        text-align: left;
    }

    #wrapper {
        width: 100%;
    }

    .user-login-info {
        float: left;
        width: calc(100% - 110px);
    }
    /* Home Button Responsive Menü*/

    .toolbar-link-container .link-red a {
        height: 15px !important;
        line-height: 14px !important;
    }

    .imgStyle {
        margin-left: 0;
    }

    .loadingMobile {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 10000;
        background: #000000 url(../../_img/loadingMobile.gif) no-repeat center center;
        background-size: 48px 48px;
        opacity: .7;
    }

    #right-content {
        width: 100%;
    }


    body {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 0px;
    }

    #right-content #rcc {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1024px !important;
    }

    #right-content #rct-a-content {
        float: left;
        width: 100%;
    }

    #right-content {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    /* Making desktop divs unvisible for Mobile*/

    #header .anasayfaLink,
    #header #helper-links,
    #EDevletConnection,
    .searchDesktop,
    #top-navigation,
    #DivAgenda,
    #DivProfileStatus,
    #DivEftTimeLimit {
        display: none;
    }

    img#SafeExit {
        display: none !important;
    }
    /* Making desktop divs unvisible for Mobile*/

    #content {
        width: 100%;
        padding: 0px;
        padding-top: 60px;
        background: #cccfd3;
        overflow: auto;
    }

    #right-content {
        float: left;
    }
    /* Header Area Starts*/

    #header {
        background: #fff; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(left, #fff , #fff); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(right, #fff, #fff); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(right, #fff, #fff); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to right, #fff , #fff); /* Standard syntax */
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 12;
    }

        #header #logo {
            position: relative;
            width: 100%;
            height: 57px;
            padding-top: 3px;
            text-align: center;
            top: 0;
            bottom: 0;
            left: 0;
        }

            #header #logo img {
                height: auto;
                margin-top: 5px;
                margin:0px auto;
            }
            

    .sirketsec {
        left: 100px !important;
        bottom: 11px;
        position: absolute;
    }

        .sirketsec .magic-custom-selectbox-container-wrapper {
            width: 210px !important;
            border-color: #e51937;
            border-width: 2px;
            margin-left: -12px;
            margin-top: 3px;
            padding-left: 0 !important;
        }

        .sirketsec .magic-custom-selectbox {
            width: 200px !important;
            top: 10px;
            margin: 0;
            background: #fff;
            border: solid 2px #e51937;
        }

            .sirketsec .magic-custom-selectbox .magic-custom-selectbox-content {
                background: none;
            }

            .sirketsec .magic-custom-selectbox .magic-custom-selectbox-click {
                background: #e51937 url(../../_img/btn/mobile-firm-down.png) no-repeat center center;
                background-size: 16px 16px;
            }

            .sirketsec .magic-custom-selectbox .magic-custom-selectbox-title a {
                color: #000;
            }

            .sirketsec .magic-custom-selectbox .magic-custom-selectbox-container a.list-item {
                display: block;
                padding: 8px 8px;
                overflow: hidden;
                color: #000;
                font-size: 12px;
            }

    #header #logout a {
        font-size: 13px;
        color: #ffffff;
        float: right;
        display: block;
        height: 60px;
        width: 44px;
        background: #ffffff;
    }

    #header #top-helpers {
        bottom: 0;
        right: 0;
        width: auto;
        display: none;
    }
    /* Header Area Ends*/
    /* Footer Area Starts*/

    #footer {
        position: fixed;
        display: none !important;
    }

    #footer-flash-container {
        width: 100%;
        padding-left: 0px;
        position: fixed;
        bottom: 0;
        background: #c0392b;
        border-top: 3px solid #f56759;
        color: #ffffff;
    }

        #footer-flash-container .time-left {
            position: absolute;
            background: url(../../_img/clockMobile.png) left center no-repeat;
            background-size: 16px 16px;
            left: 10px;
            top: 8px;
            width: 110px;
            height: 24px;
            text-align: left;
            color: #ffffff;
        }

            #footer-flash-container .time-left #count {
                color: #ffffff;
                font-size: 12px;
                display: inline-block;
                left: 25px;
                position: absolute;
                top: 6px;
            }

        #footer-flash-container .reset-timer {
            background: url(../../_img/mobileReset.png) left center no-repeat;
            background-size: 16px 16px;
            display: inline-block;
            padding: 0;
            position: absolute;
            width: 70px;
            text-align: left;
            left: 142px;
            top: 8px;
            height: 24px;
        }

            #footer-flash-container .reset-timer a {
                color: #ffffff;
                padding: 6px 0px 0px 25px;
                display: block;
            }

        #footer-flash-container .today-date {
            position: relative;
            float: right;
            width: 50%;
            top: 5px;
            right: 5px;
            font-size: 11px;
            color: #ffffff;
        }
    /* Footer Area Ends*/
    /* Search Box Area Starts*/

    .searchMobile {
        display: block;
        position: relative !important;
        float: left;
        right: 0;
        top: 0;
        width: 100%;
        background: #fafafa;
        height: 50px;
        z-index: 4000;
    }

        .searchMobile .search-box {
            width: 100%;
            float: left;
            background: transparent;
            /* border: solid 5px #e51937; */
            border-radius: 0;
            height: 50px;
            padding: 0;
            position: relative;
            margin: 0px 0 0 0px;
            z-index: 50;
        }

            .searchMobile .search-box:hover {
                opacity: .7;
            }

    #quick-search input.txt {
        border: 0px;
        font-size: 14px;
        /* font-weight: bold; */
        color: #b5b0b0;
        width: calc(100% - 70px);
        margin-top: 0px;
        float: left;
        -webkit-appearance: none;
        margin-left: 0px;
        font-family: Verdana, Geneva, sans-serif;
        height: 50px;
        padding-left: 10px;
        background: transparent;
    }

    #quick-search input.submit_btn {
        float: right;
        width: 18px;
        height: 18px;
        border-left: solid 0px #e51937;
        padding: 15px;
        padding-right: 0px;
        margin-top: 0px;
        margin-right: 10px;
    }

    #quick-search #quick-result-count {
        color: #c0392b !important;
    }

    .searchMobile .search-result {
        position: absolute !important;
        left: 0px !important;
        top: 50px !important;
        background-color: #fafafa !important;
        background-image: none !important;
        width: 100% !important;
        height: 300px !important;
        display: none;
        z-index: 400 !important;
        padding-top: 0 !important;
    }

    .searchMobile .search-result-scroll {
        margin-top: 0 !important;
        height: 100% !important;
        overflow-x: hidden;
        overflow-y: auto;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .searchMobile #quick-search-result a {
        display: block;
        padding: 15px 0px 15px 10px !important;
        font-size: 14px !important;
        color: #333 !important;
    }

    .searchMobile .activeSelection {
        background: #e2e2e2;
    }

    .searchMobile .has-result #quick-result-count {
        display: block;
        font-size: 14px !important;
        text-align: right;
        color: #c0392b !important;
        position: absolute;
        right: 5px;
        top: 13px !important;
        display: block;
    }
    /* Search Box Area Ends*/
    /* Icon Navigation Area Starts*/

    .icoMobile {
        position: relative;
        display: block;
        float: left;
        background: transparent;
        width: 100%;
        overflow: hidden;
    }

        .icoMobile span.ico {
            float: left;
            width: 25%;
            height: 70px;
            cursor: pointer;
        }

        .icoMobile > span > a {
            position: relative;
            width: 70px;
            height: 70px;
            margin-left: calc(50% - 35px);
        }

        .icoMobile #SpanKisisellestir {
            background: #d35400;
            display: none;
        }

        .icoMobile #Span1 {
            background: #ab2d20;
        }

        .icoMobile #Span2 {
            background: #e67e22;
        }

        .icoMobile #Span3 {
            background: #f39c12;
        }

        .icoMobile #SpanAgenda {
            background: #f1c40f;
        }

    #ico-navigation > span > a > img {
        position: relative;
    }
    /* Icon Navigation Area Ends*/
    /* Mobile Logout Area Starts */

    .mobileLogout {
        position: relative;
        display: block;
        float: left;
        margin-left: 0;
        height: 30px;
        padding: 10px 0;
        padding-left: 10px;
        opacity: 1 !important;
        width: 100%;
        text-align: left;
        background: #c0392b;
    }

        .mobileLogout a {
            font-family: 'segoe_uisemibold';
            font-size: 15px;
            color: #ffffff;
            cursor: pointer;
            line-height: 30px;
            padding-right: 10px;
        }

        .mobileLogout img {
            width: 24px;
            height: 24px;
            margin-top: 3px;
            margin-right: 25px;
            float: right;
        }
    /* Mobile Logout Area Ends */
    /* E-Devlet Area Starts*/

    #eDevletMobile {
        display: block;
        position: relative;
        float: left;
        width: 25%;
        /* left: 5px; */
        height: 70px;
        background: #c0392b;
        /* border-top: solid 1px #d2122e; */
        /* border-bottom: solid 1px #d2122e; */
        text-align: center;
        padding-right: 0;
    }

        #eDevletMobile a {
            /* color: #fff; */
            /* font-size: 17px; */
            /* font-weight: bold; */
            /* height: 50px; */
            /* line-height: 50px; */
            /* padding-left: 10px; */
            /* float: left; */
            position: absolute;
            width: 100%;
            height: 70px;
            margin-left: 0px;
            left: 0;
            top: 0;
        }

    img#EDevletbtn {
        /* float: right; */
        padding-top: 23px;
        /* padding-right: 6px; */
    }
    /* E-Devlet Area Ends*/
    /* User Information Area Starts*/

    .userInfoMobile {
        display: block;
        position: relative;
        cursor: pointer;
        width: calc(100% - 50px);
        padding-left: 0;
        margin-top: 0;
        padding-bottom: 0;
        float: left;
    }

    .user-login-info {
        float: left;
        width: calc(100% - 60px);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .user-avatar {
        float: left;
        border-radius: 100%;
        margin-top: 10px;
    }

    #user-avatar-photo {
        float: left;
        margin: 10px;
        border-radius: 100%;
    }

    .user-login-info span {
        display: none;
        margin: 10px;
    }

        .user-login-info span:first-child {
            display: block;
            color: #fff;
            font-size: 15px;
            font-weight: bold;
            margin-bottom: 4px;
            font-family: 'segoe_uisemibold';
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .userInfoMobile a {
        color: #f3f3f3;
        font-family: 'segoe_uisemibold';
        font-size: 11px;
    }

    .userInfoMobile .user-information-login-detail {
        width: auto;
    }

    .user-login-stats {
        clear: both;
        float: left;
        color: #f5dedc;
        font-size: 11px;
        padding-left: 70px;
        margin-top: -40px;
        margin-bottom: 10px;
        width: calc(100% - 70px);
        text-align: left;
    }

        .user-login-stats span {
            width: 100%;
            float: left;
            margin: 2px 0;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

    .temp-user-name {
        float: left;
        display: block;
        width: calc(100% - 10px);
        background: white;
        position: relative;
        left: -15px;
        top: 2px;
        padding: 10px;
        padding-left: 15px;
        font-size: 17px;
    }
    /* User Information Area Ends*/
    /* Username, edevlet, search, flash navigation, logout area Starts */

    #left-content {
        width: 100%;
        height: 100%;
        background: #c0392b; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(left,  #c0392b , #c0392b); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(right,  #c0392b , #c0392b); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(right,  #c0392b , #c0392b); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to right, #c0392b , #c0392b); /* Standard syntax */
        float: none;
        position: fixed;
        left: calc(-100% - 7px);
        top: 0;
        z-index: 12;
        border-bottom: solid 0px #ffffff;
        animation: menuAnimation1 .2s linear;
        -webkit-animation: menuAnimation1 .2s linear;
        -moz-animation: menuAnimation1 .2s linear;
        -o-animation: menuAnimation1 .2s linear;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    /* Username, edevlet, search, flash navigation, logout area Ends */
    /* Flash Navigation Area Starts*/

    #flash-navigation {
        position: relative;
        float: left;
        width: 100%;
    }

    .red .menu-container-lister-1 li a.selected,
    .blue .menu-container-lister-1 li a.selected,
    .menu-container-lister-1 li a.selected {
        color: #ffffff;
        border: none;
        background: #f7f7f7 !important;
        padding-left: 30px;
    }

    .red .menu-container.menu-container-0,
    .blue .menu-container.menu-container-0,
    .menu-container.menu-container-0 {
        background: #e23401;
    }

    .red .menu-container-lister-1 .menu-level-wrapper-1.selected .menu-link-1,
    .blue .menu-container-lister-1 .menu-level-wrapper-1.selected .menu-link-1,
    .menu-container-lister-1 .menu-level-wrapper-1.selected .menu-link-1 {
        color: #cd043a;
        border: none;
        font-size: 14px !important;
        padding: 9px 0 9px 10px;
    }

    .blue .menu-container.menu-container-0 {
        /* background:#0679c9; */
    }

    .blue .menu-container-lister-1 li a {
        color: #d1122f;
        font-size: 14px !important;
    }

        .blue .menu-container-lister-1 li a.selected {
            color: #fff;
            padding-left: 30px;
            background: #f7f7f7;
        }

    .blue .menu-container-lister-1 .menu-level-wrapper-1.selected .menu-link-1 {
        display: block;
        color: #cd043a;
        border: none;
        font-size: 14px !important;
        padding: 9px 0 9px 10px;
        background: transparent url(../../_img/menuArrowDown.png) 95% 17px no-repeat;
        background-size: 12px 12px;
    }

    .blue .menu-container-2 {
        /*border-left: 1px solid #52a8cb; border-right: 1px solid #52a8cb; border-bottom: 1px solid #52a8cb;*/
        background: #4CA4DF;
    }

    .blue .menu-container-lister-2 li a.selected {
        background: #f7f7f7;
        color: #fff;
        padding-left: 30px;
    }
    /* Flash Navigation Area Ends*/
    /* Opening Page Boxes Starts */
    .welcome-box {
        background: white;
        height: 405px;
        margin-right: 9px;
        position: relative;
        margin-bottom: 6px;
    }

    .welcome-box-item {
        position: relative;
        width: 100%;
    }
    /* Opening Page Boxes Ends */
    /* Page Titles and Descriptions Area Starts*/

    h1#menuTitle2,
    h1#menuTitle {
        color: #ffffff;
        font-size: 23px;
        font-weight: normal;
        margin: 5px 0px 7px 0px;
        margin-left:15px;
    }

    #right-content #rct,
    #right-content #rct-a {
        float: left;
        width: 100%;
        background: #c0392b; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(left, #c0392b, #c0392b); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(right, #c0392b, #c0392b); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(right, #c0392b, #c0392b); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to right, #c0392b, #c0392b); /* Standard syntax */
        height: auto;
        padding: 0px;
        text-indent: 0px !important;
        margin-bottom: 9px;
    }
    /* Page Titles and Descriptions Area Ends*/
    /* Animation Classes Starts Here*/

    .animatedElement {
        animation: menuAnimation1 linear .5s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards;
        -webkit-animation: menuAnimation1 linear .5s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: forwards;
        -moz-animation: menuAnimation1 linear .5s;
        -moz-animation-timing-function: ease-in-out;
        -o-animation: menuAnimation1 linear .5s;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: forwards;
    }

    .animatedElementRemove {
        animation: menuAnimation1Remove linear .5s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards;
        -webkit-animation: menuAnimation1Remove linear .5s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: forwards;
        -moz-animation: menuAnimation1Remove linear .5s;
        -moz-animation-timing-function: ease-in-out;
        -o-animation: menuAnimation1Remove linear .5s;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: forwards;
    }

    .animationDelay1 {
        animation-delay: .1s;
        -webkit-animation-delay: .1s;
        -moz-animation-delay: .1s;
        -o-animation-delay: .1s;
    }

    .animationDelay2 {
        animation-delay: .2s;
        -webkit-animation-delay: .2s;
        -moz-animation-delay: .2s;
        -o-animation-delay: .2s;
    }

    .animationDelay3 {
        animation-delay: .3s;
        -webkit-animation-delay: .3s;
        -moz-animation-delay: .3s;
        -o-animation-delay: .3s;
    }

    .animationDelay4 {
        animation-delay: .4s;
        -webkit-animation-delay: .4s;
        -moz-animation-delay: .4s;
        -o-animation-delay: .4s;
    }

    .linkOpacity {
        animation-name: linkOpacity;
        animation-timing-function: linear;
        animation-fill-mode: forwards;
        animation-duration: 0.4s;
        -webkit-animation-name: linkOpacity;
        -webkit-animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
        -webkit-animation-duration: 0.4s;
        -moz-animation-name: linkOpacity;
        -moz-animation-timing-function: linear;
        -moz-animation-duration: 0.4s;
        -o-animation-name: linkOpacity;
        -o-animation-timing-function: linear;
        -o-animation-fill-mode: forwards;
        -o-animation-duration: 0.4s;
    }
    /* Animation Classes Ends Here */
    /* Animation Keyframes Starts Here */

    @keyframes menuAnimation1 {
        from {
            width: 0%;
        }

        to {
            width: 100%;
        }
    }

    @-webkit-keyframes menuAnimation1 {
        from {
            width: 0%;
        }

        to {
            width: 100%;
        }
    }

    @-moz-keyframes menuAnimation1 {
        from {
            width: 0%;
        }

        to {
            width: 100%;
        }
    }

    @-o-keyframes menuAnimation1 {
        from {
            width: 0%;
        }

        to {
            width: 100%;
        }
    }

    @keyframes menuAnimation1Remove {
        from {
            width: 100%;
        }

        to {
            width: 0%;
        }
    }

    @-webkit-keyframes menuAnimation1Remove {
        from {
            width: 100%;
        }

        to {
            width: 0%;
        }
    }

    @-moz-keyframes menuAnimation1Remove {
        from {
            width: 100%;
        }

        to {
            width: 0%;
        }
    }

    @-o-keyframes menuAnimation1Remove {
        from {
            width: 100%;
        }

        to {
            width: 0%;
        }
    }

    @keyframes linkOpacity {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @-webkit-keyframes linkOpacity {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @-moz-keyframes linkOpacity {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @-o-keyframes linkOpacity {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }
    /* Animation Keyframes Ends Here */
    /* Logout Page Starts */

    #divChannelInternet {
        position: relative;
        width: 100%;
    }

    .baslik-d {
        width: 100%;
        height: auto;
    }

        .baslik-d #logo {
            top: 0;
            bottom: 0;
            left: 0;
            height: 47px;
            width: 152px;
            position: relative;
            margin: 15px auto;
            z-index: 10;
        }

    .logoutContent {
        width: 100%;
        padding: 0;
    }

        .logoutContent div.ust-d {
            height: auto;
            width: 100%;
            padding-top: 0px;
            margin: 0;
            text-align: center;
            padding-left: 0;
            padding-right: 0;
            padding-bottom: 0px;
        }

        .logoutContent .ust-dv3 {
            width: 100%;
        }

        .logoutContent .ust-d h3 {
            font-size: 13px;
            margin-bottom: 0;
        }

        .logoutContent .orta-d {
            background: #fff;
            width: 100%;
            min-height: 150px;
            padding-top: 0px;
        }

    #imgLogOffBanner {
        max-width: 100%;
        height: auto;
    }

    .logoutContent .ust-dv2 {
        width: 100%;
        text-align: left;
        font-size: 13px;
        height: auto;
        padding-right: 0px;
    }

    .logoutContent .buttons {
        position: relative;
        width: 100%;
        padding: 0;
        text-align: center;
        margin-top: 20px;
    }

        .logoutContent .buttons table {
            width: 100%;
        }

            .logoutContent .buttons table td {
                width: 50%;
            }

                .logoutContent .buttons table td:first-child {
                    text-align: right;
                }

                .logoutContent .buttons table td:last-child {
                    text-align: left;
                    padding-left: 5px;
                }
    /* Logout Page Ends */
    /* Media Queries for smaller than 768px devices ends here */
}

/* Mobile Navigation İcon*/
#navTrigger {
    display: none;
    background: white;
    box-shadow: none;
    border: none;
    color: #c0392b;
    float: left;
    width: 100px;
    padding: 15px 0px;
    font-size: 25px;
    text-align: center;
    border-bottom: solid 1px #d6464c;
    cursor: pointer;
}
/* Mobile Navigation İcon*/
@media only screen and (max-width: 768px) {
    /* Mobile Menu Icon Starts */
    .shadow {
        box-shadow: 0px 3px 10px -1.5px #5a5a5a;
        -webkit-box-shadow: 0px 3px 10px -1.5px #5a5a5a;
        -moz-box-shadow: 0px 3px 10px -1.5px #5a5a5a;
    }

    #navTrigger {
        display: block;
    }

    #navTrigger {
        background: transparent;
        box-shadow: none;
        border: none;
        color: #c0392b;
        float: left;
        margin-right: 0;
        width: 50px;
        height: 60px;
        font-size: 25px;
        text-align: center;
        cursor: pointer;
        border-right: 0;
        padding: 0px;
        z-index: 16;
        position: relative;
        left: 0;
    }

    img#mobileMenu {
        padding-top: 15px;
        padding-left: 0px;
        width: 36px;
        height: 36px;
    }
    /* Mobile Menu Icon Ends */

    /* Flash Navigation Starts Here*/
    .menu-container.menu-container-0,
    .red .menu-container.menu-container-0,
    .blue .menu-container.menu-container-0 {
        padding: 0;
    }

    .menu-container-top-0,
    .red .menu-container-top-0,
    .blue .menu-container-top-0 {
        display: none;
        padding: 5px 5px;
        margin: 0;
        border-bottom: solid 1px #ea8313;
    }

    .menu-container-lister-0,
    .red .menu-container-lister-0,
    .blue .menu-container-lister-0 {
        padding: 0;
    }

    .menu-container-lister-1 li,
    .red .menu-container-lister-1 li,
    .blue .menu-container-lister-1 li {
        padding: 0;
        padding-left: 0px;
        border-bottom: solid 1px #ec6659;
    }

        .menu-container-lister-1 li:last-child,
        .red .menu-container-lister-1 li:last-child,
        .blue .menu-container-lister-1 li:last-child {
            border-bottom: none;
        }

    .menu-container-lister-0 li a,
    .red .menu-container-lister-0 li a,
    .blue .menu-container-lister-0 li a {
        color: #ffffff;
        display: block;
        font-size: 14px !important;
        padding: 13px 0 13px 10px;
    }

    .menu-container-1,
    .red .menu-container-1,
    .blue .menu-container-1 {
        margin-top: 0px;
        width: 100%;
    }

    .menu-container-lister-1,
    .red .menu-container-lister-1,
    .blue .menu-container-lister-1 {
        padding: 2px 0px 0px 0px;
        width: 100%;
        background: #dc4e40;
    }

    li[level="0"],
    .red li[level="0"],
    .blue li[level="0"] {
        border-bottom: solid 1px #da3d2d;
        background: #c0392b; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(left, #c0392b , #c0392b); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(right, #c0392b, #c0392b); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(right, #c0392b, #c0392b); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to right, #c0392b , #c0392b); /* Standard syntax */
    }

    .red .menu-container-lister-1 li a,
    .blue .menu-container-lister-1 li a,
    .menu-container-lister-1 li a {
        color: #fff;
        font-size: 14px !important;
    }

    .menu-container-top-1,
    .menu-container-bot-1,
    .menu-container-bot-2,
    .menu-container-top-2 {
        display: none;
    }

    .menu-container-lister-0 .menu-level-wrapper-0.selected .menu-link-0,
    .red .menu-container-lister-0 .menu-level-wrapper-0.selected .menu-link-0,
    .blue .menu-container-lister-0 .menu-level-wrapper-0.selected .menu-link-0 {
        display: block;
        background: url(../../_img/menuArrowDown.png) 95% 17px no-repeat;
        background-size: 12px 12px;
    }

    .menu-container-lister-1 .menu-level-wrapper-1.selected .menu-link-1,
    .red .menu-container-lister-1 .menu-level-wrapper-1.selected .menu-link-1,
    .blue .menu-container-lister-1 .menu-level-wrapper-1.selected .menu-link-1 {
        background: transparent url(../../_img/menuArrowDown.png) 95% 17px no-repeat;
        background-size: 12px 12px;
        color: #fff;
        font-size: 14px !important;
        padding: 13px 0 13px 10px;
        border: none;
    }

    .menu-container-lister-1 .menu-level-wrapper-1 .menu-link-1,
    .menu-container-lister-2 .menu-level-wrapper-2 .menu-link-2,
    .red .menu-container-lister-1 .menu-level-wrapper-1 .menu-link-1,
    .red .menu-container-lister-2 .menu-level-wrapper-2 .menu-link-2,
    .blue .menu-container-lister-1 .menu-level-wrapper-1 .menu-link-1,
    .blue .menu-container-lister-2 .menu-level-wrapper-2 .menu-link-2 {
        /* background:none; */
    }

    ul.menu-container-lister-2,
    .red ul.menu-container-lister-2,
    .blue ul.menu-container-lister-2 {
        background: #ffffff;
    }

    li[level="2"],
    .red li[level="2"],
    .blue li[level="2"] {
        border-bottom: solid 1px #efefef;
    }

        li[level="2"] a,
        .red li[level="2"] a,
        .blue li[level="2"] a {
            padding-left: 30px;
            color: #dc4e40;
        }

    .menu-container-lister-0 li a,
    .red .menu-container-lister-0 li a,
    .blue .menu-container-lister-0 li a {
        background: url(../../_img/menuArrow.png) 95% 18px no-repeat;
        background-size: 12px 12px;
    }

    .menu-container-lister-1 li a.selected,
    .red .menu-container-lister-1 li a.selected,
    .blue .menu-container-lister-1 li a.selected {
        font-size: 15px !important;
        color: #dc4e40;
        padding: 13px 0 13px 10px;
        border: none;
        padding-left: 30px;
        border-bottom: solid 2px #dc4e40;
    }

    .menu-container-2,
    .red .menu-container-2,
    .blue .menu-container-2 {
        margin: 0px;
    }

    .menu-link-2 {
        background: none;
        background-size: 12px 12px !important;
    }
    /* Flash Navigation Ends Here*/
    /* Menu Transform Animations Start Here */

    .iconAnimationOpen {
        width: 30px !important;
        height: 30px !important;
        padding-top: 25px !important;
        animation: menuIconAnimation1 1s linear;
        animation-fill-mode: forwards;
        animation-timing-function: ease-in-out;
        -webkit-animation: menuIconAnimation1 1s linear;
        -webkit-animation-fill-mode: forwards;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation: menuIconAnimation1 1s linear;
        -moz-animation-timing-function: ease-in-out;
        -o-animation: menuIconAnimation1 1s linear;
        -o-animation-fill-mode: forwards;
        -o-animation-timing-function: ease-in-out;
    }

    .iconAnimationClose {
        animation: menuIconAnimation2 1s linear;
        animation-fill-mode: forwards;
        animation-timing-function: ease-in-out;
        -webkit-animation: menuIconAnimation2 1s linear;
        -webkit-animation-fill-mode: forwards;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation: menuIconAnimation2 1s linear;
        -moz-animation-timing-function: ease-in-out;
        -o-animation: menuIconAnimation2 1s linear;
        -o-animation-fill-mode: forwards;
        -o-animation-timing-function: ease-in-out;
    }
    /* Menu Transform Animations End Here */
    /* Media Queries for Smaller Than 768px devices End Here*/

    .logoutContent .orta-d .tarihsaat,
    .logoutContent .orta-d .islembilgisi {
        margin-left: 0px !important;
        margin-left: 0px !important;
        width: calc(50% - 20px);
        padding-left: 20px;
    }

    .logoutContent .alt-d {
        width: 100%;
    }

    #divWhenNoTransaction > h3 {
        text-align: center;
        padding: 10px 0px;
        /*padding-left: 20px;*/
        margin: 0;
        color: #4c4c4c;
        font-size: 12px;
    }

    #divWhenSomeTransactions > h3 {
        text-align: left;
        padding: 10px 0px;
        padding-left: 20px;
        text-decoration: underline;
        color: #FF5722;
        font-size: 15px;
        margin: 0px;
    }

    .avatar_placeholder_LogOff {
        width: auto;
    }

    #avatar_placeholder {
        width: 0;
    }

    .eDevlet-warning .parent-title {
        width: 100%;
    }

    .eDevlet-title {
        margin: 0 auto;
        background: #cccfd3;
        width: 100%;
        padding: 0;
        margin-left: 0px;
    }

    .eDevletContent {
        margin: 0 auto;
        background: #cccfd3;
        padding: 10px;
        width: 100%;
        padding: 0;
        margin-left: 0;
    }

        .eDevletContent .orta-d {
            background: #fff;
            min-height: 150px;
            padding-top: 20px;
            width: calc(100% - 20px);
            padding-left: 10px;
            padding-right: 10px;
            border-top: solid 1px #ffc3c3;
        }

    .modal-dialog-container .modal-dialog-close-link {
        border: 1px solid #c3c2c2;
        float:right !important;
    }

    .orta-d table {
        width: 100%;
    }

    .has-keyboard-alpha_r {
        width: 100px !important;
    }
}


@media only screen and (min-width: 321px) and (max-width: 620px) {

    .magic-custom-selectbox{width:calc(100% - 20px)!important}
     .magic-custom-selectbox .magic-custom-selectbox-container-wrapper{width:100% !important}
     .magic-custom-selectbox .magic-custom-selectbox-search input{width:calc(100% - 10px)!important}

        }

@media only screen and (max-width:480px){
    .special-scroll {
        overflow-x: scroll !important;
    }
}

@media only screen and (min-width: 321px) and (max-width: 768px) {
    /* Home Button Responsive Menü*/
    .home-sm {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 75px;
        min-height: 75px;
        background: #f78f1e url(../../_img/btn/home-sm.png) no-repeat;
        background-size: 30px 30px;
        background-position: center 15px;
        z-index: 12;
        cursor: pointer;
    }
        }
    
        

@media only screen and (min-width: 321px) and (max-width: 768px) {


        .home-sm span {
            position: absolute;
            width: 75px;
            bottom: 10px;
            color: #fff;
            text-align: center;
        }

    .userInfoMobile {
        display: block;
        position: relative;
        cursor: pointer;
        width: calc(100% - 125px);
        padding-left: 0;
        margin-top: 0;
        padding-bottom: 0;
        float: left;
    }
}

@media only screen and (min-width: 600px) and (max-width: 768px) {
    /* Logout Button Tablet */
    #logout-sm {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 100px;
        height: 60px;
        background: transparent;
        transition: all .3s linear;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        cursor: pointer;
        border-left: solid 1px #efefef;
        text-align: center;
    }

        #logout-sm:hover, #logout-sm:active, #logout-sm:focus {
            filter: grayscale(30%);
            -webkit-filter: grayscale(30%);
        }

        #logout-sm img {
            position: relative;
            width: 24px;
            height: 24px;
            margin-top: 10px;
        }

        #logout-sm span {
            position: absolute;
            bottom: 5px;
            left: 0;
            width: 100%;
            font-size: 12px;
            color: #fff;
        }

    /* Logout Button Tablet */


}

@media only screen and (min-width: 768px) {
    .greycont {width:100%; margin-left:0px !important; margin-right:0px; }
    .greycont-msg{width:100%;}
    /*.greycont-bot{width:100%;}*/
    }