﻿@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('glyphicons-halflings-regular.eot');
    src: url('glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('glyphicons-halflings-regular.woff') format('woff'), url('glyphicons-halflings-regular.ttf') format('truetype'), url('glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font: normal normal 16px/1 'Glyphicons Halflings';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin-right: 4px;
}
/* Add icons you will be using below */

.glyphicon-eye-open:before {
    content: '\e105';
}

.glyphicon-eye-close:before {
    content: "\e106"
}

/*************************************************** CSS RESET ***************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*************************************************** GENERIC ***************************************************/
body {
    /*background: url('images/bg_body.png') #f0f0f0 repeat-x;*/
    /*background-color:#f0f0f0;*/
    margin: 0;
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
    font-size: 13px;
}

hr {
    height: 30px;
    visibility: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

h1 {
    color: #63a8cc;
    background-color: #dcf1fd;
    font-size: 18px;
    font-weight: normal;
    line-height: 32px;
    margin-top: 20px;
    padding: 2px 10px;
    /*border-bottom: 2px solid #666666;*/
}

h2 {
    font-size: 12px;
    padding: 10px 10px;
    color: #000000;
    background-color: #dcf1fd;
}

input[type="submit"] {
    /* width: 118px;
    height: 34px;
    border: none;
    cursor: pointer;
    background: url('images/bg_button.png') no-repeat;
    color: #fff;*/
    display: inline-block;
    text-align: center;
    min-width: 92px;
    color: #fff;
    padding: 8px;
    font-weight: normal !important;
    font-size: 12px;
    text-decoration: none;
    background: linear-gradient(to bottom, #30ce3e 0%,#27a631 50%,#1d7c25 51%,#1c7724 71%,#218c2a 100%);
    border: 2px solid #218c2a;
    border-radius: 5px;
    cursor: pointer;
}

.btnPayment {
    width: 148px;
    height: 34px;
    border: none;
    cursor: pointer;
    background: url('images/bg_button_payment.png') no-repeat;
    display: inline-block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 34px;
    font-family: Arial;
}

input[type="submit"].disab {
    /*	width: 118px;
	height: 34px;
	border: none;
	cursor: pointer;
	background: url('images/bg_button_disabled.png') no-repeat;
	color: #fff;*/
    display: inline-block;
    text-align: center;
    min-width: 92px;
    color: #fff;
    padding: 8px;
    font-weight: normal !important;
    font-size: 12px;
    text-decoration: none;
    background: linear-gradient(to bottom, #c1c1c1 0%,#b5b5b5 50%,#a3a3a3 51%,#a3a3a3 72%,#adadad 100%);
    border: 2px solid #adadad;
    border-radius: 5px;
    cursor: pointer;
}

input[type="text"],
input[type="password"] {
    border: 1px solid #c4ced6;
    padding: 3px;
    background-color: #F6FDFF !important;
}

    input[type="text"]:focus,
    input[type="password"]:focus {
        background-color: #FFE4AA !important;
    }

select {
    border: 1px solid #c4ced6;
    padding: 2px;
    background-color: #F6FDFF;
}

    select:focus {
        background-color: #FFE4AA !important;
    }

#usrPswBox {
    width: 100%;
}

a {
    color: #0397D6;
}

/*************************************************** STRUCTURE ***************************************************/
#page {
    clear: both;
    width: 960px;
    /*background: url("images/bg_page.png") transparent center top no-repeat;*/
    border: 2px solid #ddd;
    margin: 0px auto 0;
}

#contentpage {
    /*position: relative;*/
    width: 915px;
    padding: 10px 20px;
    /*background: url("images/bg_contentpage.png") transparent center bottom no-repeat;*/
}

.zoneTopInfoWrapper {
    text-align: center;
    width: 100%;
}

.zoneTopInfoWrapperBody {
    width: 940px;
    margin: 0 auto;
    text-align: center;
}

    .zoneTopInfoWrapperBody ul.menu {
        height: 27px;
        line-height: 27px;
        display: inline-block;
    }

        .zoneTopInfoWrapperBody ul.menu li {
            font-size: 13px;
            padding-top: 2px;
            float: left;
            list-style: none;
            line-height: normal;
        }

            .zoneTopInfoWrapperBody ul.menu li a {
                color: #fff;
                padding-right: 30px;
                text-decoration: none;
            }

            .zoneTopInfoWrapperBody ul.menu li:last-child a {
                padding-right: 0px;
            }

#flags {
    float: right;
    margin-top: 6px;
}

    #flags input[type="image"] {
        margin-left: 10px;
    }

