/* unvisited link */
a {
    color: #3268b2;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: #3268b2;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #3268b2;
    text-decoration: none;
}

/* selected link */
a:active {
    color: #3268b2;
    text-decoration: none;
}

.alertBS {
    color: #666666;
    margin: 10px 30px 10px 30px;
    padding: 5px;
    font-size: 13px;
    font-style: italic;
    background-color: pink;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #939393;
    -webkit-box-shadow: 0px 10px 30px 2px rgba(182,184,187,1);
    -moz-box-shadow: 0px 10px 30px 2px rgba(182,184,187,1);
    box-shadow: 0px 10px 30px 2px rgba(182,184,187,1);
}


.iTanTextVerified
{
    color:green;
    font-weight:bold;
}
.iTanTextSend
{
    color:goldenrod;
    font-weight:bold;
}
.iTanTextNotVerified
{
    color:red;
    font-weight:bold;
}


.select-input {
    height: 27px;
}


.bottom-table-pagenation {
    float: left;
    width: 100%;
    margin-top: 10px;
}

    .bottom-table-pagenation a, .bottom-table-pagenation a:hover, .bottom-table-pagenation a:active {
        text-decoration: none;
        width: 20px;
        height: 20px;
        display: block;
    }

    .bottom-table-pagenation ul li {
        float: left;
        /*width: 20px;*/
        height: 20px;
        color: #777777;
        font-size: 12px;
        font-style: italic;
        cursor: pointer;
        line-height: 20px;
        text-align: center;
    }

        .bottom-table-pagenation ul li:first-of-type {
            background-image: url(/Public/img/bg-pagenation-first.png);
            background-position: center;
        }

        .bottom-table-pagenation ul li:last-of-type {
            background-image: url(/Public/img/bg-pagenation-last.png);
            background-position: center;
        }

.NoDataInfo {
    padding: 5px;
    font-size: 13px;
    font-style: italic;
    font-weight: 100;
}

.box-table-white {
    background-color: #FFFFFF;
    float: left;
    width: 100%;
    border: 1px solid #939393;
    -webkit-box-shadow: 0px 10px 30px 2px rgba(182,184,187,1);
    -moz-box-shadow: 0px 10px 30px 2px rgba(182,184,187,1);
    box-shadow: 0px 10px 30px 2px rgba(182,184,187,1);
    padding: 10px;
}

.paymentInfo {
    font-size: 14px;
    font-style: italic;
}