/*#header {
    height: 80px;
    position: absolute;
	top: 20px;
    }*/
/* #header img.logo {
        margin: 0;
        }*/
/* #header ul.menu {
        height: 41px;
        margin: -134px 0px 0px 240px;
        }
        #header ul.menu li { float:left; list-style: none; line-height:normal }
        #header ul.menu li a { color: #fff; padding: 5px 30px; text-decoration: none; }*/

#stepPath {
    text-align: center;
    margin: 0px 0px 20px 0px;
}

#footer2 {
    clear: both;
    /* [disabled]background:url('images/bg_topMenu.png') #072669 repeat-x; */
    text-align: left;
    width: 880px;
    margin: 0 auto;
    padding: 20px 40px;
    background-color: #8bc0df;
    border: 2px solid #8bc0df;
    /*height:100px;*/
}

#footer {
    clear: both;
    /* [disabled]background:url('images/bg_topMenu.png') #072669 repeat-x; */
    text-align: left;
    width: 880px;
    margin: 0 auto;
    padding: 20px 40px;
    /*background-color: #8bc0df;
    border: 2px solid #8bc0df;*/
    /*height: 100px;*/
}

    #footer ul.menu {
        width: 880px;
    }

        #footer ul.menu li {
            list-style: none;
            padding: 3px 0 3px 10px;
            width: 175px;
        }

        #footer ul.menu a {
            padding: 5px 10px 5px 10px;
            text-decoration: none;
            color: #0397D6;
        }

            #footer ul.menu a:hover {
                text-decoration: underline;
            }

    #footer img.logo2 {
        margin-top: 20px;
    }

    #footer img.logo3 {
        position: absolute;
        top: 170px;
        right: -40px;
    }

    #footer ul li#item1, #footer ul li#item2, #footer ul li#item3, #footer ul li#item4, #footer ul li#item5, #footer ul li#item6 {
        float: left;
        margin: 0 650px auto 0;
    }

    #footer ul.menu li#item7, #footer ul.menu li#item8, #footer ul.menu li#item9, #footer ul.menu li#item10, #footer ul.menu li#item11, #footer ul.menu li#item12, #footer ul.menu li#item13 {
        float: left;
        margin: 0 450px auto 175px;
        width: 225px;
    }

    #footer ul li#item14, #footer ul li#item15, #footer ul li#item16, #footer ul li#item17, #footer ul li#item18, #footer ul li#item19 {
        float: left;
        margin: 0 450px auto 380px;
    }

    #footer ul li#item20, #footer ul li#item21, #footer ul li#item22, #footer ul li#item23, #footer ul li#item24, #footer ul li#item25, #footer ul li#item26 {
        float: left;
        margin: 0 220px auto 640px;
        padding-top: 0;
    }

    #footer ul li#item27, #footer ul li#item28 {
        float: left;
        margin: 0 auto auto 800px;
        width: 125px;
        padding-top: 0;
    }

    #footer ul.menu li#item7, #footer ul li#item14, #footer ul li#item20 {
        margin-top: -114px;
    }

    #footer ul.menu li#item8, #footer ul li#item15, #footer ul li#item21 {
        margin-top: -94px;
    }

    #footer ul.menu li#item9, #footer ul li#item16, #footer ul li#item22 {
        margin-top: -74px;
    }

    #footer ul.menu li#item10, #footer ul li#item17, #footer ul li#item23 {
        margin-top: -54px;
    }

    #footer ul.menu li#item11, #footer ul li#item18, #footer ul li#item24 {
        margin-top: -34px;
    }

    #footer ul.menu li#item12, #footer ul.menu li#item19, #footer ul li#item25 {
        margin-top: -14px;
    }

    #footer ul.menu li#item26 {
        margin-top: 4px;
    }

    #footer ul li#item27 {
        margin-top: -136px;
    }

    #footer ul li#item28 {
        margin-top: -116px;
    }

    #footer ul li#item1, #footer ul li#item7, #footer ul li#item14, #footer ul li#item20, #footer ul li#item27 {
        padding-left: 0;
    }

    #footer ul li#item14, #footer ul li#item15, #footer ul li#item16, #footer ul li#item17, #footer ul li#item18, #footer ul li#item19 {
        transform: translateY(-26px);
    }

    #footer ul li#item20, #footer ul li#item21, #footer ul li#item22, #footer ul li#item23, #footer ul li#item24, #footer ul li#item25, #footer ul li#item26 {
        transform: translateY(-26px);
    }

    #footer ul li#item27, #footer ul li#item28 {
        transform: translateY(-26px);
    }

#footerLabel {
    margin: 5px 0 20px;
    text-align: left;
    color: #D0E4ED;
    font-size: xx-small;
}

div#genericErrorPageMessage {
    text-align: center;
    color: #ff0000;
    line-height: 2;
    height: 300px;
}

/*************************************************** COMMANDS BAR *******************************************/
.stepDisplayErrorMessage {
    text-align: left;
    color: #ff0000;
    background-color: #dcf1fd;
    padding: 10px;
    line-height: 20px;
    /*border-left: 1px solid #c4ced6;
    border-right: 1px solid #c4ced6;*/
}

#logIn .stepDisplayErrorMessage {
    background-color: white;
    width: 350px;
}

.stepDisplayErrorMessageSummary {
    border: 1px solid #8b0000;
    background: #ffd6d6;
    background: -moz-linear-gradient(top, #ffe8e8 49%, #fac9c9 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(49%, #ffe8e8), color-stop(99%, #fac9c9));
    color: black;
    line-height: 20px;
    margin-bottom: 20px;
    color: black;
    padding: 10px;
}

.buttons {
    text-align: center;
    background: #dcf1fd;
    padding: 8px;
}

/*************************************************** BOX ***************************************************/
div.box {
    background: #fff;
    border: 2px solid #dcf1fd;
    line-height: 2.2;
}

    div.box .content {
        padding: 20px;
    }

        div.box .content div.response {
            padding: 10px;
            text-align: center;
            font-weight: bold;
        }

        div.box .content fieldset {
            margin-bottom: 20px;
        }

            div.box .content fieldset legend {
                font-weight: bold;
                text-transform: uppercase;
                margin-bottom: 10px;
            }

            div.box .content fieldset ul {
                margin-left: 20px;
            }

            div.box .content fieldset span {
                /* width: 170px;
                display: inline-block;*/
            }

                div.box .content fieldset span.required {
                    width: 161px;
                    display: inline-block;
                    color: #000;
                }

            div.box .content fieldset input[type="text"],
            div.box .content fieldset input[type="password"] {
                width: 190px;
            }

            div.box .content fieldset select {
                width: 198px;
            }

            div.box .content fieldset img.tooltipIcon {
                vertical-align: middle;
                cursor: pointer;
                margin-top: -3px;
                margin-left: 3px;
            }

img.tooltipIcon2 {
    vertical-align: middle;
    cursor: pointer;
}

div.box .content .stepDescription {
    margin-bottom: 10px;
}

#btnLogOut {
    width: 150px;
    height: 30px;
    border: none;
    cursor: pointer;
    background: url('images/bg_orangebutton.png') no-repeat;
    color: #000;
    font-weight: bold;
    border-radius: unset;
}

#welcome input[type="submit"] {
    margin-left: 10px;
}

#logIn {
    width: 400px;
    float: left;
}

    #logIn .box {
        line-height: 2.5;
    }

        #logIn .box .buttons {
            border-left: none;
            border-right: none;
        }

        #logIn .box .content {
            height: 140px;
            width: 400px;
        }

            #logIn .box .content input[type="text"],
            #logIn .box .content input[type="password"] {
                width: 190px;
            }

            #logIn .box .content span {
                width: 120px;
                display: inline-block;
            }

    #logIn .stepDisplayErrorMessage {
        border: none;
    }

#newCustomer {
    width: 400px;
    float: right;
}

    #newCustomer .box {
        line-height: 2.5;
    }

        #newCustomer .box .buttons {
            border-left: none;
            border-right: none;
        }

        #newCustomer .box .content {
            height: 140px;
            /*width: 400px;*/
        }

        #newCustomer .box .content {
            text-align: center;
        }

/*************************************************** VALIDATOR ***************************************************/
.required {
    color: #ff0000;
}

.requiredHelper {
    color: #ff0000;
    float: right;
    margin-top: 10px;
}

.error {
    color: #ff0000;
}

.divSx {
    float: left;
    margin-bottom: -2px; /*width: 45%;*/
    clear: both;
}

    .divSx span {
        text-align: right;
    }

.divDx {
    float: right;
    padding-top: 8px;
    vertical-align: middle;
    width: 52%;
    line-height: 14px;
    text-align: left;
    vertical-align: middle;
    height: 15px;
}

.divSxTelInfo {
    float: left;
    margin-bottom: -2px; /*width: 60%;*/
}

.divDxTelInfo { /*line-height: 28px; float :right; width: 40%;  text-align: left; vertical-align: middle;*/
    float: left;
    line-height: normal;
    width: 35%;
}

.divSxTel {
    float: left;
    margin-bottom: -2px; /*width: 45%;*/
}