.amount-eur {
    float: right;
    white-space: nowrap;
    margin-right: 100px;
}
.eur-suma {
    width: 200px;
}
@media only screen and (min-width: 1260px) {
    .sub-navigation-filter {
        padding-left: 30px;
        padding-top: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
        background-color: rgb(223, 224, 225);
        line-height: 30px;
    }

    .headerDiv 
    {
        width: 100%;
        background-image: url('/Public/img/in-logo.png');
        background-repeat: no-repeat;
        background-position: 15px 20px;
        padding-left:220px;
    }

    header {
        float: left;
        display: block;
        width: 100%;
        border-bottom: 5px solid #d10a11;
        background-image: url('/Public/img/in-header-bg.png');
        background-repeat: repeat-x;
        background-position: left top;
    }
    
        header .profil-nav-left {
            float: left;
            display: inline-block;
            margin: 0;
            margin-left: 0px;
        }

    .line-profil {
        float: left;
        list-style: none;
        margin: 12px 0 0 0;
    }

        .line-profil li {
            float: left;
            display: inline-block;
            color: #000000;
            font-size: 11px;
            font-weight: 400;
            margin: 0 10px;
        }

            .line-profil li:first-of-type {
                margin: 0 0 0 12px;
            }

            .line-profil li:last-of-type {
                margin: 0 0 0 10px;
            }

            .line-profil li a,
            .line-profil li a:active,
            .line-profil li a:visited,
            .line-profil li a:link {
                display: inline-block;
                color: #3268b2;
                font-size: 11px;
                font-weight: 400;
                font-style: italic;
                text-transform: lowercase;
                text-decoration: none;
            }



                .line-profil li a:hover {
                    text-decoration: underline;
                }

    .profil-nav-left .top-menu {
        float: left;
        list-style: none;
        margin: 38px 0 0 10px;
    }

        .profil-nav-left .top-menu li {
            display: inline-block;
            float: left;
            height: 35px;
            font-size: 11px;
            font-weight: 400;
            line-height: 35px;
            padding: 0 10px;
            margin: 0 1px;
        }

            .profil-nav-left .top-menu li#home {
                background-image: url('/Public/img/in-icn-menu-top-home.png');
                background-repeat: no-repeat;
                background-position: -4px -8px;
            }

            .profil-nav-left .top-menu li#info {
                background-image: url('/Public/img/in-icn-menu-top-info.png');
                background-repeat: no-repeat;
                background-position: -4px -8px;
            }

            .profil-nav-left .top-menu li#iTan {
                background-image: url('/Public/img/in-icn-menu-top-itan.png');
                background-repeat: no-repeat;
                background-position: -4px -8px;
            }
    .profil-nav-right {
        margin: 38px 0 0 10px;
        float: right;
    }

        .profil-nav-right .top-menu {
            float: right;
            list-style: none;
        }

            .profil-nav-right .top-menu li {
                display: inline-block;
                float: left;
                height: 35px;
                font-size: 11px;
                font-weight: 400;
                line-height: 35px;
                padding: 0 10px;
                margin: 0 1px;
            }

                .profil-nav-right .top-menu li#info {
                    background-image: url('/Public/img/in-icn-menu-top-info.png');
                    background-repeat: no-repeat;
                    background-position: -4px -8px;
                }

                .profil-nav-right .top-menu li#settings {
                    background-image: url('/Public/img/in-icn-menu-top-settings.png');
                    background-repeat: no-repeat;
                    background-position: -4px -8px;
                }

                .profil-nav-left .top-menu li.tab:hover:last-of-type,
                .profil-nav-left .top-menu li.active:last-of-type,
                .profil-nav-right .top-menu li.tab:hover:last-of-type,
                .profil-nav-right .top-menu li.active:last-of-type {
                    border-right: 1px solid #dadbdd;
                }

                .profil-nav-left .top-menu li.tab:hover,
                .profil-nav-left .top-menu li.active,
                .profil-nav-right .top-menu li.tab:hover,
                .profil-nav-right .top-menu li.active {
                    border-left: 1px solid #dadbdd;
                    background-color: #ffffff;
                    margin: 0;
                    -webkit-border-top-left-radius: 5px;
                    -webkit-border-top-right-radius: 5px;
                    -moz-border-radius-topleft: 5px;
                    -moz-border-radius-topright: 5px;
                    border-top-left-radius: 5px;
                    border-top-right-radius: 5px;
                }

            .profil-nav-left .top-menu a,
            .profil-nav-left .top-menu a:link,
            .profil-nav-left .top-menu a:active,
            .profil-nav-left .top-menu a:visited,
            .profil-nav-right .top-menu a,
            .profil-nav-right .top-menu a:link,
            .profil-nav-right .top-menu a:active,
            .profil-nav-right .top-menu a:visited {
                color: #000000;
                text-indent: 30px;
            }

    header .profil-nav-right {
        position: relative;
        float: right;
        display: block;
        text-align: right;
    }

    .profil-nav-right .line-profil {
        float: left;
        list-style: none;
        margin: 12px 0 0 0;
    }

        .profil-nav-right .line-profil li {
            float: left;
            display: inline-block;
            color: #000000;
            font-size: 11px;
            font-weight: 400;
            text-transform: uppercase;
            margin: 0 10px;
        }

            .profil-nav-right .line-profil li:first-of-type {
                margin: 0 0 0 12px;
            }

            .profil-nav-right .line-profil li:last-of-type {
                margin: 0 0 0 10px;
            }

        .profil-nav-right .line-profil li,
        .profil-nav-right .line-profil li,
        .profil-nav-right .line-profil li,
        .profil-nav-right .line-profil li {
            display: inline-block;
            color: #3268b2;
            font-size: 11px;
            font-weight: 400;
            font-style: italic;
            text-transform: lowercase;
            text-decoration: none;
        }

    #exit {
        float: right;
        display: block;
        height: 35px;
        color: #000000;
        font-size: 11px;
        font-weight: 400;
        text-indent: 30px;
        text-decoration: none;
        line-height: 35px;
        padding: 0 10px;
        /* margin: 37px 21px 0 1px; */
        background-image: url('/Public/img/in-icn-menu-top-exit.png');
        background-repeat: no-repeat;
        background-position: -4px -8px;
    }

        #exit:hover {
            border-left: 1px solid #dadbdd;
            border-right: 1px solid #dadbdd;
            background-color: #ffffff;
            /* margin: 37px 20px 0 0; */
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

    .top-menu-lang {
        float: right;
        margin-top: 9px;
        margin-right: 20px;
        font-size: 13px;
        font-family: "Open Sans";
        font-weight: 600;
    }

    .langBg {
        color: #ed4c52 !important;
        text-decoration: none;
    }

    .langEn {
        color: #ed4c52 !important;
        text-decoration: none;
    }

    .main-content {
        float: left;
        display: block;
        width: 100%;
        height: 100%;
        min-height: 800px;
        background-color: #e4e6ea;
    }

        .main-content .main-left {
            float: left;
            width: 110px;
            height: 1345px;
            background-color: #fff;
            position: relative;
            z-index: 100;
        }

    .main-left .left-menu {
        float: left;
        list-style: none;
    }

        .main-left .left-menu li {
            display: block;
            width: 110px;
            height: 100px;
            line-height: 48px;
            border-bottom: 1px solid #a7080e;
            background-color: #d10a11;
            text-transform: uppercase;
        }

            .main-left .left-menu li:last-of-type {
                border-bottom: none;
                height: 110px;
            }

            .main-left .left-menu li span {
                padding-top: 60px;
                display: block;
                line-height: 14px;
            }


        .main-left .left-menu .sub-menu {
            visibility: hidden;
            margin-left: 110px;
            position: relative;
            z-index: 100;
            margin-top: -99px;
        }


        .main-left .left-menu li:hover .sub-menu {
            visibility: visible;
        }


        .main-left .left-menu li:hover:last-of-type .sub-menu {
            margin-top: -109px;
        }

        .main-left .left-menu .sub-menu li {
            background-color: #fff !important;
            width: 180px;
            height: 45px;
            border-bottom: 1px solid #dcd8d8 !important;
        }

            .main-left .left-menu .sub-menu li:hover {
                background-color: #f6cecf !important;
            }

            .main-left .left-menu .sub-menu li:first-of-type {
                background-image: url('/Public/img/bg-submenu-first-element.png');
                background-repeat: no-repeat;
            }

            .main-left .left-menu .sub-menu li a {
                width: 180px;
                height: 45px;
            }

                .main-left .left-menu .sub-menu li a span {
                    color: #000;
                    font-style: italic;
                    line-height: 45px;
                    padding: 0;
                    text-align: left;
                    padding-left: 20px;
                }

        .main-left .left-menu #check,
        .main-left .left-menu #operation,
        .main-left .left-menu #deposit,
        .main-left .left-menu #card,
        .main-left .left-menu #credits,
        .main-left .left-menu #credit,
        .main-left .left-menu #mailbox,
        .main-left .left-menu #freqUse,
        .main-left .left-menu #paybill,
        .main-left .left-menu #psd{
            background-repeat: no-repeat;
            background-position: center 25px;
        }

        .main-left .left-menu #check {
            background-image: url('/Public/img/in-icn-menu-check.png');
        }

        .main-left .left-menu #operation {
            background-image: url('/Public/img/in-icn-menu-operation.png');
        }

        .main-left .left-menu #deposit {
            background-image: url('/Public/img/in-icn-menu-deposit.png');
        }

        .main-left .left-menu #card {
            background-image: url('/Public/img/in-icn-menu-card.png');
        }

        .main-left .left-menu #credits {
            background-image: url('/Public/img/in-icn-menu-credit.png');
        }

        .main-left .left-menu #credit {
            background-image: url('/Public/img/in-icn-menu-credit.png');
        }

        .main-left .left-menu #mailbox {
            background-image: url('/Public/img/in-icn-menu-mailbox.png');
        }

        .main-left .left-menu #freqUse {
            background-image: url('/Public/img/in-icn-menu-freq-use.png');
        }

        .main-left .left-menu #paybill {
            background-image: url('/Public/img/in-icn-menu-epay.png');
        }

        .main-left .left-menu #psd {
            background-image: url('/Public/img/in-icn-menu-check.png');
        }

        .main-left .left-menu #check:hover {
            background-image: url('/Public/img/in-icn-menu-check-hover.png');
        }

        .main-left .left-menu #operation:hover {
            background-image: url('/Public/img/in-icn-menu-operation-hover.png');
        }

        .main-left .left-menu #deposit:hover {
            background-image: url('/Public/img/in-icn-menu-deposit-hover.png');
        }

        .main-left .left-menu #card:hover {
            background-image: url('/Public/img/in-icn-menu-card-hover.png');
        }

        .main-left .left-menu #credits:hover {
            background-image: url('/Public/img/in-icn-menu-credit-hover.png');
        }

        .main-left .left-menu #credit:hover {
            background-image: url('/Public/img/in-icn-menu-credit-hover.png');
        }

        .main-left .left-menu #mailbox:hover {
            background-image: url('/Public/img/in-icn-menu-mailbox-hover.png');
        }

        .main-left .left-menu #freqUse:hover {
            background-image: url('/Public/img/in-icn-menu-freq-use-hover.png');
        }

        .main-left .left-menu #paybill:hover {
            background-image: url('/Public/img/in-icn-menu-epay-hover.png');
        }

        .main-left .left-menu #psd:hover {
            background-image: url('/Public/img/in-icn-menu-check-hover.png');
        }

        .main-left .left-menu li:hover {
            background-color: #e9ecf2;
        }

            .main-left .left-menu li:hover a span {
                color: #d10a11;
            }


        .main-left .left-menu a,
        .main-left .left-menu a:link,
        .main-left .left-menu a:active,
        .main-left .left-menu a:visited {
            color: #ffffff;
            font-size: 12px;
            font-weight: 400;
            text-align: center;
            text-decoration: none;
            display: block;
            width: 100%;
            height: 100%;
        }


        .main-left .left-menu #menu-control > li {
            font-size: 14px;
            font-style: italic;
            background-image: url('/Public/img/in-menu-control.png');
            background-repeat: no-repeat;
            background-position: right center;
        }

    .main-right {
        /* position: absolute; */
        float: left;
        display: inline-block;
        width: 100%;
        margin-left: -110px;
        padding-left: 110px;
        padding-bottom: 230px;
        /* margin: 20px 0 0 20px; */
    }

        .main-right .sub-navigation {
            position: relative;
            float: left;
            display: block;
            height: 120px;
            background-color: #fff;
            width: 100%;
        }

    .sub-navigation .line-left {
        float: left;
        padding: 50px 0 0 30px;
    }

        .sub-navigation .line-left h1 {
            font-size: 24px;
            font-style: italic;
            font-weight: 100;
        }

        .sub-navigation .line-left p {
            font-size: 14px;
            font-style: italic;
            font-weight: 100;
            margin-top: 10px;
        }

    .sub-navigation .line-right {
        float: right;
        padding-top: 15px;
        margin-right: 20px;
    }



        .sub-navigation .line-right h1 {
            font-size: 38px;
            font-style: italic;
            color: #3268b2;
            font-weight: 700;
            background-image: url('/Public/img/icn-national-phone.png');
            background-repeat: no-repeat;
            background-position: 0 center;
            padding-left: 30px;
        }

        .sub-navigation .line-right p {
            font-size: 13px;
            font-style: italic;
            font-weight: 100;
            color: #3268b2;
            margin-top: 5px;
            width: 245px;
        }


    .main-right .box-info {
        float: left;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

        .main-right .box-info > span {
            background-color: #d3d3d3;
        }

        .main-right .box-info .btn-box-more {
            float: right;
            color: #3268b2;
            font-size: 11px;
            font-weight: 600;
            background-color: #fff;
            text-transform: uppercase;
            border: 1px solid #3268b2;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            padding: 0 10px;
            height: 25px;
            line-height: 25px;
            cursor: pointer;
        }

    .main-right .btn-box-more:hover {
        color: #fff;
        background-color: #3268b2;
    }

    footer {
        float: left;
        display: block;
        width: 100%;
        height: 100px;
        background-color: #ffffff;
    }

        footer .footer-inner {
        }

    .footer-inner ul {
        float: left;
        list-style: none;
        margin: 20px 0 0 40px;
    }

    .footer-inner li {
        float: left;
        display: inline-block;
        color: #797979;
        font-weight: 600;
        font-size: 13px;
        font-style: italic;
        text-align: left;
    }

        .footer-inner li a,
        .footer-inner li a:link,
        .footer-inner li a:active,
        .footer-inner li a:visited {
            color: #797979;
            text-decoration: none;
            margin: 0 20px 0 0;
        }

        .footer-inner li > span {
            display: inline-block;
            width: 17px;
            height: 17px;
            margin: 0 0 -3px 5px;
        }

            .footer-inner li > span:first-of-type {
                background-image: url('/Public/img/footer-social.png');
                background-repeat: no-repeat;
                background-position: left;
            }

        .footer-inner li > span {
            background-image: url('/Public/img/footer-social.png');
            background-repeat: no-repeat;
            background-position: center;
        }

            .footer-inner li > span:last-of-type {
                background-image: url('/Public/img/footer-social.png');
                background-repeat: no-repeat;
                background-position: right;
            }

        .footer-inner li span > a {
            display: block;
            width: 17px;
            height: 17px;
        }

        .footer-inner li > p {
            float: left;
            margin-right: 20px;
        }

    .footer-inner .copyright {
        float: right;
        color: #797979;
        font-weight: 600;
        font-size: 13px;
        font-style: italic;
        text-align: right;
        margin: 20px 20px 60px 0;
    }

    .mobile-header,
    .mobile {
        display: none;
    }
}