.divDxTel { /*line-height: 14px; float :right; text-align: left; vertical-align: middle;*/
    float: left;
    line-height: normal;
    width: 50%;
}

input[type="text"].error:focus, input[type="text"].error, input[type="text"].required:focus, input[type="text"].required,
input[type="password"].error:focus, input[type="password"].error, input[type="password"].required:focus, input[type="password"].required,
select.error:focus, select.error, select.required, select.required:focus {
    background-color: #fff1f1 !important;
    border: 1px solid #ff0000 !important;
    color: #ff0000 !important;
}

/*.success { color: #339900; }*/
input[type="text"].success,
input[type="text"].success:focus,
input[type="password"].success,
input[type="password"].success:focus,
select.success:focus, select.success {
    background-color: #F5FFF1 !important;
    border: 1px solid #3FCD00 !important;
}
/*color:#3FCD00 !important;*/

/*************************************************** STEPS ***************************************************/
#registration .box .buttons {
    border-left: none;
    border-right: none;
}

#chooseService .box .content .newService {
    margin-top: 20px;
}

#contacts .box .content h2 {
    text-transform: uppercase;
    line-height: 1.2;
}

#contacts .box .content .contact {
    margin-bottom: 30px;
}

#contracts .box .content .contract {
    padding: 5px;
}

    #contracts .box .content .contract .title {
        font-weight: bold;
    }

    #contracts .box .content .contract .text {
        height: 100px;
        overflow: auto;
        border: 1px solid #c4ced6;
        padding: 10px;
    }

#conclusion .box .content {
    text-align: center;
}

.contractLink {
    color: black;
}
/*************************************************** TELERIK ***************************************************/
.gridNoRecordsTemplate {
    padding: 20px;
    text-align: center;
}
/*.rtWrapperContent div { padding: 10px; }*/
/*.rtWrapperContent div { background:#333; color:#fff; padding: 10px; }*/

.zoneTopInfoWrapper {
    background-color: #2f8cbe;
    height: 27px;
    -webkit-box-shadow: 0 2px 30px 0 rgba(50,50,50,.2);
    -moz-box-shadow: 0 2px 30px 0 rgba(50,50,50,.2);
    box-shadow: 0 2px 30px 0 rgba(50,50,50,.2);
}

.wrapper960 {
    text-align: center;
    clear: both;
}

#header {
    width: 960px;
    margin: 0 auto;
}

    #header .logo {
        height: 92px;
        width: 139px;
        float: left;
        margin-top: -27px;
    }

#welcome {
    font-weight: bold;
    display: inline-block;
    float: right;
    margin-top: 60px;
    margin-bottom: 20px;
}

.super {
    vertical-align: super;
}

img.tooltipIcon3 {
    vertical-align: middle;
    cursor: pointer;
    margin-top: -12px;
}
/*pasword view/hide button*/

.password_view {
    width: 169px !important;
}

.password_view_btn {
    width: 20px !important;
    height: 18px !important;
    background-color: #F6FDFF !important;
    text-align: center !important;
    font-size: 12px;
    cursor: pointer;
    margin-right: 0px;
    border: 1px solid #c4ced6;
    border-left: 0;
    padding-top: 3px;
}

@-moz-document url-prefix() {
    .password_view_btn {
        padding-top: 4px;
    }
}

@supports (-ms-ime-align:auto) {
    .password_view_btn {
        padding-top: 4px;
    }
}

/*---------------------------*/

/* CookieBot styles */
#CybotCookiebotDialog #CybotCookiebotDialogHeader {
    display: none;
}

#CybotCookiebotDialogTabContent .CybotCookiebotDialogDetailBodyContentCookieContainerButton .CybotCookiebotDialogDetailBulkConsentCount, #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsent .CybotCookiebotDialogDetailBulkConsentCount {
    display: none;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
    outline-offset: 10px;
}

#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter {
    display: none;
}

/* ---------------------------------------------- */

/* grid view */
#chooseService table {
    width: 100%;
    border: 1px solid #aabfd6;
    color: #1e395b;
    background-color: #fff;
    font-size: 12px;
    line-height: 16px;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
}

#chooseService th {
    text-align: left;
    padding: 5px 5px 5px 8px;
    background: #EFEFEF;
    border-bottom: 1px solid #aabfd6;
    font-weight: bold;
}

#chooseService td {
    padding: 5px 5px 5px 8px;
    color: #1e395b;
}

#chooseService th a {
    text-decoration: none;
    color: black;
}

#chooseService .empty-grid {
    text-align: center;
    padding: 20px;
}

    #chooseService .empty-grid td {
        padding: 20px;
    }