@media (max-width: 1259px) and (min-width: 959px) {

    .sub-navigation-filter {
        padding-left: 30px;
        padding-top: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
        background-color: rgb(223, 224, 225);
        line-height: 30px;
    }

   .headerDiv 
    {
        width: 100%;
        background-image: url('/Public/img/in-logo.png');
        background-repeat: no-repeat;
        background-position: 15px 20px;
        padding-left:220px;
    }

    header {
        float: left;
        display: block;
        width: 100%;
        border-bottom: 5px solid #d10a11;
        background-image: url('/Public/img/in-header-bg.png');
        background-repeat: repeat-x;
        background-position: left top;
    }
    
        header .profil-nav-left {
            float: left;
            display: inline-block;
            margin: 0;
            margin-left: 0px;
        }

        header .profil-nav-left {
            float: left;
            display: inline-block;
            margin: 0;
            margin-left: 0px;
        }

    .line-profil {
        float: left;
        list-style: none;
        margin: 12px 0 0 0;
    }

        .line-profil li {
            float: left;
            display: inline-block;
            color: #000000;
            font-size: 11px;
            font-weight: 400;
            margin: 0 10px;
        }

            .line-profil li:first-of-type {
                margin: 0 0 0 12px;
            }

            .line-profil li:last-of-type {
                margin: 0 0 0 10px;
            }

            .line-profil li a,
            .line-profil li a:active,
            .line-profil li a:visited,
            .line-profil li a:link {
                display: inline-block;
                color: #3268b2;
                font-size: 11px;
                font-weight: 400;
                font-style: italic;
                text-transform: lowercase;
                text-decoration: none;
            }



                .line-profil li a:hover {
                    text-decoration: underline;
                }

    .profil-nav-left .top-menu {
        float: left;
        list-style: none;
        margin: 38px 0 0 10px;
    }

        .profil-nav-left .top-menu li {
            display: inline-block;
            float: left;
            height: 35px;
            font-size: 11px;
            font-weight: 400;
            line-height: 35px;
            padding: 0 10px;
            margin: 0 1px;
        }

            .profil-nav-left .top-menu li#home {
                background-image: url('/Public/img/in-icn-menu-top-home.png');
                background-repeat: no-repeat;
                background-position: -4px -8px;
            }

            .profil-nav-left .top-menu li#info {
                background-image: url('/Public/img/in-icn-menu-top-info.png');
                background-repeat: no-repeat;
                background-position: -4px -8px;
            }

            .profil-nav-left .top-menu li#iTan {
                background-image: url('/Public/img/in-icn-menu-top-itan.png');
                background-repeat: no-repeat;
                background-position: -4px -8px;
            }
    .profil-nav-right {
        margin: 38px 0 0 10px;
        float: right;
    }

        .profil-nav-right .top-menu {
            float: right;
            list-style: none;
        }

            .profil-nav-right .top-menu li {
                display: inline-block;
                float: left;
                height: 35px;
                font-size: 11px;
                font-weight: 400;
                line-height: 35px;
                padding: 0 10px;
                margin: 0 1px;
            }

                .profil-nav-right .top-menu li#info {
                    background-image: url('/Public/img/in-icn-menu-top-info.png');
                    background-repeat: no-repeat;
                    background-position: -4px -8px;
                }

                .profil-nav-right .top-menu li#settings {
                    background-image: url('/Public/img/in-icn-menu-top-settings.png');
                    background-repeat: no-repeat;
                    background-position: -4px -8px;
                }

                .profil-nav-left .top-menu li.tab:hover:last-of-type,
                .profil-nav-left .top-menu li.active:last-of-type,
                .profil-nav-right .top-menu li.tab:hover:last-of-type,
                .profil-nav-right .top-menu li.active:last-of-type {
                    border-right: 1px solid #dadbdd;
                }

                .profil-nav-left .top-menu li.tab:hover,
                .profil-nav-left .top-menu li.active,
                .profil-nav-right .top-menu li.tab:hover,
                .profil-nav-right .top-menu li.active {
                    border-left: 1px solid #dadbdd;
                    background-color: #ffffff;
                    margin: 0;
                    -webkit-border-top-left-radius: 5px;
                    -webkit-border-top-right-radius: 5px;
                    -moz-border-radius-topleft: 5px;
                    -moz-border-radius-topright: 5px;
                    border-top-left-radius: 5px;
                    border-top-right-radius: 5px;
                }

            .profil-nav-left .top-menu a,
            .profil-nav-left .top-menu a:link,
            .profil-nav-left .top-menu a:active,
            .profil-nav-left .top-menu a:visited,
            .profil-nav-right .top-menu a,
            .profil-nav-right .top-menu a:link,
            .profil-nav-right .top-menu a:active,
            .profil-nav-right .top-menu a:visited {
                color: #000000;
                text-indent: 30px;
            }

    header .profil-nav-right {
        position: relative;
        float: right;
        display: block;
        text-align: right;
    }

    .profil-nav-right .line-profil {
        float: left;
        list-style: none;
        margin: 12px 0 0 0;
    }

        .profil-nav-right .line-profil li {
            float: left;
            display: inline-block;
            color: #000000;
            font-size: 11px;
            font-weight: 400;
            text-transform: uppercase;
            margin: 0 10px;
        }

            .profil-nav-right .line-profil li:first-of-type {
                margin: 0 0 0 12px;
            }

            .profil-nav-right .line-profil li:last-of-type {
                margin: 0 0 0 10px;
            }

        .profil-nav-right .line-profil li,
        .profil-nav-right .line-profil li,
        .profil-nav-right .line-profil li,
        .profil-nav-right .line-profil li {
            display: inline-block;
            color: #3268b2;
            font-size: 11px;
            font-weight: 400;
            font-style: italic;
            text-transform: lowercase;
            text-decoration: none;
        }

    #exit {
        float: right;
        display: block;
        height: 35px;
        color: #000000;
        font-size: 11px;
        font-weight: 400;
        text-indent: 20px;
        text-decoration: none;
        line-height: 35px;
        /* padding: 0 10px; */
        /* margin: 37px 21px 0 1px; */
        background-image: url('/Public/img/in-icn-menu-top-exit.png');
        background-repeat: no-repeat;
        background-position: -18px -8px;
    }

        #exit:hover {
            /* border-left: 1px solid #dadbdd;
	border-right: 1px solid #dadbdd; */
            background-color: #ffffff;
            /* margin: 37px 20px 0 0; */
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

    .top-menu-lang {
        float: right;
        margin-top: 9px;
        margin-right: 20px;
        font-size: 13px;
        font-family: "Open Sans";
        font-weight: 600;
    }

    .langBg {
        color: #ed4c52 !important;
        text-decoration: none;
        line-height: 35px;
    }

    .langEn {
        color: #ed4c52 !important;
        text-decoration: none;
        line-height: 35px;
    }

    .main-content {
        float: left;
        display: block;
        width: 100%;
        height: 100%;
        min-height: 800px;
        background-color: #e4e6ea;
    }

        .main-content .main-left {
            float: left;
            width: 110px;
            height: 1350px;
            background-color: #fff;
            position: relative;
            z-index: 100;
        }

    .main-left .left-menu {
        float: left;
        list-style: none;
    }

        .main-left .left-menu li {
            display: block;
            width: 110px;
            height: 100px;
            line-height: 48px;
            border-bottom: 1px solid #a7080e;
            background-color: #d10a11;
            text-transform: uppercase;
        }

            .main-left .left-menu li span {
                padding-top: 60px;
                display: block;
                line-height: 14px;
            }



        .main-left .left-menu .sub-menu {
            visibility: hidden;
            margin-left: 110px;
            position: relative;
            z-index: 100;
            margin-top: -99px;
        }

        .main-left .left-menu li:hover .sub-menu {
            visibility: visible;
        }

        .main-left .left-menu .sub-menu li {
            background-color: #fff !important;
            width: 180px;
            height: 45px;
            border-bottom: 1px solid #dcd8d8 !important;
        }

            .main-left .left-menu .sub-menu li:hover {
                background-color: #f6cecf !important;
            }

            .main-left .left-menu .sub-menu li:first-of-type {
                background-image: url('/Public/img/bg-submenu-first-element.png');
                background-repeat: no-repeat;
            }

            .main-left .left-menu .sub-menu li a {
                width: 180px;
                height: 45px;
            }

                .main-left .left-menu .sub-menu li a span {
                    color: #000;
                    font-style: italic;
                    line-height: 45px;
                    padding: 0;
                    text-align: left;
                    padding-left: 20px;
                }

        .main-left .left-menu #check,
        .main-left .left-menu #operation,
        .main-left .left-menu #deposit,
        .main-left .left-menu #card,
        .main-left .left-menu #credits,
        .main-left .left-menu #credit,
        .main-left .left-menu #mailbox,
        .main-left .left-menu #freqUse,
        .main-left .left-menu #paybill,
        .main-left .left-menu #psd {
            background-repeat: no-repeat;
            background-position: center 25px;
        }

        .main-left .left-menu #check {
            background-image: url('/Public/img/in-icn-menu-check.png');
        }

        .main-left .left-menu #operation {
            background-image: url('/Public/img/in-icn-menu-operation.png');
        }

        .main-left .left-menu #deposit {
            background-image: url('/Public/img/in-icn-menu-deposit.png');
        }
        .main-left .left-menu #card {
            background-image: url('/Public/img/in-icn-menu-card.png');
        }

        .main-left .left-menu #credits {
            background-image: url('/Public/img/in-icn-menu-credit.png');
        }

        .main-left .left-menu #credit {
            background-image: url('/Public/img/in-icn-menu-credit.png');
        }

        .main-left .left-menu #mailbox {
            background-image: url('/Public/img/in-icn-menu-mailbox.png');
        }

        .main-left .left-menu #freqUse {
            background-image: url('/Public/img/in-icn-menu-freq-use.png');
        }

        .main-left .left-menu #paybill {
            background-image: url('/Public/img/in-icn-menu-epay.png');
        }

        .main-left .left-menu #psd {
            background-image: url('/Public/img/in-icn-menu-check.png');
        }

        .main-left .left-menu #check:hover {
            background-image: url('/Public/img/in-icn-menu-check-hover.png');
        }

        .main-left .left-menu #operation:hover {
            background-image: url('/Public/img/in-icn-menu-operation-hover.png');
        }

        .main-left .left-menu #deposit:hover {
            background-image: url('/Public/img/in-icn-menu-deposit-hover.png');
        }
        .main-left .left-menu #card:hover {
            background-image: url('/Public/img/in-icn-menu-card-hover.png');
        }

        .main-left .left-menu #credits:hover {
            background-image: url('/Public/img/in-icn-menu-credit-hover.png');
        }

        .main-left .left-menu #credit:hover {
            background-image: url('/Public/img/in-icn-menu-credit-hover.png');
        }
        .main-left .left-menu #mailbox:hover {
            background-image: url('/Public/img/in-icn-menu-mailbox-hover.png');
        }
        .main-left .left-menu #freqUse:hover {
            background-image: url('/Public/img/in-icn-menu-freq-use-hover.png');
        }
        .main-left .left-menu #paybill:hover {
            background-image: url('/Public/img/in-icn-menu-epay-hover.png');
        }
        .main-left .left-menu #psd:hover {
            background-image: url('/Public/img/in-icn-menu-check-hover.png');
        }

        .main-left .left-menu li:hover {
            background-color: #e9ecf2;
        }

            .main-left .left-menu li:hover a span {
                color: #d10a11;
            }


        .main-left .left-menu a,
        .main-left .left-menu a:link,
        .main-left .left-menu a:active,
        .main-left .left-menu a:visited {
            color: #ffffff;
            font-size: 12px;
            font-weight: 400;
            text-align: center;
            text-decoration: none;
            display: block;
            width: 100%;
            height: 100%;
        }


        .main-left .left-menu #menu-control > li {
            font-size: 14px;
            font-style: italic;
            background-image: url('/Public/img/in-menu-control.png');
            background-repeat: no-repeat;
            background-position: right center;
        }

    .main-right {
        /* position: absolute; */
        float: left;
        display: inline-block;
        width: 100%;
        margin-left: -110px;
        padding-left: 110px;
        padding-bottom: 230px;
        /* margin: 20px 0 0 20px; */
    }

        .main-right .sub-navigation {
            position: relative;
            float: left;
            display: block;
            height: 120px;
            background-color: #fff;
            width: 100%;
        }

    .sub-navigation .line-left {
        float: left;
        padding: 50px 0 0 30px;
    }

        .sub-navigation .line-left h1 {
            font-size: 24px;
            font-style: italic;
            font-weight: 100;
        }

        .sub-navigation .line-left p {
            font-size: 14px;
            font-style: italic;
            font-weight: 100;
            margin-top: 10px;
        }

    .sub-navigation .line-right {
        float: right;
        padding-top: 15px;
        margin-right: 20px;
    }



        .sub-navigation .line-right h1 {
            font-size: 38px;
            font-style: italic;
            color: #3268b2;
            font-weight: 700;
            background-image: url('/Public/img/icn-national-phone.png');
            background-repeat: no-repeat;
            background-position: 0 center;
            padding-left: 30px;
        }

        .sub-navigation .line-right p {
            font-size: 13px;
            font-style: italic;
            font-weight: 100;
            color: #3268b2;
            margin-top: 5px;
            width: 245px;
        }


    .main-right .box-info {
        float: left;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

        .main-right .box-info > span {
            background-color: #d3d3d3;
        }

        .main-right .box-info .btn-box-more {
            float: right;
            color: #3268b2;
            font-size: 11px;
            font-weight: 600;
            background-color: #fff;
            text-transform: uppercase;
            border: 1px solid #3268b2;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            padding: 0 10px;
            height: 25px;
            line-height: 25px;
            margin: 10px;
            cursor: pointer;
        }

    .main-right .btn-box-more:hover {
        color: #fff;
        background-color: #3268b2;
    }


    footer {
        float: left;
        display: block;
        width: 100%;
        height: 100px;
        background-color: #ffffff;
    }

        footer .footer-inner {
        }

    .footer-inner ul {
        float: left;
        list-style: none;
        margin: 20px 0 0 40px;
    }

    .footer-inner li {
        float: left;
        display: inline-block;
        color: #797979;
        font-weight: 600;
        font-size: 13px;
        font-style: italic;
        text-align: left;
    }

        .footer-inner li a,
        .footer-inner li a:link,
        .footer-inner li a:active,
        .footer-inner li a:visited {
            color: #797979;
            text-decoration: none;
            margin: 0 20px 0 0;
        }

        .footer-inner li > span {
            display: inline-block;
            width: 17px;
            height: 17px;
            margin: 0 0 -3px 5px;
        }

            .footer-inner li > span:first-of-type {
                background-image: url('/Public/img/footer-social.png');
                background-repeat: no-repeat;
                background-position: left;
            }

        .footer-inner li > span {
            background-image: url('/Public/img/footer-social.png');
            background-repeat: no-repeat;
            background-position: center;
        }

            .footer-inner li > span:last-of-type {
                background-image: url('/Public/img/footer-social.png');
                background-repeat: no-repeat;
                background-position: right;
            }

        .footer-inner li span > a {
            display: block;
            width: 17px;
            height: 17px;
        }

        .footer-inner li > p {
            float: left;
            margin-right: 20px;
        }

    .footer-inner .copyright {
        float: right;
        color: #797979;
        font-weight: 600;
        font-size: 13px;
        font-style: italic;
        text-align: right;
        margin: 20px 20px 60px 0;
    }

    .mobile-header,
    .mobile {
        display: none;
    }
}

@media (max-width: 959px) {
    .amount-eur {
        float: left !important;
        margin-top: 12px !important;
        white-space: nowrap;
        margin-left: -10px;
    }
    .sub-navigation-filter {
        padding-left: 10px;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        background-color: rgb(223, 224, 225);
        line-height: 30px;
    }

    .main-left-desktop,
    header,
    .desktop {
        display: none;
    }

    .mobile-header{
        display: block;
    }

    .mobile-header {
        width: 100%;
        height: 6rem;
        background-color: #fff;
        border-bottom: 10px solid #d2081e;
    }

    .mobile-menu-icon {
        background-image: url('/Public/img/icn-mobile-menu.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 15%;
        height: 100%;
        float: left;
        cursor: pointer;
        margin-left: 2%;
    }

    .mobile-header #header-logo {
        display: block;
        background-image: url('/Public/img/header-logo-mobile.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 40%;
        height: 100%;
        float: left;
        margin-left: 5%;
        margin-right: 3%;
    }

    .mobile-header .mobile-profile-icon {
        background-image: url('/Public/img/icn-mobile-profile.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 15%;
        height: 100%;
        float: left;
        cursor: pointer;
        margin-right: 2%;
    }

    .mobile-header .mobile-support-icon {
        background-image: url('/Public/img/icn-mobile-support.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 15%;
        height: 100%;
        float: left;
        cursor: pointer;
    }

    .mobile-header .mobile-lang-icon-bg {
        background-image: url('/Public/img/icn-mobile-lang-bg.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 15%;
        height: 100%;
        float: right;
        cursor: pointer;
        margin-right: 2%;
    }

    .mobile-header .mobile-lang-icon-en {
        background-image: url('/Public/img/icn-mobile-lang-en.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 15%;
        height: 100%;
        float: right;
        cursor: pointer;
        margin-right: 2%;
    }
    .main-left {
        display: none;
        float: left;
        width: 100%;
        margin-top: 6rem;
        position: absolute;
        z-index: 200;
    }

        .main-left .left-menu {
            float: left;
            list-style: none;
            width: 100%;
        }

            .main-left .left-menu li.has-sub {
                width: 100%;
                line-height: 48px;
                border-bottom: 1px solid #a7080e;
                background-color: #d10a11;
                text-transform: uppercase;
            }

            .main-left .left-menu li span {
                padding-top: 0;
                display: block;
                font-size: 1.5rem;
                text-align: left;
                line-height: 5rem;
                font-style: italic;
                padding-left: 2rem;
                text-transform: none;
            }


    #cssmenu ul ul {
        display: none;
    }


    .main-left .left-menu .sub-menu li {
        background-color: #fff !important;
        width: 100%;
        height: 6rem;
        border-bottom: 1px solid #dcd8d8 !important;
    }

        .main-left .left-menu .sub-menu li:hover {
            background-color: #f6cecf !important;
        }


        .main-left .left-menu .sub-menu li a {
            width: 100%;
            height: 100%;
        }

            .main-left .left-menu .sub-menu li a span {
                color: #4b4b4b;
                font-style: italic;
                line-height: 1.5rem;
                text-align: left;
                font-size: 1.5rem;
                padding-left: 2rem;
                padding-top: 1.5rem;
            }

    .main-left .left-menu #check,
    .main-left .left-menu #operation,
    .main-left .left-menu #deposit,
    .main-left .left-menu #card,
    .main-left .left-menu #credits,
    .main-left .left-menu #credit,
    .main-left .left-menu #mailbox,
    .main-left .left-menu #freqUse,
    .main-left .left-menu #paybill,
    .main-left .left-menu #psd,
    .main-left .left-menu #check.active,
    .main-left .left-menu #operation.active,
    .main-left .left-menu #deposit.active,
    .main-left .left-menu #card.active,
    .main-left .left-menu #credits.active,
    .main-left .left-menu #credit.active,
    .main-left .left-menu #mailbox.active,
    .main-left .left-menu #freqUse.active,
    .main-left .left-menu #paybill.active,
    .main-left .left-menu #psd.active {
        background-repeat: no-repeat;
        background-position: right 1rem top 1rem;
        background-size: 15%;
    }



    .main-left .left-menu #check {
        background-image: url('/Public/img/in-icn-menu-check-mobile.png');
    }

    .main-left .left-menu #operation {
        background-image: url('/Public/img/in-icn-menu-operation-mobile.png');
    }

    .main-left .left-menu #deposit {
        background-image: url('/Public/img/in-icn-menu-deposit-mobile.png');
    }

    .main-left .left-menu #card {
        background-image: url('/Public/img/in-icn-menu-card-mobile.png');
    }

    .main-left .left-menu #credits {
        background-image: url('/Public/img/in-icn-menu-credit-mobile.png');
    }

    .main-left .left-menu #credit {
        background-image: url('/Public/img/in-icn-menu-credit-mobile.png');
    }

    .main-left .left-menu #mailbox {
        background-image: url('/Public/img/in-icn-menu-mailbox-mobile.png');
    }

    .main-left .left-menu #freqUse {
        background-image: url('/Public/img/in-icn-menu-freq-use-mobile.png');
    }

    .main-left .left-menu #paybill {
        background-image: url('/Public/img/in-icn-menu-epay-mobile.png');
    }

    .main-left .left-menu #psd {
        background-image: url('/Public/img/in-icn-menu-check-mobile.png');
    }

    .main-left .left-menu #check.active {
        background-image: url('/Public/img/in-icn-menu-check-mobile-hover.png');
    }

    .main-left .left-menu #operation.active {
        background-image: url('/Public/img/in-icn-menu-operation-mobile-hover.png');
    }

    .main-left .left-menu #deposit.active {
        background-image: url('/Public/img/in-icn-menu-deposit-mobile-hover.png');
    }

    .main-left .left-menu #card.active {
        background-image: url('/Public/img/in-icn-menu-card-mobile-hover.png');
    }

    .main-left .left-menu #credits.active {
        background-image: url('/Public/img/in-icn-menu-credit-mobile-hover.png');
    }

    .main-left .left-menu #credit.active {
        background-image: url('/Public/img/in-icn-menu-credit-mobile-hover.png');
    }

    .main-left .left-menu #mailbox.active {
        background-image: url('/Public/img/in-icn-menu-mailbox-mobile-hover.png');
    }

    .main-left .left-menu #freqUse.active {
        background-image: url('/Public/img/in-icn-menu-freq-use-mobile-hover.png');
    }

    .main-left .left-menu #paybill.active {
        background-image: url('/Public/img/in-icn-menu-epay-mobile-hover.png');
    }

    .main-left .left-menu #psd.active {
        background-image: url('/Public/img/in-icn-menu-check-mobile-hover.png');
    }

    .main-left .left-menu #home,
    .main-left .left-menu #mails,
    .main-left .left-menu #operations,
    .main-left .left-menu #main-info,
    .main-left .left-menu #settings,
    .main-left .left-menu #exit,
    .main-left .left-menu #home.active,
    .main-left .left-menu #mails.active,
    .main-left .left-menu #operations.active,
    .main-left .left-menu #main-info.active,
    .main-left .left-menu #settings.active,
    .main-left .left-menu #exit.active {
        background-repeat: no-repeat !important;
        background-position: right 1rem top 1rem;
        background-size: 15%;
    }

    .main-left .left-menu #home {
        background-image: url('/Public/img/icon-mobile-profile-home.png');
    }

    .main-left .left-menu #mails {
        background-image: url('/Public/img/icon-mobile-profile-mails.png');
    }

    .main-left .left-menu #operations {
        background-image: url('/Public/img/icon-mobile-profile-operations.png');
    }

    .main-left .left-menu #main-info {
        background-image: url('/Public/img/icon-mobile-profile-main-info.png');
    }

    .main-left .left-menu #settings {
        background-image: url('/Public/img/icon-mobile-profile-settings.png');
    }

    .main-left .left-menu #exit {
        background-image: url('/Public/img/icon-mobile-profile-exit.png');
    }

    .main-left .left-menu #home.active {
        background-image: url('/Public/img/icon-mobile-profile-home-active.png');
    }

    .main-left .left-menu #mails.active {
        background-image: url('/Public/img/icon-mobile-profile-mails-active.png');
    }

    .main-left .left-menu #operations.active {
        background-image: url('/Public/img/icon-mobile-profile-operations-active.png');
    }

    .main-left .left-menu #main-info.active {
        background-image: url('/Public/img/icon-mobile-profile-main-info-active.png');
    }

    .main-left .left-menu #settings.active {
        background-image: url('/Public/img/icon-mobile-profile-settings-active.png');
    }

    .main-left .left-menu #exit.active {
        background-image: url('/Public/img/icon-mobile-profile-exit-active.png');
    }

    .main-left .left-menu li.has-sub.active {
        background-color: #e9ecf2;
    }

        .main-left .left-menu li.has-sub.active a {
            border-bottom: 4px solid #b2b2b2;
        }

        .main-left .left-menu li.has-sub.active > a span {
            color: #d10a11;
        }


    .main-left .left-menu a,
    .main-left .left-menu a:link,
    .main-left .left-menu a:active,
    .main-left .left-menu a:visited {
        color: #ffffff;
        font-size: 12px;
        font-weight: 400;
        text-align: center;
        text-decoration: none;
        display: block;
        width: 100%;
        height: 100%;
    }



    .main-left.profile {
        display: none;
    }

        .main-left.profile .left-menu .sub-menu p.info {
            padding: 0;
            color: #4b4b4b;
            font-size: 1.5rem;
            line-height: 1.5rem;
            padding-top: 1rem;
            margin-left: 2rem;
            display: block;
        }

        .main-left.profile .left-menu .sub-menu p.session-info {
            color: #3268b2;
            font-size: 1.5rem;
            margin-left: 2rem;
            display: block;
            padding: 0;
            text-transform: initial;
            padding-top: 1rem;
            line-height: 1.5rem;
            font-style: italic;
            width: 90%;
        }


            .main-left.profile .left-menu .sub-menu p.session-info:last-of-type {
                padding-bottom: 30px;
            }


    .main-right .box-info {
        float: left;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

        .main-right .box-info > span {
            background-color: #d3d3d3;
        }


    .main-right .sub-navigation {
        position: relative;
        float: left;
        display: block;
        height: auto;
        padding-bottom: 1rem;
        background-color: #eff0f2;
        width: 100%;
        z-index: -1;
    }

    .sub-navigation .line-left {
        float: left;
        padding: 1rem 0 0 30px;
    }

        .sub-navigation .line-left h1 {
            font-size: 2rem;
            font-style: italic;
            font-weight: 100;
        }

        .sub-navigation .line-left p {
            font-size: 1rem;
            font-style: italic;
            font-weight: 100;
            margin-top: 0.5rem;
        }

    .sub-navigation .line-right {
        display: none;
    }



    .main-right .box-info .btn-box-more {
        float: none;
        color: #3268b2;
        display: inline-block;
        font-size: 70%;
        font-weight: 600;
        background-color: #fff;
        text-transform: uppercase;
        border: 1px solid #3268b2;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 0 10px;
        height: 3rem;
        line-height: 3rem;
        margin: 10px;
        cursor: pointer;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        /* margin: 10px; */
    }

    .main-right .btn-box-more:hover {
        color: #fff;
        background-color: #3268b2;
    }

    footer {
        float: left;
        display: block;
        width: 100%;
        height: 7rem;
        background-color: #f7f7f8;
    }

        footer .footer-inner {
        }

    .footer-inner ul {
        float: left;
        list-style: none;
        margin: 1.5rem 0 0 1rem;
    }

    .footer-inner li {
        float: left;
        display: inline-block;
        color: #797979;
        font-weight: 600;
        font-size: 1rem;
        font-style: italic;
        text-align: left;
    }

        .footer-inner li a,
        .footer-inner li a:link,
        .footer-inner li a:active,
        .footer-inner li a:visited {
            color: #797979;
            text-decoration: none;
            margin: 0 20px 0 0;
            height: 40px;
            display: block;
        }

        .footer-inner li > p {
            float: left;
            margin-top: 20px;
            margin-right: 20px;
        }

        .footer-inner li > span {
            display: inline-block;
            margin: 8px 10px 0 0;
        }

        /* .footer-inner li span>a
{
	display: block;
	width: 79px;
	height: 52px;
} */

        .footer-inner li:nth-child(1),
        .footer-inner li:nth-child(2),
        .footer-inner li:nth-child(3),
        .footer-inner li:nth-child(4) {
            display: none;
        }

    .footer-inner .copyright {
        float: left;
        color: #797979;
        font-weight: 600;
        font-size: 1rem;
        font-style: italic;
        text-align: right;
        margin: 0.2rem 0 1rem 1rem;
    }
}
