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%;
	outline: 0;
    touch-action: manipulation;
}
/* HTML5 display-role reset for older browsers */
table, td, tr
{
    vertical-align: top;
}
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: inherit;
	border-spacing: 0;
}



.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}@charset "UTF-8";

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix {
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    clear: both !important;
}

    .clearfix:after {
        content: '';
        display: block;
        clear: both;
    }

body label {
    margin-bottom: 0;
}

select, input, textarea {
    -webkit-touch-callout: default !important;
    -webkit-user-select: auto !important;
    /* Remove First */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.clear {
    clear: both;
    height: 0;
}

a, input, textarea, select, option {
    outline: 0;
    text-decoration: none;
}

.alignCenter {
    text-align: center;
}

.fl {
    float: left;
    /*padding-left: 40px;*/
}

.fr {
    float: right;
    /*padding-right: 40px;*/
}

body {
    font-size: 12px !important;
    background: #2f71bc url(../../img/Facelift/bg@2x.png?uid=164321203) no-repeat top !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}

.customContainer {
    max-width: 1040px;
    margin: auto;
}

    .customContainer:before, .customContainer:after {
        content: '';
        display: block;
        clear: both;
    }

#header, #content {
    margin: 0;
}

.customContainer:before, .customContainer:after {
    content: '';
    display: block;
    clear: both;
}
/*#wrapper {
  width: 100%;
  max-width: 1040px;
  display: block;
  margin: auto;
    height: auto;
}*/

/* Header */
#header {
    margin-bottom: 50px;
    background-color: transparent !important;
}

    #header [class^="col-"] {
        padding: 0;
    }

    #header .logo {
        float: left;
        margin: 40px 0 0 0;
        width: 170px;
    }

    #header .language {
        float: right;
        color: #18326f;
        font-size: 12px;
        margin-top: 37px;
    }

        #header .language select {
            color: #18326f;
            background: transparent;
            border: 0;
            margin: 0 0 0 5px;
            font-size: 12px;
        }

    #header .language_panel {
        display: none;
        width: 180px;
        padding: 0 0 5px;
        position: absolute;
        left: 0px;
        top: 45px;
        background: rgba(0, 73, 144, 0.9);
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
    }

        #header .language_panel ul li + li {
            border-top: 1px solid #0f5aa4;
        }

        #header .language_panel ul li a {
            color: #f1f1f1;
            font-size: 14px;
            display: block;
            height: 31px;
            line-height: 15px;
            padding: 8px 10px 8px 18px;
        }

            #header .language_panel ul li a:hover {
                text-shadow: 1px 1px #666;
                color: #fff;
            }

    #header .language .links {
        float: right;
        position: relative;
    }

        #header .language .links > a {
            min-width: 180px;
            height: 45px;
            line-height: 45px;
            display: inline-block;
            text-align: center;
            float: right;
            background-color: #cc0033;
            font-size: 16px;
            font-weight: 500;
            color: #ffffff;
            border-radius: 2px;
        }

        #header .language .links > .toggleLanguage {
            border-radius: 2px;
            background-color: rgba(0, 73, 144, 0.9);
            min-width: 180px;
            display: block;
            float: left;
            margin-right: 9px;
            height: 45px;
            font-size: 16px;
            font-weight: 500;
            color: #fff;
            text-align: center;
            line-height: 45px;
            padding-left: 18px;
            padding-right: 22px;
            text-align: left;
            cursor: pointer;
            position: relative;
        }

            #header .language .links > .toggleLanguage:before {
                content: '';
                display: inline-block;
                float: left;
                width: 17px;
                height: 17px;
                background: url(../../img/svg/worldwide.svg?uid=164321203) no-repeat center;
                background-size: contain;
                margin-top: 14px;
                margin-right: 11px;
            }

            #header .language .links > .toggleLanguage:after {
                content: '';
                display: block;
                position: absolute;
                right: 22px;
                top: 50%;
                margin-top: -3px;
                width: 9px;
                height: 6px;
                background: url(../../img/svg/arrow-d.svg?uid=164321203) no-repeat center;
                background-size: contain;
            }

            #header .language .links > .toggleLanguage.opened:after {
                transform: scaleY(-1);
            }

/* Header */

/* Footer */
#footer {
    text-align: right;
    height: auto;
    width: 100%;
    margin-top: 75px;
    background-color: #ebebeb;
    color: #004990;
    font-size: 10px;
    overflow: hidden;
}

    #footer label {
        text-align: left;
        font-size: 10px;
    }

    #footer img {
        float: right;
        margin-left: 15px;
    }

    #footer a {
        color: #004990;
        padding: 0;
        font-size: 10px;
        margin: 0 5px;
    }

        #footer a:hover {
            color: #004990;
        }

    #footer .help_panel {
        background-color: #024d95;
        color: #fff;
    }

    #footer .col-sm-8 {
        padding-top: 8px;
    }

    #footer .panel_content {
        padding: 0 61px;
        display: flex;
        flex: 1;
        align-items: center;
        height: 102px;
        position: relative;
    }

        #footer .panel_content:before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -18px;
            width: 36px;
            height: 36px;
            background-size: contain;
        }

        #footer .panel_content p {
            display: none;
            line-height: 1.5;
        }

            #footer .panel_content p.active {
                display: block;
            }

            #footer .panel_content p b {
                display: block;
                font-size: 16px;
                padding-top: 35px;
            }

            #footer .panel_content p span {
                display: block;
                font-size: 14px;
            }

        #footer .panel_content .arrows {
            position: absolute;
            right: 0;
            top: 50%;
            height: 48px;
            margin-top: -24px;
        }

            #footer .panel_content .arrows span {
                float: right;
                width: 24px;
                height: 48px;
                margin-left: 9px;
                background-color: #004991;
                border-radius: 2px;
                position: relative;
                cursor: pointer;
            }

                #footer .panel_content .arrows span:hover {
                    background-color: #0e5499;
                }

                #footer .panel_content .arrows span:before {
                    content: '';
                    display: block;
                    left: 0;
                    right: 0;
                    height: 10px;
                    background: url(../../img/svg/arrow-r.svg?uid=164321203) no-repeat center;
                    background-size: contain;
                    top: 50%;
                    margin-top: -5px;
                    position: relative;
                }

                #footer .panel_content .arrows span.left:before {
                    transform: scaleX(-1);
                }

    #footer > .customContainer {
        padding-top: 11px;
        padding-bottom: 11px;
        display: inherit;
        padding-left: 5px;
    }

/* Footer */
/*#content {
  margin-top: 76px;
  padding-left: 100px;
    padding-bottom: 153px;
}*/

#content {
    padding-bottom: 183px;
    min-height: calc(100vh - 243px);
}

    #content .customContainer {
        max-width: 840px;
    }

    #content hr {
        background-color: transparent;
        border: 0;
        border-top: 2px solid #f3f3f3;
    }

    #content .login_box.left_panel {
        padding: 0;
        width: 100%;
        max-width: 534px;
        margin-left: auto;
        margin-right: auto;
    }

    #content .right_panel {
        float: right;
        width: 283px;
        background-color: rgba(0, 73, 144, 0.9);
        margin-top: 70px;
        padding: 0;
        box-shadow: 0 8px 14px 0 rgba(0, 73, 144, 0.95);
    }

        #content .right_panel h2 {
            font-size: 16px;
            font-weight: 500;
            color: #ffffff;
            display: flex;
            flex: 1;
            margin: 0;
            float: none;
            height: 84px;
            align-items: center;
            padding: 0 21px;
        }

            #content .right_panel h2:before {
                content: '';
                display: inline-block;
                float: left;
                width: 18px;
                height: 24px;
                margin-right: 13px;
                background: url(../../img/FaceLift/lock.png?uid=164321203) no-repeat center;
            }

        #content .right_panel ul {
            background: #2f71bc;
            margin: 0;
        }

            #content .right_panel ul li {
                height: 74px;
                display: flex;
                position: relative;
            }

            #content .right_panel ul li {
                border-bottom: 1px solid #004990;
            }

                #content .right_panel ul li a {
                    color: #fff;
                    font-size: 14px;
                    font-weight: 500;
                    flex: 1;
                    padding: 0 21px;
                    display: flex;
                    align-items: center;
                    line-height: 1.4;
                    text-decoration: none;
                }

                    #content .right_panel ul li a::after {
                        content: '';
                        background: url(../../img/svg/arrow-r.svg?uid=164321203) no-repeat right;
                        height: 10px;
                        position: absolute;
                        right: 8px;
                        width: 15px;
                    }

        /*#content .right_panel + .left_panel {
    width: 534px;
}*/

        #content .right_panel + .left_panel .box_content {
            padding: 0 0 20px;
        }

    /*#content .left_panel {
    float: left;
    width: 684px;
}*/

    #content .left_panel h1 {
        font-size: 22px;
        font-weight: 400;
        color: #fff;
        display: block;
        height: 38px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

h2 {
    float: left;
    color: #1b3f7b;
    font-size: 20px;
    line-height: 24px;
    margin-top: 20px;
}

h3 {
    float: left;
    color: #2b2b2b;
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
}

h2.header {
    float: none;
    margin: 0 0 20px 0;
}

.dp-popup-inline h2 {
    float: none !important;
}

div.dp-container {
    left: inherit !important;
    top: inherit !important;
    margin-top: 32px;
}

.filterPanel .formContainer .formRow .formContent .textbox input {
    padding-left: 10px;
    padding-right: 10px;
    text-indent: 0;
}

span.textbox.vb-datepicker input.pickADate {
    float: left;
    background: #fff;
    color: #15213b;
    border-radius: 3px;
    border: solid 1px rgba(14, 26, 53, 0.3);
    margin-right: 8px;
    width: 252px;
    max-width: 252px;
    opacity: 1;
    font-size: 12px;
}

span.textbox.vb-datepicker .vb-date-icon {
    float: left;
    width: 40px;
    height: 36px;
    background: url(../../img/datePickerCal.png?uid=164321203) no-repeat center;
}

input.dp-active {
    height: 36px;
}
/*Result Panel*/

.loginErrorPanel.result_panel {
    height: 40px !important;
}

/*Login Panel*/
.left_panel .credit_card {
    float: right;
    color: #26aad1;
    font-size: 11px;
    width: 109px;
    height: 38px;
    padding: 50px 0 0 0;
    text-align: center;
    background: url(../../img/creditcard_entry.jpg?uid=164321203) no-repeat left top;
    background-position: right;
}

.left_panel .asan_login {
    float: right;
    padding: 0;
    text-align: center;
}

.left_panel .textbox_container {
    display: block;
    min-height: 60px;
    border: 1px solid rgba(14, 26, 53, 0.3);
    border-radius: 3px;
    margin-bottom: 20px;
    position: relative;
}

.textbox_container.captcha {
    height: auto;
}

.left_panel .textbox_container .text_label {
    display: block;
    font-size: 12px;
    color: rgba(21, 33, 59, 0.5);
    padding: 10px 20px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.left_panel .textbox_container.password::after {
    /*content: '';
    background: url(../../img/keyboard.png?uid=164321203) no-repeat;
    width:40px;
    height:36px;
    position: absolute;
    right: 14px;
    top: 12px;*/
}

.left_panel .textbox_container.password.focus::after {
    background: url(../../img/keyboard_hover.png?uid=164321203) no-repeat;
}

.left_panel .textbox_container input {
    font-size: 16px;
    color: #15213b;
    margin-top: 5px;
    border: 0;
    background: transparent;
    display: block;
    padding: 0 20px;
    height: 20px;
    width: 100%;
}

.left_panel .textbox_container.passwordReminderPasswordTextBox input {
    height: 35px;
    font-size: 14px;
    width: 61px !important;
    padding: 0 5px;
    margin-right: 5px;
    background-color: #fff;
}

.left_panel .textbox_container input[type=password] {
    letter-spacing: 2px;
    font-size: 16px;
    font-weight: 400;
}

.left_panel .textbox_container.focus inputs {
    color: #000;
}

.left_panel .textbox_container > label {
    width: 44px;
    height: 14px;
    background: url(../../img/person_icon.jpg?uid=164321203) no-repeat 11px 0;
    float: left;
    margin: 10px 0;
}

.left_panel .textbox_container .show-keyboard {
    width: 40px;
    height: 36px;
    background: url(../../img/svg/keyboard.svg?uid=164321203) no-repeat center;
    background-size: contain;
}

.left_panel .textbox_container .validatorContainer {
    border-top: 1px solid rgba(14, 26, 53, 0.3);
    margin: 0 -1px -1px;
    width: auto;
    background-color: #fff;
}

.left_panel .textbox_container.phone input.area {
    float: left;
    width: 60px;
    padding-right: 0;
}

    .left_panel .textbox_container.phone input.area + input {
        float: left;
        width: 238px;
        padding-left: 0;
    }

.passwordReminderPasswordTextBox {
    /*width: 135px !important;
    background: url(../../img/passwordReminder_textbox.png?uid=164321203) no-repeat left top !important;
    height: 35px !important;
    border: 0 !important;*/
}

.left_panel .textbox_container.captcha > label {
    background-image: url(../../img/password_icon.jpg?uid=164321203);
    display: none;
}

.formContainer .formRow .formContent .card-numbers {
    display: inline-block;
}

.left_panel .captchaPanel a {
    vertical-align: top;
}

input[type=radio]:not(old) {
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 50%;
    border: 1px solid #b6bac2;
    width: 19px;
    height: 19px;
    padding: 2px;
    margin-top: -5px;
    vertical-align: middle;
    margin-right: 5px;
}

    input[type=radio]:not(old):checked {
        background: #00ccff;
        border-color: #00ccff;
        width: 19px;
        height: 19px;
        background-clip: content-box;
        outline: none;
    }

    input[type=radio]:not(old):focus {
        outline: none;
    }

    input[type=radio]:not(old) + label {
        margin-right: 10px;
        font-weight: 500;
    }

.greenButton, .backButton, .detailButton {
    height: 36px;
    display: inline-block;
    color: #fff !important;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    background-color: #00ccff;
    border-radius: 3px;
    text-align: center;
    text-decoration: none !important;
}

    .greenButton a, .backButton a, .detailButton a, .greenButton a:hover, .backButton a:hover, .detailButton a:hover, .greenButton a:visited, .backButton a:visited, .detailButton a:visited {
        color: #fff;
        text-decoration: none;
    }

    .greenButton span, .backButton span, .detailButton span {
        display: block;
        color: inherit;
    }

.backButton {
    background-image: url(../../img/Buttons/backButton.jpg?uid=164321203);
}

    .backButton span {
        background-image: url(../../img/Buttons/backButton_spn.jpg?uid=164321203);
    }

.left_panel p {
    font-size: 11px;
    color: #999;
    margin: 10px 0 0 0;
    line-height: 14px;
}

.left_panel #asanLoginHelp p {
    font-size: 12px;
    color: #999;
    margin: -33px 0 10px -30px;
    line-height: 14px;
    width: 400px;
    position: relative;
    text-align: left;
}

    .left_panel #asanLoginHelp p label {
        font-weight: normal;
    }

.left_panel p a {
    color: #79c0fc;
    text-decoration: underline;
}

/* Login Box */
.login_box td.vTop {
    vertical-align: top;
}

.login_box td.vMiddle {
    vertical-align: middle;
}

.login_box td.vBottom {
    vertical-align: bottom;
}

.login_box .box_content {
    background-color: #fff;
    position: relative;
    border-radius: 2px;
    padding: 20px 40px 60px 40px;
}

    .login_box .box_content + .box_content  {
        display: none;
    }

.login_box h5 {
    font-weight: normal;
    color: #000;
    font-size: 13px;
    margin-bottom: 10px;
    height: 20px;
    line-height: 20px;
    /*padding-left: 10px;
    background: url(../../img/tip.png?uid=164321203) no-repeat left center;*/
}

/* Login Box */
.left_panel .button_container {
    min-height: 45px !important;
    padding-top: 6px !important;
    z-index: 1;
}

.login-otp {
    text-align: -webkit-center;
}

.securityImageDiv {
    width: 150px;
    height: 150px;
    margin-bottom: 10px;
    display: inline-block;
}

/* Security Images */
.securityImage {
    padding: 4px;
    border: 1px solid #cae4f7;
    border-radius: 2px;
    width: 92px;
    height: 92px;
}

.securityImagePanel {
    float: none;
    width: 100%;
    margin: auto;
}

.securityImageTable {
    width: 100%;
}

.securityImagePanel .top, .securityImagePanel .bottom {
    display: none;
}

.securityImagePanel .top {
    height: 9px;
    background-image: url(../../img/security_panel.jpg?uid=164321203);
}

.securityImagePanel .bottom {
    height: 9px;
    background-image: url(../../img/security_panel.jpg?uid=164321203);
    background-position: left bottom;
}

.securityImagePanel .content {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

    .securityImagePanel .content table {
        /* border-spacing: 16px;*/
        width: 100%;
    }

    .securityImagePanel .content td label {
        display: block;
        width: 100px;
        height: 100px;
        padding: 9px;
        margin: auto;
    }

.login_box .securityImageTable td.vMiddle {
    min-width: 120px;
    width: 120px;
}

.securityImagePanel .selected {
    background: url(../../img/selectedSecurityImage.jpg?uid=164321203) no-repeat center;
}

    .securityImagePanel .selected label {
        background: url(../../img/selectedSecurityImage.jpg?uid=164321203) no-repeat center;
    }

.securityImagePanel input[type=radio] {
    display: none;
}

.securityImagePanel img {
    width: 82px;
    height: 82px;
    cursor: pointer;
}

.securityImageSingle {
    width: 82px;
    height: 82px;
}

.login-security-image .formContainer .formRow {
    padding: 0;
}

    .login-security-image .formContainer .formRow .formTitle {
        min-width: 120px;
        max-width: 120px;
    }

    .login-security-image .formContainer .formRow .formContent .textbox input {
        background-color: #fff;
        border: solid 1px rgba(14, 26, 53, 0.3);
        padding: 0 10px;
        font-size: 12px;
        height: 36px;
    }
/* Security Images */
.page_top {
    height: 20px;
}

    .page_top h2 {
        font-weight: normal;
        float: left;
        height: 27px;
        color: #2fa8ac;
        font-size: 14px;
        padding: 0 0 0 15px;
        line-height: 32px;
        background: url(../../img/title.jpg?uid=164321203) no-repeat left 11px;
    }

h2.title {
    font-weight: normal;
    float: left;
    height: 27px;
    color: #2fa8ac;
    font-size: 14px;
    padding: 0;
    line-height: 32px;
    background: none;
}

.page_top a.help {
    background: url(../../img/asanImza_Help.png?uid=164321203) no-repeat right top;
    padding-right: 45px;
    font-size: 16px;
    color: #999999;
    text-decoration: underline;
    font-weight: 500;
    float: right;
    cursor: pointer;
}

.page_content h5 {
    font-weight: normal;
    color: #4c84bc;
    font-size: 14px;
    padding-left: 10px;
    margin-bottom: 10px;
    background: url(../../img/tip.png?uid=164321203) no-repeat left center;
}

    .page_content h5.expandAll {
        height: 20px;
        cursor: pointer;
        background-image: url(../../img/expandAll.png?uid=164321203);
        font-size: 11px;
        line-height: 22px;
        padding-left: 25px;
    }

        .page_content h5.expandAll.expanded {
            background-image: url(../../img/collapseAll.png?uid=164321203);
        }

/*label.bold { font-size: 12px; color: #333; }*/
td.bold {
    font-size: 12px;
    color: #333;
}

label.big {
    font-size: 15px !important;
}

td.sp {
    width: 30px;
    text-align: center;
}

td.highlight {
    background-color: #edf4f5;
    color: #333;
    padding-left: 5px !important;
    font-size: 11px;
    width: 35%;
    border-bottom: 1px solid #fff;
}

td.loginHighlight, td.fraudHighlight {
    background-color: #edf4f5;
    color: #333;
    padding-left: 5px !important;
    font-size: 11px;
    border-bottom: 1px solid #fff;
}

/* Controls */
select {
    font-size: 12px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url(../../img/dropdown-arrow.png?uid=164321203) no-repeat right top;
    /*min-width: 155px;*/
    border: solid 1px rgba(14, 26, 53, 0.3);
    border-radius: 3px;
    padding: 0 25px 0 10px;
    height: 36px;
    outline: 0;
    background-position: calc(100% + 8px) top;
}

    select option {
        border: 0;
        background: #fff;
        outline: 0;
        line-height: 1.5;
    }

    select:focus {
        color: #000;
        background-position: calc(100% + 8px) -33px;
    }

.formContainer.loginContainer .textbox input:not(.date) {
    height: 36px;
    border-radius: 3px;
    border: solid 1px rgba(14, 26, 53, 0.3);
    background-color: #ffffff;
    text-align: center;
    font-size: 13px;
    min-width: 45px;
}

.formContainer.loginContainer .textbox input[disabled] {
    background-color: rgb(235, 235, 228);
}

div.boxCard input[type='text'], div.boxCard input[type='password'] {
    width: 45px !important;
}

div.boxwithoutCard input[type='text'] {
    width: 145px !important;
}

.formContainer.loginContainer .textbox input:focus {
    color: #15213b;
}

.textbox input {
    font-size: 19px;
    border: 0;
    color: #999999;
}

    .textbox input:focus {
        color: #333;
    }

.textbox .container {
    margin-top: 6px;
}

.textbox.textright input {
    text-align: right;
}

.textbox.textcenter input {
    text-align: center;
}

.textbox.textleft input {
    text-align: left;
}

.textbox.ip {
    background-image: url(../../img/Dropdown/iptext_left.jpg?uid=164321203);
    height: 22px;
}

    .textbox.ip .right {
        background-image: url(../../img/Dropdown/iptext_right.jpg?uid=164321203);
        height: 22px;
    }

    .textbox.ip .container {
        height: 14px;
        margin-top: 3px;
    }

.card_numbers .textbox {
    background-position: left bottom;
    height: 60px;
    border: 1px solid rgba(14, 26, 53, 0.3);
    border-radius: 3px;
    position: relative;
    display: inline-block;
    width: 24%;
}

    .card_numbers .textbox .right {
        background-position: right bottom;
    }

    .card_numbers .textbox input {
        width: 100% !important;
        text-align: center;
        height: 100%;
        background-color: transparent;
    }

.card_numbers .text_label {
    display: block;
    color: #999;
    font-weight: normal;
}

.dropdown.alert, .textbox.alert {
    background-position: left bottom;
}

    .dropdown.alert .right, .textbox.alert .right {
        background-position: right bottom;
    }

.validate_message {
    display: block;
    color: red;
    line-height: normal;
    font-size: 11px;
    margin-top: -10px;
    *margin-top: 0;
}

img.datepicker {
    float: left;
    margin: 5px 0 0 0;
}

/* Controls IE7 fix */
.dropdown .container {
    *height: 19px;
    *overflow: hidden;
    *margin-top: 5px;
}

.dropdown select {
    *height: 22px;
    *margin-left: -1px;
    *margin-top: -1px;
    *margin-right: -1px;
}

.textbox .container {
    *margin-top: 5px;
}

.textbox.ip .container {
    *margin-top: 3px;
}

/* Controls IE7 fix */
/* Controls */

.formContainer .greenButton {
    margin: 0;
    padding-right: 10px;
}

    .formContainer .greenButton span {
        padding-left: 10px;
    }

.nextBtn {
    float: right;
    vertical-align: middle;
}

.loginNextButton {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: auto;
    height: 45px;
    line-height: 25px;
    margin-top: 20px;
    float: none;
}

/*OTP Security Padding Left*/
.otpSecurityPaddingLeft {
    padding-left: 8px;
}

table.half td.highlight {
    width: 55%;
}

table.fraud td.highlight {
    width: 80%;
    word-break: normal;
    word-wrap: break-word;
}

.loginContainer:not(.bDayControlPanel) td {
    padding: 0;
}

div[id*='WithoutCardContentPanel'] legend {
    display: none;
}

/* Warning display */
.warning_display {
    font-size: 12px;
    color: #15213b;
    margin-bottom: 20px;
}

    .warning_display td {
        vertical-align: middle;
        line-height: 18px;
    }

        .warning_display td.warning_icon {
            width: 80px;
            background: url(../../img/svg/result-info.svg?uid=164321203) no-repeat left center;
            display: none;
            height: 64px;
        }

/* Warning display */
.timer {
    font-size: 17px;
    color: #1b3f7b;
    font-weight: bold;
}

.captchaPanel a {
    margin-right: 0px;
    margin-top: 0px;
}

.dp-year-select, .dp-month-select {
    text-align: center;
}

.NormalPhoneNumberTextBoxWidth {
    width: 150px !important;
}

.SmallPhoneNumberTextBoxWidth {
    width: 100px !important;
}

.KeyboardImage {
    background: url(../../img/keypad_icon.jpg?uid=164321203) no-repeat center 5px;
    padding-right: 21px;
    padding-top: 19px;
}

/* Popup */
.ui-widget-overlay {
    background: url(../../img/popup_overlay2.png?uid=164321203) repeat !important;
}

.loginpopup {
    width: 340px;
    position: absolute;
    display: none;
    z-index: 101;
    top: 50% !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(-50%) !important;
}

table.fraud {
    width: 450px;
}

.fraudDeviceBindContainer h5 {
    font-weight: bold !important;
    color: #333 !important;
    background: none;
    font-size: 11px !important;
    padding-left: 0px;
    margin-bottom: 5px;
    height: 20px;
    line-height: 20px;
}

.loginTabContainer {
    height: 70px;
    position: relative;
    margin: 0 0 40px;
    padding: 30px 28px 0;
}

    .loginTabContainer .item {
        display: flex;
        flex: 1;
        height: 40px;
        border: 1px solid #cc0033;
    }

        .loginTabContainer .item + .item {
            border-left: 0;
        }

        .loginTabContainer .item a {
            color: #cc0033;
            text-decoration: none;
            float: none;
            display: flex;
            font-size: 12px;
            height: 40px;
            line-height: 1.2;
            padding: 0 12px;
            justify-content: center;
            align-items: center;
            text-align: center;
            flex: 1;
        }

    .loginTabContainer .mobil.item a {
        color: #fff;
    }

    .loginTabContainer .item a.asan_login {
        background-image: url(../../img/FaceLift/asan.png?uid=164321203);
        background-repeat: no-repeat;
        background-position: center;
    }

    .loginTabContainer .item.active a.asan_login {
        background-image: url(../../img/asanImza_Hover.png?uid=164321203);
    }

    .loginTabContainer .item.active {
        background-color: #cc0033;
    }

        .loginTabContainer .item.active a {
            color: #fff;
        }

    .loginTabContainer .tabImage {
        margin-top: -3px;
        float: left;
        height: 35px;
    }

    .loginTabContainer .tabContainerCenter {
        display: flex;
    }

        .loginTabContainer .tabContainerCenter:after {
            content: '';
            display: block;
            clear: both;
        }

/* Popup */
.ui-widget-overlay {
    background: url(../../img/popup_overlay2.png?uid=164321203) repeat !important;
}

.popup_overlay, .overlay {
    display: none;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1010;
}

    .overlay.pre {
        background: none;
    }

.loginpopup {
    width: 340px;
    position: absolute;
    display: none;
    z-index: 1011;
}

    .loginpopup .box_top, .loginpopup .box_bottom {
        height: 5px;
    }

    .loginpopup .box_top_left, .loginpopup .box_top_right, .loginpopup .box_bottom_left, .loginpopup .box_bottom_right {
        float: left;
        width: 50%;
        height: 5px;
    }

    .loginpopup .box_top_left {
        background-position: left top;
        background-image: url(../../img/pagecontainer_top.png?uid=164321203);
    }

    .loginpopup .box_top_right {
        background-position: right top;
        background-image: url(../../img/pagecontainer_top.png?uid=164321203);
    }

    .loginpopup .box_bottom_left {
        background-position: left bottom;
        background-image: url(../../img/pagecontainer_bottom.png?uid=164321203);
    }

    .loginpopup .box_bottom_right {
        background-position: right bottom;
        background-image: url(../../img/pagecontainer_bottom.png?uid=164321203);
    }

    .loginpopup .box_content {
        padding: 10px 15px;
        background-color: #fff;
        background-image: none !important;
    }

        .loginpopup .box_content h5 {
            margin-bottom: 20px;
        }

        .loginpopup .box_content p {
            line-height: 16px;
        }

    .loginpopup .closePopup {
        display: inline-block;
        height: 32px;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: -28px;
        line-height: 30px;
    }

        .loginpopup .closePopup .left {
            width: 6px;
            height: 32px;
            background-image: url(../../img/popupCloseBorder.png?uid=164321203);
        }

        .loginpopup .closePopup .right {
            width: 6px;
            height: 32px;
            background-image: url(../../img/popupCloseBorder.png?uid=164321203);
            background-position: right top;
        }

        .loginpopup .closePopup .center {
            text-align: center;
            height: 32px;
            background-image: url(../../img/popup_close.png?uid=164321203);
        }

        .loginpopup .closePopup span {
            float: left;
        }

    .loginpopup.reverse .closePopup {
        top: auto;
        bottom: -28px;
        margin: 0;
        padding: 0;
    }

        .loginpopup.reverse .closePopup > span {
            background-position: left bottom;
        }

            .loginpopup.reverse .closePopup > span.right {
                background-position: right bottom;
            }

    .loginpopup.help .closePopup {
        top: 2px;
        right: 2px;
        color: transparent;
        font-size: 0;
        width: 22px;
        height: 22px;
        background: url(../../img/popup_close2.png?uid=164321203) no-repeat 0 0;
    }

        .loginpopup.help .closePopup span {
            width: 0 !important;
        }

    .loginpopup.help .box_content {
        padding: 30px 15px;
    }

#asanLoginHelp {
    width: 100%;
    max-width: 300px;
    display: block;
    margin: auto;
}

.popup_overlay.visible, .loginpopup.visible {
    display: block;
}

.relative {
    position: relative;
}

.z101 {
    z-index: 101;
}

.loginpopupSelector {
    cursor: pointer;
}

/* Popup */
.refreshCaptcha {
    margin-right: 5px;
    margin-top: 10px;
    height: 30px;
    width: 20px;
    display: inline-block;
    padding-right: 15px;
    background: url(../../img/Buttons/refresh.png?uid=164321203) no-repeat right top;
    background-size: 25px 25px;
    background-position-x: center;
    background-position-y: center;
}

.ui-widget-header {
    background: #cccccc !important;
}

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        background: #dadada !important;
    }

        .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-active .ui-icon {
            background-image: none !important;
        }

.login-otp .formContainer {
    max-width: 408px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.ReminderPhoneNumberTextBoxWidth {
    width: 130px !important;
}

#otpPanel, #ResendButtonPanel, .sms-panel {
    margin-left: 100px;
    margin-right: 100px;
    text-align: left;
}

#ResendButtonPanel {
    text-align: center;
}

.waitingPanel {
    text-align: left;
    color: #1b3f7b;
    font-size: 17px;
    line-height: 40px;
    max-width: 420px;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    min-height: 80px;
}

    .waitingPanel:after {
        content: '';
        display: block;
        clear: both;
    }

    .waitingPanel .remaining-label {
        font-size: 12px;
        color: rgba(21, 33, 59, 0.5);
        font-weight: 500;
        width: 146px;
        display: none;
    }

    .waitingPanel .timer-label {
        font-size: 12px;
        font-weight: 500;
        color: #15213b;
        text-align: center;
        width: 100%;
        height: 30px;
        line-height: 36px;
        margin: auto;
    }

        .waitingPanel .timer-label .textbox {
            width: 100%;
            display: block;
        }

        .waitingPanel .timer-label .timer {
            font-size: 18px;
            font-weight: bold;
            color: #cc0033;
            margin-right: 24px;
            float: left;
        }

        .waitingPanel .timer-label label {
            vertical-align: text-bottom;
            display: inline-block;
        }

        .waitingPanel .timer-label .waiting-dots {
            display: inline-block;
            width: 12px;
            text-align: left;
        }

.sms-panel {
    padding: 20px 0 0;
}

    .sms-panel .sms-label {
        font-size: 12px;
        width: 100%;
        display: block;
        margin-bottom: 8px;
    }

    .sms-panel .sms-input {
        margin-top: 40px;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        position: relative;
    }

#otp-input-list {
    min-height: 45px;
}

    #otp-input-list input {
        margin-top: 0 !important;
    }

.sms-panel input[type=password], .sms-panel input[type=tel] {
    width: 209px;
    height: 45px;
    border: 1px solid rgba(14, 26, 53, 0.3);
    border-radius: 3px;
    font-size: 12px;
    color: #15213b;
    padding: 0 13px;
}



.sms-panel .resend a {
    margin-bottom: 20px;
}

.sms-panel .sms-input:after {
    content: '';
    display: block;
    clear: both;
    float: none !important;
}

/*.sms-panel .sms-input > * {
    float: left;
    clear: inherit;
}*/

.sms-panel .sms-input .sms-label + div.fl {
    margin-top: 8px;
}

/*.sms-panel .remaining-time {
    float: left;
    text-align: center;
    margin-bottom: 0;
    margin-top: -20px;
    margin-left: 20px;
    width: 50px;
    height: 85px;
}*/

.sms-panel .remaining-time span {
    display: block;
    clear: both;
    font-size: 18px;
    color: #cc0033;
    font-weight: bold;
}

    .sms-panel .remaining-time span.container {
        margin-top: 0 !important;
    }

    .sms-panel .remaining-time span:first-child {
        font-size: 12px;
        font-weight: normal;
        color: rgba(21, 33, 59, 0.5);
    }

.formContainer {
    display: block;
    margin-bottom: 20px;
}

    .formContainer .formRow {
        display: flex;
        min-width: 100%;
        max-width: 100%;
        background-color: #fafafa;
    }

    .formContainer.loginContainer .formRow + .formRow {
        margin-top: 0;
        padding-top: 14px;
    }

    .formContainer .formRow + .formRow {
        margin-top: 3px;
    }

.filterPanel .formContainer .formRow .formTitle {
    padding-top: 0;
    padding-bottom: 0;
    align-items: center;
}

.filterPanel .formContainer .formRow .formContent {
    line-height: 0;
}

.formContainer .formRow .formTitle {
    flex: 1;
    min-width: 200px;
    max-width: 200px;
    font-size: 12px;
    text-align: right;
    line-height: 1.25;
    color: #999;
    font-weight: 400;
    padding-right: 14px;
    padding-left: 5px;
    padding-top: 11px;
    justify-content: flex-end;
    display: flex;
    min-height: 36px;
}

.formContainer .formRow .formContent {
    flex: 1;
    min-height: 36px;
    line-height: 36px;
    background-color: #fafafa;
}

.formContainer.detailContainer .formRow .formContent {
    padding-left: 13px;
    word-break: break-word;
}

.formContainer .formRow.text-line .formContent {
    line-height: 18px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.formContainer.loginContainer select {
    max-width: 300px;
    display: inline-block;
}

h3.tableHeader {
    font-size: 16px;
    color: #0e1a35;
    line-height: 20px;
    margin: 13px 0;
}

#content h4.subHeader {
    display: inline-block;
}

    #content h4.subHeader label {
        font-size: 13px;
        line-height: 1.54;
        letter-spacing: normal;
        color: #15213b;
        font-weight: 500;
    }

.rightKeybord .textbox {
    float: left;
    margin-right: 5px;
}

    .rightKeybord .textbox input {
        border: solid 1px rgba(14, 26, 53, 0.3);
        border-radius: 3px;
        padding: 0 13px;
    }

    .rightKeybord .textbox + .KeyboardImage {
        float: left;
        width: 21px;
        height: 33px;
    }

.captchaPanel img {
    border: 1px solid #ccc;
    height: 35px !important;
    width: auto !important;
    margin-right: 10px;
}

/*.result_panel {
    display: inline-block;
    vertical-align: middle;
    min-height: 50px;
    padding-left: 56px;
    line-height: 36px;
    background-repeat: no-repeat;
    background-position: left top;
    *float: left;
    margin-left: 30px;
}*/

/*.result_panel.success {
    background-image: url(../../img/success.jpg?uid=164321203);
}*/

/*.result_panel.fail {
    background-image: url(../../img/error.jpg?uid=164321203);
}

.result_panel.info {
    background-image: url(../../img/info.jpg?uid=164321203);
}*/

.result_panel h4 span {
    font-size: 13px;
    word-break: break-word;
}

body .ui-dialog.ui-widget-content {
    background: #ffffff !important;
    overflow: visible;
    position: fixed !important;
    border: 0;
    padding: 0 20px;
    z-index: 9992 !important;
}

body .ui-dialog .ui-dialog-content {
    padding: 0;
    max-width: 100%;
}

body .ui-dialog .ui-dialog-titlebar {
    height: 65px;
    background-color: #fff !important;
    border: 0;
    z-index: 1;
    /*box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.12);*/
    padding: 0 !important;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    text-align: center;
}

body .ui-dialog .ui-dialog-titlebar-close {
    background: url(../../img/closePopup.png?uid=164321203) no-repeat;
    border: 0;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 20px;
    top: 22px;
    margin: 0;
}

body .ui-dialog .ui-dialog-title {
    float: none;
    width: auto;
    font-size: 16px;
    display: block;
    margin: 0;
    font-weight: 500;
    padding-top: 22px;
}

body .ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    filter: Alpha(Opacity=60) /*{opacityFilterOverlay}*/;
    background: #000 !important;
    z-index: 9991 !important;
}

.keyboard_not_visible {
    display: none;
}

.showkeyboard {
    top: 7px;
    right: 5px;
    position: relative;
}

/*.result_panel_container {
    position: relative;
}

.result_panel_container .failImg, .result_panel_container .warningImg {
    position: absolute;
    left: 18px;
    top: 18px;
    background: url(../../img/svg/result-fail.svg?uid=164321203) no-repeat center;

    width: 48px;
    height: 48px;
    background-size: contain;
}

.result_panel_container .failImg + .result_panel, .result_panel_container .warningImg + .result_panel {
    padding-left: 55px !important;
}

.result_panel_container .result_panel.fail, .result_panel_container .result_panel.warning {
    min-height: 80px;
    color: #fff;
    padding: 10px;
    padding-left: 80px;
    text-align: left;
    margin: 0 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.result_panel_container .result_panel {
    background-image: none;
}
.result_panel_container .result_panel.fail {
    background-color: #cc0033;
    padding-left: 10px;
}

.result_panel_container .result_panel.warning {
    background-color: #03B4E1;
}

.result_panel_container .result_panel.fail h4, .result_panel_container .result_panel.warning h4 {
    margin: 0;
    word-wrap: break-word;
    display: block;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
}

.result_panel_container .result_panel.fail h4 p, .result_panel_container .result_panel.warning h4 p {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    word-wrap: break-word;
}
.result_panel_container .result_panel * {
    color: #fff;
}*/
body .ui-dialog.ui-widget-content.CustomOtpLightBox {
    padding-bottom: 20px;
}

    body .ui-dialog.ui-widget-content.CustomOtpLightBox .ui-dialog-titlebar {
        height: 45px;
    }

.CustomOtpLightBox .otp-button {
    float: right;
}

.CustomOtpLightBox .captchaPanel {
    display: block;
    clear: both;
    margin-bottom: 10px;
    zoom: 1.2;
}

    .CustomOtpLightBox .captchaPanel .refreshCaptcha {
        padding: 0;
        width: 30px;
    }

    .CustomOtpLightBox .captchaPanel img {
        float: left;
    }

.CustomOtpLightBox .textbox_container.captcha input[type=text] {
    width: 209px;
    height: 45px;
    border: 1px solid rgba(14, 26, 53, 0.3);
    border-radius: 3px;
    font-size: 12px;
    color: #15213b;
    padding: 0 13px;
}

.ui-dialog.VeriBranchLightBox .ui-dialog-content .warning_display {
    margin-bottom: 10px;
}

    .ui-dialog.VeriBranchLightBox .ui-dialog-content .warning_display table {
        width: 100%;
    }

.login-otp .securityImage + div {
    max-width: calc(100% - 115px);
}

body form .textbox > input[type=tel].password-mode {
    font-size: 16px !important;
    letter-spacing: 0.03em;
    -webkit-text-security: disc;
    -webkit-appearance: none;
    padding: 0 !important;
}

.login_box.left_panel .result_panel_container .result_panel.fail, .login_box.left_panel .result_panel_container .result_panel.warning {
    margin-bottom: 15px;
    /* min-height: 50px;*/
}

.result_panel_container .failImg, .result_panel_container .warningImg {
    width: 32px;
    height: 32px;
    background-size: contain;
    left: 28px;
    top: 9px;
}

.result_panel_container .result_panel.fail h4, .result_panel_container .result_panel.warning h4 {
    overflow: hidden;
    /*text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;*/
    line-height: 16px;
}

    .result_panel_container .result_panel.fail h4 p, .result_panel_container .result_panel.warning h4 p {
        line-height: 16px;
        color: #fff;
        font-size: 13px;
        font-weight: 400;
        margin: 0;
    }

.ui-dialog.ui-widget-content .result_panel_container {
    overflow: hidden;
}

.mobile-otp-text {
    display: none;
}

@media screen and (min-device-width: 768px) {
    html, body, form {
        height: 100%;
        min-height: 100%;
        margin: auto;
    }

    #wrapper {
        min-height: 100%;
        margin: auto;
    }

    .information-icon {
        width: 24px;
        background: url(../../img/info.jpg?uid=164321203) no-repeat left top;
        height: 24px;
        margin-right: 10px;
    }

    .fraud-warning-approve-box {
        float: left;
    }
    .sms-panel .sms-input{
        justify-content:space-between;
    }
}

@media (max-device-width: 992px) {
    .login-otp{
        margin-bottom:20px;
    }
    .detailButton, .greenButton, .backButton {
        height: 45px;
        display: table;
        width: 100% !important;
        max-width: 100% !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .login-otp .pull-left .detailContainer .formRow .formTitle span {
        top: 2px;
        left: 15px;
    }

    .login-otp .pull-left .detailContainer .formRow .formContent select {
        width: calc(100% - 40px);
        padding-left: 15px;
    }

    .login-otp .pull-left .detailContainer .formRow .formContent .tooltip {
        left: 12px;
    }

        .login-otp .pull-left .detailContainer .formRow .formContent .tooltip .tooltiptext {
            left: -180px;
            width: 200px;
        }

    #footer {
        min-width: auto;
        text-align: right;
        height: 31px;
        padding: 8px 40px 0;
        margin-top: -31px;
        background-color: #1366b1;
        color: #fff;
        font-size: 10px;
        overflow: hidden;
        display: table-cell;
    }

        #footer .customContainer {
            padding-left: 15px;
        }

    .customContainer {
        max-width: 100%;
    }

    #footer .customContainer #loginFooterLinks {
        float: left;
    }

    .left_panel #asanLoginHelp p {
        margin: -10px 0 15px 0px;
        position: relative;
    }

    .sms-panel {
        margin-left: 0;
        margin-right: 0;
    }



    html body {
        background: #1366b1 !important;
    }

    .login-otp .securityImage + div {
        float: none !important;
        display: block;
        width: 100%;
        max-width: 100%;
        clear: both;
    }

    .clear {
        display: block;
        height: 1px;
    }

    #wrapper {
        padding: 0 0 40px;
    }

    .successLogOffH2 {
        color: white;
        margin-top: 8px !important;
    }

    #wrapper #header {
        text-align: center;
        margin-bottom: 0 !important;
        padding-bottom: 0;
    }

        #wrapper #header .logo {
            float: none;
            margin-left: 0;
            width: 45%;
            max-width:200px;
        }

        #wrapper #header .language {
            float: none !important;
        }

            #wrapper #header .language .links {
                float: none;
                display: flex;
                justify-content: center;
            }

                #wrapper #header .language .links > a, #wrapper #header .language .links > .toggleLanguage {
                    margin: 0 5px;
                    min-width: 0;
                    float: none;
                    flex: 1;
                    max-width: 45%;
                    min-width: 45%;
                }

        #wrapper #header .language_panel {
            width: 100%;
            z-index: 99;
            background: #004990;
        }

            #wrapper #header .language_panel ul li a {
                font-size: 16px;
                height: auto;
                padding: 15px 0;
            }

    #content {
        padding: 0;
        margin-top: 36px;
    }

        #content .left_panel, #content .right_panel {
            float: none !important;
            width: auto;
            margin: 0;
        }

        #content .right_panel {
            margin-top:38px;
            background-color: #004990;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
            border-bottom-left-radius: 2px;
            border-bottom-right-radius: 2px;
            overflow: hidden;
        }
         #content .login_box.left_panel ~ .right_panel{
             margin-top: 38px !important;
         }

        #content .right_panel ul {
            background-color: #2a67ac;
        }

        #content .left_panel h1 {
            text-align: center;
            display: block;
            margin-bottom: 26px;
        }

        #content #asanLoginHelp {
            max-width: 100%;
            padding: 5px 28px 0px 28px;
        }

        #content .loginTabContainer {
            padding: 0;
            margin-bottom: 21px;
        }

            #content .loginTabContainer .tabContainerCenter .item {
                white-space: normal;
                min-height: 60px;
                max-height: 60px;
                line-height: 20px;
                padding: 0;
            }

                #content .loginTabContainer .tabContainerCenter .item a {
                    height: auto;
                    line-height: inherit;
                    letter-spacing: -0.44px;
                    font-weight: 500;
                }

                    #content .loginTabContainer .tabContainerCenter .item a.asan_login img {
                        margin: 0;
                    }

        #content .login_box h5 {
            height: auto;
            margin-bottom: 0;
            text-align: center;
        }

        #content .login_box .box_content {
            padding: 15px 15px 0px 15px;
            border-radius: 0;
        }

        #content .waitingPanel .remaining-label {
            width: auto;
        }

        #content #otpPanel, #content #ResendButtonPanel {
            margin-left: 0;
            margin-right: 0;
        }

    #ResendButtonPanel {
        max-width: 100% !important;
    }

    #content .login-otp > table {
        width: 100%;
    }

    #content .login-otp .formContainer {
        margin: 0;
    }

        #content .login-otp .formContainer .formRow {
            padding-left: 0;
            padding-right: 0;
            display: flex;
            padding-top: 0;
        }

            #content .login-otp .formContainer .formRow .formTitle {
                max-width: 46vw;
                min-width: 39vw;
                background-color: #fff;
            }

            #content .login-otp .formContainer .formRow .formContent {
                flex: 7;
            }



    #footer {
        margin: 0;
        height: auto;
    }

        #footer .help_panel {
            height: auto;
        }

            #footer .help_panel .panel_content {
                padding: 30px 70px 25px 60px;
                height: auto;
            }

                #footer .help_panel .panel_content:before {
                    top: 33px;
                    margin: 0;
                    left: 8px;
                }

                #footer .help_panel .panel_content .arrows {
                    top: 27px;
                    margin-top: 0;
                    right: 8px;
                }

        #footer label {
            text-align: center;
            display: block;
            float: none;
        }

    .formContainer {
    }

        .formContainer .formRow {
            display: block;
            padding-left: 20px;
            padding-right: 20px;
        }

            .formContainer .formRow + .formRow {
                padding-top: 14px;
            }

            .formContainer .formRow .formTitle, .formContainer .formRow .formContent {
                padding-left: 0;
                padding-right: 0;
                min-width: 0;
                max-width: 100%;
                text-align: left;
            }

                .formContainer .formRow .formContent:before, .formContainer .formRow .formContent:after {
                    content: '';
                    display: block;
                    clear: both;
                }

            .formContainer .formRow .formTitle {
                display: block;
                flex: none;
                min-height: 20px;
            }

            .formContainer .formRow .formContent {
                flex: none;
                min-height: 0;
            }

    .page_content h4.subHeader label {
        padding-left: 20px;
        padding-right: 20px;
    }

    .formContainer.half select {
        width: 100% !important;
    }

    #content .login_box.left_panel, #content .right_panel {
        float: none;
        width: 100%;
        max-width: none !important;
    }



    .sms-panel input[type=password], .sms-panel input[type=tel] {
       
        -webkit-text-security: disc;
        text-align: center;
        font-size: 16px;
        letter-spacing: 0.05em;
    }

    .sms-panel .sms-input {
        padding-bottom: 36px;
    }

        .sms-panel .sms-input .validatorContainer {
            max-width: 100%;
        }

    .securityImagePanel {
        float: none;
        width: 100%;
        margin: auto;
    }

    .securityImageTable {
        padding: 0 11px;
    }

        .securityImageTable td {
            display: inline-block;
            width: 100%;
        }

    .securityImagePanel td {
        width: 33.3%;
        padding: 5px 0;
        text-align: center;
    }

    .login_box .securityImageTable td.vMiddle {
        padding: 0 20px;
        display: block;
        min-width: 100%;
        max-width: 100%;
        padding: 0 0 10px;
    }

    .securityImagePanel .content td label {
        width: 100px;
        height: 100px;
        padding: 9px;
        margin: auto;
    }

    .textbox {
        margin-right: 5px;
        display: inline-block !important;
        line-height: normal;
    }

    .back {
        height: 24px;
        background-size: contain;
        position: absolute;
        left: 23px;
        top: 23px;
    }

    .formContainer .formRow .formTitle {
        padding-bottom: 5px;
    }

    .login-security-image .formContainer .formRow {
        padding-left: 10px;
        padding-right: 10px;
    }

    .loginButtonPosition {
        min-height: 0 !important;
        max-height: 100% !important;
    }

        .loginButtonPosition > a {
            position: inherit !important;
            bottom: 0 !important;
        }

    .counterPopup {
        left: 5vw;
        margin: 0;
        right: 5vw;
        width: 90vw;
        top: 200px;
    }

    .filterPanel .formContainer .formRow .formContent .textbox, .filterPanel .formContainer .formRow .formContent select, .filterPanel select {
        max-width: 300px !important;
    }

    .login-otp .securityImage {
        margin-right: 0;
    }

    .mobile-otp-text {
        display: block;
        color: #15213b;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        width: 100%;
        max-width: calc(100% - 130px);
        float: right;
    }
}


.hidden {
    display: none !important;
}

.result_panel, .warning_display {
    box-shadow: 0 5px 5px -3px #0003, 0 5px 10px 1px #00000024, 0 3px 14px 2px #0000001f;
}

    .result_panel.success h4 {
        display: inline-block;
        margin-top: 20px;
        margin-bottom: 10px;
    }

@media (min-width:992px) {
    .login-otp .pull-left .detailContainer .formRow .formTitle span {
        left: 16px;
    }

    .login-otp .pull-left .detailContainer .formRow {
        position: relative;
        left: 40px;
    }

        .login-otp .pull-left .detailContainer .formRow .formContent select {
            width: calc(100% - 110px);
        }

        .login-otp .pull-left .detailContainer .formRow .formContent .tooltip {
            left: 12px;
            top: 18px;
        }

    #header .logo {
        width: 170px;
    }

    .login_box.left_panel .textbox_container.captcha input {
        height: 60px;
        margin-top: 0;
    }

    .login-otp .pull-left .detailContainer .formRow .formContent select {
        float: left;
        padding-left: 20px;
    }
}

.mb20 {
    margin-bottom: 20px !important;
}

.counterPopup .box_content a span {
    padding: 0px 0px !important;
}

.executePanel .result_panel {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    padding: 36px 20px 38px;
    background-color: #fafafa;
    border-radius: 2px;
    margin-bottom: 20px;
    text-align: center;
}

    .executePanel .result_panel:before {
        content: '';
        display: block;
        margin: 0 auto 20px;
        width: 129px;
        height: 129px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../../img/success.png?uid=164321203);
    }

input[type="date"].native-date::-webkit-calendar-picker-indicator {
    display: none;
    background: transparent;
}

.login-otp .pull-left .detailContainer .formRow {
    display: block !important;
    background: transparent;
    text-align: left;
    height: 80px;
}

    .login-otp .pull-left .detailContainer .formRow .formTitle {
        min-height: 16px;
        max-width: min-content;
        min-width: max-content;
        background: transparent !important;
        justify-content: flex-start;
        text-align: left;
        position: absolute;
    }

        .login-otp .pull-left .detailContainer .formRow .formTitle span {
            line-height: 15px;
            display: block;
            position: relative;
            height: 15px;
        }

    .login-otp .pull-left .detailContainer .formRow .formContent {
        background: transparent;
        padding-left: 0;
    }

        .login-otp .pull-left .detailContainer .formRow .formContent select {
            height: 60px;
            padding-top: 22px;
            background-position-y: 12px;
        }


.information-container-approve-box {
    display: inline-block;
    float: left;
}

    .information-container-approve-box .customCheckbox {
        display: inline-block;
        float: left;
    }

.fraud-warning-box ul {
    list-style: inside !important;
    list-style-type: circle;
}

.fraud-warning-box li {
    margin: 5px;
}

.fraud-warning-table {
    margin-top: 4px;
}

.fraud-warning-customer-name {
    display: flex;
    align-items: center;
}

.fraud-warning-body {
    margin-top: 25px;
}

.fraud-warning-list {
    line-height: 1.5rem;
}

.fraud-warning-box {
    padding: 15px;
    margin-bottom: 20px;
    line-height: 1.5;
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}

.fraud-warning-approve-box {
    display: inline-block;
    float: left;
    margin-top: 7px;
}

.fraud-warning-msg {
    display: block;
    margin-bottom: 10px;
}

.login-tab-wrapper .retail-banking:before {
    content: "";
    background-image: url('../../img/svg/icon-retail-bank.svg?uid=164321218');
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: contain;
    position: relative;
    left: -4px;
    background-repeat: no-repeat;
}

.login-tab-wrapper .corporate-banking:before {
    content: "";
    background-image: url('../../img/svg/icon-corporate-bank.svg?uid=164321218');
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: contain;
    position: relative;
    left: -5px;
    background-repeat: no-repeat;
}

.login-tab-wrapper .active {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    align-items: center;
    display: inline-flex;
    flex: 1;
    margin: 0;
    float: none;
    align-items: center;
    padding: 0 21px;
    background: #2f71bc;
    width: 50%;
}

.login-tab-wrapper .deactive {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    align-items: center;
    display: inline-flex;
    flex: 1;
    margin: 0;
    float: none;
    align-items: center;
    padding: 0 21px;
    background-color: rgba(0, 73, 144, 0.9);
    width: 50%;
}

.LoginButtons.login-tab-wrapper {
    width: 100%;
    display: flex;
}

@media (max-device-width: 991.98px) {
    .fraud-warning-box {
        min-height: calc(100vh - 390px);
        height: auto !important;
        color: white !important;
        line-height: normal !important;
    }

    .fraud-warning-approve-box {
        text-align: center;
    }

    .login-tab-wrapper {
        margin: auto;
    }
}

@media (min-width:768px) {
    .login-tab-wrapper {
        height: 84px;
    }

        .login-tab-wrapper .retail-banking:before {
            top: -2px;
        }

        .login-tab-wrapper .corporate-banking:before {
            top: -3px;
        }
}

@media (max-width:767.98px) {


    .login-tab-wrapper a {
        font-size: 12px !important;
        font-weight: normal !important;
        padding-left: 12px !important;
        line-height: normal;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

        .login-tab-wrapper a:first-child {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        .login-tab-wrapper a:last-child {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

    #header .customContainer {
        display: flex;
        flex-direction: column-reverse;
    }

        #header .customContainer .language {
            margin-top: 0;
            margin-bottom: 20px;
        }

    #header .language .links > .toggleLanguage {
        background-color: transparent;
        font-weight: normal;
        text-align: right
    }

        #header .language .links > .toggleLanguage:before {
            float: none;
        }

        #header .language .links > .toggleLanguage:after {
            display: none !important;
        }

    #wrapper #header .language .links {
        justify-content: flex-end;
    }
}
.datepicker .content table.jCalendar {
    border: 1px solid #000;
    background: #f3f5f8;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    width: 100%;
    margin: 0;
}

.datepicker .content table.jCalendar th {
    background: #f3f5f8;
    color: #fff;
    font-weight: bold;
    padding: 0;
}

.datepicker .content table.jCalendar td {
    background: #ccc;
    color: #000;
    padding: 0;
    text-align: center;
    padding: 0px !important;
    vertical-align: middle;
}

.datepicker .content table.jCalendar td.other-month {
    background: #ddd;
    color: #aaa;
}

.datepicker .content table.jCalendar td.today {
    background-color: #00ccff !important;
    color: #fff;
    border-color: #00ccff;
    font-size: 12px;
}

.datepicker .content table.jCalendar td.selected.dp-hover {
    background: #f33;
    color: #fff;
}

.datepicker .content table.jCalendar tr {
    background: #f3f5f8;
}

.datepicker .content table.jCalendar td.dp-hover, .datepicker .content table.jCalendar tr.activeWeekHover td {
    background-color: #00ccff !important;
    color: #fff;
}

.datepicker .content table.jCalendar tr.selectedWeek td {
    background: #f66;
    color: #fff;
}

.datepicker .content table.jCalendar td.disabled, .datepicker .content table.jCalendar td.disabled.dp-hover {
    background: #bbb!important;
    color: #888;
}

.datepicker .content table.jCalendar td.unselectable, .datepicker .content table.jCalendar td.unselectable:hover, .datepicker .content table.jCalendar td.unselectable.dp-hover {
    background: #bbb;
    color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
    position: relative;
    background: #f6f6f6;
    font-size: 10px;
    padding: 0;
    width: 171px;
    line-height: 1.2em;
}

div#dp-popup {
    position: absolute;
    z-index: 199;
}

div.dp-popup h2 {
    font-size: 12px;
    text-align: center;
    margin: 0;
    padding: 0;
}

a#dp-close {
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block;
}

a#dp-close:hover {
    text-decoration: underline;
}

div.dp-popup a {
    color: #000;
    text-decoration: none;
    padding: 3px 2px 0;
}

div.dp-popup div.dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 100px;
}

div.dp-popup div.dp-nav-prev a {
    float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    cursor: pointer;
}

div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    cursor: default;
}

div.dp-popup div.dp-nav-next {
    position: absolute;
    top: 2px;
    right: 4px;
    width: 100px;
}

div.dp-popup div.dp-nav-next a {
    float: right;
}

div.dp-popup a.disabled {
    cursor: default;
    color: #aaa;
}

div.dp-popup td {
    cursor: pointer;
}

div.dp-popup td.disabled {
    cursor: default;
    border-color: #d9d9d9;
}

/* CUSTIMIZATION */
body div#dp-overlay, body div#nav-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*     background: #000;     opacity: 0.5;     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 	filter: alpha(opacity=50);     */
    background: rgba(0, 0, 0, 0.6);
}

body div#dp-overlay {
    z-index: 9991;
}

body div#nav-overlay {
    z-index: 9990;
}

input.pickADate { /*background-image: url(../../plugins/jquery-datepicker/calendar.png?uid=164321203); background-position: 100% center; background-repeat: no-repeat;*/
    text-align: left !important;
    cursor: pointer;
    text-indent: 10px;
}

.datepicker .content table.jCalendar {
    position: relative;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.datepicker .content table.jCalendar th, .datepicker .content table.jCalendar td {
    border: 0;
    height: 36px; /*behavior: url('assets/css/htc/pie.htc');*/
    width: 29px;
}

.datepicker .content table.jCalendar th {
    color: #666;
    height: 30px;
    font-size: 13px;
    padding: 8px 10px;
}

.datepicker .content table.jCalendar td {
    cursor: pointer;
    background-color: #fff !important;
    color: #666;
    border-top: 1px solid #bbb;
    font-size: 12px;
}

.datepicker .content table.jCalendar td.selected {
    background-color: #00ccff !important;
    color: #fff;
    border-color: #00ccff;
    font-size: 12px;
}

.datepicker .content table.jCalendar td.selected.dp-hover {
    background: #00ccff;
    color: #fff;
}

.datepicker .content table.jCalendar th:nth-of-type(6), .datepicker .content table.jCalendar th:nth-of-type(7) {
    color: #666;
}

div.dp-container td.disabled, div.dp-container td.disabled.dp-hover, .datepicker .content table.jCalendar td.other-month {
    color: #b4b3b3;
    border-color: #d9d9d9;
    background: #ecebeb !important;
}

div.dp-container div.dp-nav-prev, div.dp-container div.dp-nav-next {
    position: absolute !important;
    top: 10px !important;
    width: 7px !important;
    height: 8px !important;
}

div.dp-container div.dp-nav-prev {
    left: 10px;
}

div.dp-container div.dp-nav-next {
    right: 10px;
}

div.dp-container .dp-nav-prev-year, div.dp-container .dp-nav-next-year {
    display: none;
}

div.dp-container .dp-nav-prev-month, div.dp-container .dp-nav-next-month {
    display: inline-block;
    width: 11px;
    height: 8px;
    font-size: 15px;
}

div.dp-container .dp-nav-prev-month {
    background-position: -60px -203px;
    margin-right: 10px;
}

div.dp-container .dp-nav-next-month {
    background-position: -20px -203px;
}

div.dp-popup {
    width: 252px;
    float: left;
    overflow: hidden;
    background: white;
    box-shadow: 0px 27px 27px -23px rgba(0,0,0,0.75);
    border-radius: 4px;
}

div.dp-container {
    z-index: 9992;
    position: absolute;
    left: 0 !important;
    top: 40px !important;
}
/*div.dp-container.dp-reverse {
    top: 0 !important;
}*/
div.dp-container.dp-reverse > .content {
    top: auto !important;
    bottom: 2px;
    position: absolute;
}

div.dp-container .dp-arrow {
    position: absolute;
    right: 20px;
    top: -7px;
    background: url("../../plugins/jquery-datepicker/arrow.png?uid=164321218") no-repeat scroll 0 0;
    width: 17px;
    height: 10px;
}

div.dp-container h2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
}

div.dp-container div.dp-calendar {
    overflow: hidden;
    clear: both;
    display: block;
    padding-top: 5px;
}

div.dp-container a {
    text-decoration: none;
}

div.dp-container a.dp-select-today, div.dp-container a.dp-select-month {
    font-size: 12px;
}

div.dp-container a.dp-select-month.disabled {
    display: none !important;
}

/*22.08.2013*/
.dp-popup.yearSelection {
    padding-top: 35px;
}

.dp-month-select, .dp-year-select {
    position: absolute;
    height: 20px;
    top: 7px;
}

.dp-month-select {
    left: 114px;
    width: 90px;
}

.dp-year-select {
    left: 48px;
    width: 60px;
}

body #content .dp-month-select select {
    width: 90px !important;
    min-width: 0;
    height: 25px;
    font-size: 12px;
    background-position: calc(100% + 14px) calc(-1em + 7px);
    text-indent: 0;
    padding: 0 5px;
}

body #content .dp-year-select select {
    width: 60px !important;
    min-width: 0;
    height: 25px;
    font-size: 12px;
    background-position: calc(100% + 14px) calc(-1em + 7px);
    text-indent: 0;
    padding: 0 5px;
}

.dp-month-select select:focus {
    background-position: calc(100% + 14px) -39px !important;
}

.dp-year-select select:focus {
    background-position: calc(100% + 14px) -39px !important;
}

@media (max-width:991.98px){
    div.dp-container {
        position: fixed;
        top: calc(50vh + 125px) !important;
        left: calc(50vw - 125px) !important;
    }
     
    
    div.dp-container.dp-reverse > .content .dp-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
}@CHARSET "UTF-8";
.sbHolder {
	display: inline-block;
	position: relative;
	width: 500px;
	height: 40px;
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	line-height: normal;
	vertical-align: middle;
}
.sbHolder.small {
	width: 100%;
	height: 33px;
}
	.sbHolder a {
		margin: 0;
		color: #161616;
		font-size: 14px;
	}

a.sbSelector {
	display: block;
	background: #f4f4f4;
	border-right: 1px solid #ccc;
	-webkit-border-radius: 6px 0 0  6px;
	-moz-border-radius: 6px 0 0  6px;
	border-radius: 6px 0 0  6px;
	outline: none;
	width: auto;
	height: 40px;
	color: #161616;
	line-height: 40px;
	text-indent: 10px;
	overflow: hidden;
}
.small a.sbSelector {
	height: 33px;
	line-height: 33px;
}
a.sbSelector:link, a.sbSelector:visited, a.sbSelector:hover {
	border-bottom: 0 none;
	outline: none;
}

a.sbToggle {
	display: block;
	background: url("../../plugins/jquery-selectbox/toggle-button.png?uid=164321218") no-repeat 0 0;
	border-left: 1px solid #fff;
	outline: none;
	float: right;
	width: 42px;
	height: 40px;
}
a.sbToggle:link, a.sbToggle:visited, a.sbToggle:hover {
	border-bottom: 0 none;
	text-decoration: none;
}
	.sbHolder:hover a.sbToggle {
		background-position: 0 -40px;
	}
a.sbToggleOpen {
	background-position: -42px 0;
}
	.sbHolder:hover a.sbToggleOpen {
		background-position: -42px -40px;
	}

.small a.sbToggle {
	background: url("../../plugins/jquery-selectbox/toggle-button-small.png?uid=164321218") no-repeat 0 0;
	width: 33px;
	height: 33px;
}
	.sbHolder.small:hover a.sbToggle {
		background-position: 0 -34px;
	}
.small a.sbToggleOpen {
	background-position: -33px 0;
}
	.sbHolder.small:hover a.sbToggleOpen {
		background-position: -33px -34px;
	}

.sbOptions {
	background: url('../../plugins/jquery-selectbox/transparent-bg.png?uid=164321218');
	position: absolute;
	left: 0;
	top: 35px;
	right: 42px;
	width: auto;
	margin: 1px 0 0 1px;
	padding: 12px 0;
	z-index: 1;
	list-style: none;
	overflow-y: auto;
}
.small .sbOptions {
	right: 33px;
}
	.sbOptions li {
		padding: 0 7px;
		margin: 4px 7px;
        white-space: nowrap;
    }
	
	.sbOptions a {
		outline: none;
	}
	.sbOptions a:hover {
		border-bottom-color: #161616;
	}
	
	.sbOptions .sbDisabled {
		border-bottom: dotted 1px #515151;
		color: #999;
		display: block;
		padding: 7px 0 7px 3px;
	}
	.sbOptions .sbSub {
		padding-left: 17px;
	}#header .menu { position: relative; height: 60px; background-color: rgba(0, 73, 144, 0.2);padding: 0 40px;}
#header .menu .left, #header .menu .right { padding: 0; }
#header .menu .seperator { padding: 0; }

#header .menu a.home { margin: auto; width: 22px; height: 21px; display: block !important; background: url(../../img/home.png?uid=164321203) no-repeat center; }


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative; }
.sf-menu ul { position: absolute; display: none; top: 47px; z-index: 99; text-align: left; margin-left: -5px; *margin-left: 0; *left: 0; }
.sf-menu td { padding: 0 5px; text-align: center; vertical-align: middle; white-space: normal !important; word-wrap: break-word; height: 60px; *position: relative; }
.sf-menu td > ul > li { padding-left: 0; }
.sf-menu td.last ul { left: auto; margin-left: 0; margin-right: -2px; padding: 0 0 5px 5px; text-align: left; *right: 5px !important; }
.sf-menu td.last ul ul { left: auto; right: 100%; }
.sf-menu td li.submenu { background: #004990 url(../../img/tip.png?uid=164321203) no-repeat 5px center !important; }
.sf-menu td.last li.submenu:hover {  }
.sf-menu td > a { *margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0"); }
.sf-menu ul li:hover { background-color: #004990 !important; }
.sf-menu td.sfHover { background-image: none; }
.sf-menu td.sfHover, .sf-menu td li.sfHover { background-color: #004990 !important; }
.sf-menu td > ul { display: block; visibility: hidden; }
.sf-menu td ul.sfHover { display: block; visibility: visible; width: 100%;left: 0;margin: 0;padding: 0;}
.sf-menu td > a.home   {cursor:auto; }
.sf-menu td > a   {cursor:default; }
/*
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}*/

.sf-menu a { position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }


/*** DEMO SKIN ***/
.sf-menu { width: 80%; display: table; height: 60px; }
.sf-menu ul { /*box-shadow: 2px 2px 6px rgba(0,0,0,.2);*/ min-width: 16em; /* allow long menu items to determine submenu width */ *width: 16em; /* no auto sub width for IE7, see white-space comment below */ background-image: url(../../img/box_shadow.png?uid=164321203); padding: 0 5px 5px 0; }
.sf-menu ul ul { min-width: 18em; /* allow long menu items to determine submenu width */ *width: 18em; /* no auto sub width for IE7, see white-space comment below */ margin-left: 0; *left: -18em !important; }
.sf-menu a { text-decoration: none; zoom: 1; /* IE7 */ }
.sf-menu a { color: #fff;font-size: 16px;font-weight: 500; }
.sf-menu a:hover, .sf-menu td.sfHover > a, .sf-menu td li.sfHover > a { color: #fff; }
.sf-menu ul li { background: #004990 !important; line-height: 4;*float: left; *width: 100%; }
.sf-menu ul li:first-child { border-top: 0; }
.sf-menu ul li a { color: #fff; font-size: 14px; font-weight: normal; padding: 0 5px 0 45px; line-height: 4; display: block; }
.sf-menu ul li:hover > a { /*border-left: 3px solid #079bda;*/ }

.sf-menu ul ul li { background: #004990; }

/*** arrows **/
.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position: absolute; display: block; right: .75em; top: .9em; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url(../../images/arrows-ffffff.png?uid=164321203) no-repeat 0 -100px; }

li:hover > a .sf-sub-indicator,
li.sfHover > a .sf-sub-indicator { background-position: -10px -100px; }

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: 0 0; }
.sf-menu ul li:hover > a .sf-sub-indicator,
.sf-menu ul li.sfHover > a .sf-sub-indicator { background-position: -10px 0; }

.sf-menu li.newMenu-tr-TR > a { background-image: url(../../img/new_menu_TR.jpg?uid=164321203); background-repeat: no-repeat; background-position: left; }
.sf-menu li.newMenu-ru-RU > a { background-image: url(../../img/new_menu_RU.jpg?uid=164321203); background-repeat: no-repeat; background-position: left; }
.sf-menu li.newMenu-en-US > a { background-image: url(../../img/new_menu_EN.jpg?uid=164321203); background-repeat: no-repeat; background-position: left; }
.sf-menu li.newMenu-nl-NL > a { background-image: url(../../img/new_menu_NL.jpg?uid=164321203); background-repeat: no-repeat; background-position: left; }
.sf-menu li.newMenu-de-DE > a { background-image: url(../../img/new_menu_DE.jpg?uid=164321203); background-repeat: no-repeat; background-position: left; }
.sf-menu li.newMenu-az > a { background-image: url(../../img/new_menu_AZ.jpg?uid=164321203); background-repeat: no-repeat; background-position: left; }.validatorContainer {
    max-width: 300px;
    width: 100%;
    margin: 0;
    padding: 2px 0 0;
    clear: both;
}

.ykb_icon_form {
    display: block;
    background-image: linear-gradient(to right, #cc0033, #d9312d);
    border-radius: 3px;
    padding: 2px 21px;
    font-size: 12px;
    font-weight: 500 !important;
    line-height: 20px;
    color: #fff;
}

.ykb_icon_form a.ykb_icon {
    display: none;
}

/*span.textbox.validate, span.dropdowns.validate {
    margin-right: 25px !important;
}*/

span.textbox.virtualKeyboard.validate {
    margin-right: 5px !important;
}

span.textbox.virtualKeyboard.validate .validatorContainer {
    right: -38px !important;
}

table.ip .validatorContainer {
    width: 0;
}

.displaynone {
    display: none !important;
}

.accountSelectionContainer .validatorContainer {
    max-width: 620px;
}html.lock, html.lock body {
    overflow: hidden !important;
    max-height: 100vh;
    max-width: 100vw;
}

.counterPopupOverlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9993;
    background-color: rgba(0, 0, 0, 0.3);
}

.counterPopup {
    font-size: 13px;
    max-width: 500px;
    width: 100%;
    height: 200px;
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -250px;
    top: 50%;
    margin-top: -100px;
}

.counterPopup .box_content {
    text-align: center;
    padding: 50px 25px;
    background-color: #fff;
    line-height: 20px;
    border-radius: 4px;
}

.counterPopup .box_content label {
    width: 25px;
    display: inline-block;
    margin: 0 3px;
    background: #1caad8;
    color: #fff;
}




.CustomPopup {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.3);
}

.CustomPopupContent {
    font-size: 13px;
    max-width: 500px;
    width: 100%;
    height: 200px;
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -250px;
    top: 50%;
    margin-top: -100px;
}

.CustomPopupContent .box_content {
    text-align: center;
    padding: 50px 25px;
    background-color: #fff;
    line-height: 20px;
    border-radius: 4px;
}

.CustomPopupContent .box_content label {
    width: 25px;
    display: inline-block;
    margin: 0 3px;
    background: #1caad8;
    color: #fff;
}


input.timer {
    font-size: 10px !important;
    cursor: default !important;
}


.sms-panel .remaining-time {
    display: inline-block;
}

select::-ms-expand {
    display: none;
}

.customCheckbox {
    position: relative;
    padding-left: 18px;
    min-height: 18px;
    min-width: 26px;
    display: inline-block;
    line-height: 1;
}

.customCheckbox > input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #b6bac2;
    width: 18px;
    height: 18px;
    padding: 3px;
    margin-top: 0;
    border-radius: 3px;
    box-shadow: none;
    outline: none;
}

.customCheckbox > input[type=checkbox]:checked {
    background: url(../../img/checked.png?uid=164321203) no-repeat center;
    background-size: contain;
    border: 0;
}

.customCheckbox > label {
    font-size: 12px;
    margin-left: 8px;
    position: relative;
    top: 2px;
    line-height: 15px;
}


.dvLoading {
    left: 50% !important;
    top: 50vh;
    margin-left: -30px;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    z-index: 101;
    position: absolute;
    font-size: 20px;
    font-weight: 900;
}

.overlay.pre .dvLoading {
    display: none;
}

.loader {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 60px;
}

.loader div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    margin: 0;
    border: 6px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.5s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}

.loader div:nth-child(1) {
    animation-delay: -0.45s;
}

.loader div:nth-child(2) {
    animation-delay: -0.3s;
}

.loader div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.result_panel_container {
    position: relative;
}

.result_panel_container .failImg {
    background: url(../../img/svg/result-fail.svg?uid=164321203) no-repeat center;
}

.result_panel_container .warningImg {
    background: url(../../img/svg/result-warning.svg?uid=164321203) no-repeat center;
}

.result_panel_container .failImg, .result_panel_container .warningImg {
    position: absolute;
    left: 18px;
    top: 18px;
    width: 64px;
    height: 64px;
}

.result_panel_container .result_panel.fail, .result_panel_container .result_panel.warning {
    min-height: 100px;
    color: #fff;
    /*padding: 10px;*/
    padding-left: 100px;
    text-align: left;
    margin: 0 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.result_panel_container .result_panel.fail {
    background-color: #cc0033;
}

.result_panel_container .result_panel.warning {
    background-color: #03B4E1;
}

.result_panel_container .result_panel.fail h4, .result_panel_container .result_panel.warning h4 {
    margin: 0;
    word-wrap: break-word;
    display: block;
    width: 100%;
}

.result_panel_container .result_panel.fail h4 p, .result_panel_container .result_panel.warning h4 p {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin: 10px;
    word-wrap: break-word;
    color: #fff;
}

@media (min-width:992px) {
    .mainNavigationOverlay {
        min-height: 82px !important;
    }

    .show-portfolio-page .formContainer .formRow {
        justify-content: center !important
    }



    .show-portfolio-page .formContainer .formRow .formContent {
        flex: none !important;
    }



    .show-portfolio-page .formContainer .formRow .formTitle {
        flex: none !important;
        min-width: auto !important;
        max-width: none !important;
    }

    .popup_container table.slipdetailTable tr td.bold + .sp + td {
        text-align: right;
        padding-right: 6px;
        padding-bottom: 15px;
    }
    .tooltip {
        position: relative;
        display: inline-block;
        background-image: url('../../img/icon-tooltip.svg?uid=164321218');
        background-repeat: no-repeat;
        width: 22px;
        height: 22px;
        cursor: pointer;
    }
}

@media (max-width: 991.98px) {
    .tooltip {
        position: relative;
        display: inline-block;
        background-image: url('../../img/icon-tooltip-white.svg?uid=164321218');
        background-repeat: no-repeat;
        width: 22px;
        height: 22px;
        cursor: pointer;
    }
    .digital-signature.btn-new-device-apply {
        width: 100% !important;
        text-align: center;
        max-width: calc(100vw - 40px);
        margin-right: 20px;
        display: table !important;
    }

    .popup_container table.slipdetailTable .MailMessageButton td a {
        display: flex;
        width: calc(100% - 20px) !important;
        margin-bottom: 16px;
    }

    .popup_container table.slipdetailTable tr td.bold {
        display: block;
        text-align: left;
        padding-left: 10px;
    }

    .popup_container table.slipdetailTable tr td.bold + .sp + td {
        display: block;
        margin-bottom: 20px;
        padding-left: 10px;
    }

    .popup_container table.slipdetailTable tr td.bold + .sp + td .textbox {
        width: calc(100% - 10px) !important;
    }

    .popup_container table.slipdetailTable tr td.bold + .sp + td .textbox input {
        max-width: 100% !important;
    }

    .popup.reverse .closePopup > span {
    }

    .VeriBranchLightBox table.nextBtn {
        width: 100%;
    }

    .VeriBranchLightBox table.nextBtn a {
        margin-top: 20px;
    }

    .VeriBranchLightBox .otp_panel {
        padding: 0px;
    }

    .VeriBranchLightBox .otp_panel table tr td.bold, .VeriBranchLightBox .otp_panel table tr td.bold + td {
        display: block;
        width: 100% !important;
        text-align: left;
        padding-top: 0px;
    }

    .VeriBranchLightBox .otp_panel table tr td.bold + td {
        text-align: center !important;
    }

    .VeriBranchLightBox .otp_panel table tr:last-child td {
        text-align: left;
        margin-top: 15px;
        display: block;
    }
}

#wrapper {
    min-height: 100%;
    height: auto;
}

body.timer-counter-active #wrapper, body.timer-counter-active #footer {
    filter: blur(5px);
}

.mobile-app-download {
    display: none;
}




.tooltip .tooltiptext {
    bottom: calc(100% + 4px);
    visibility: hidden;
    width: 160px;
    background-color: white;
    color: black;
    text-align: left;
    padding: 6px;
    border-radius: 4px;
    position: absolute;
    z-index: 1;
    line-height: 18px;
    box-shadow: 0 5px 5px -3px #0003, 0 5px 10px 1px #00000024, 0 3px 14px 2px #0000001f;
}


.tooltip:hover .tooltiptext {
    visibility: visible;
}

.ui-keyboard.ui-widget-content .close-keyboard {
    position: absolute;
    right: -10px;
    top: 0px;
    cursor: pointer;
}
.ui-keyboard.ui-widget-content .close-keyboard:before {
    content: "";
    background-image: url('../../img/svg/icon-close-square.svg?uid=164321218');
    display: block;
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
}
.opacity-full{
    opacity:1;
}
.tooltip-center{
    top:calc(50% - 11px);
}
body * {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}   
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-300.eot'); 
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-300.woff2') format('woff2'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-300.woff') format('woff'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-300.ttf') format('truetype'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-300.svg#Roboto') format('svg'); 
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-300italic.eot'); 
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-300italic.eot?#iefix') format('embedded-opentype'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-300italic.woff2') format('woff2'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-300italic.woff') format('woff'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-300italic.ttf') format('truetype'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-300italic.svg#Roboto') format('svg'); 
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  src: url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-regular.eot'); 
  src: local('Roboto'), local('Roboto-Regular'),
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-regular.woff2') format('woff2'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-regular.woff') format('woff'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-regular.ttf') format('truetype'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-regular.svg#Roboto') format('svg'); 
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-500.eot'); 
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-500.woff2') format('woff2'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-500.woff') format('woff'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-500.ttf') format('truetype'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-500.svg#Roboto') format('svg'); 
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-500italic.eot'); 
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-500italic.eot?#iefix') format('embedded-opentype'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-500italic.woff2') format('woff2'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-500italic.woff') format('woff'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-500italic.ttf') format('truetype'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-500italic.svg#Roboto') format('svg'); 
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: normal;
  src: url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-italic.eot'); 
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-italic.woff2') format('woff2'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-italic.woff') format('woff'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-italic.ttf') format('truetype'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-italic.svg#Roboto') format('svg'); 
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-700.eot'); 
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-700.woff2') format('woff2'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-700.woff') format('woff'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-700.ttf') format('truetype'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-700.svg#Roboto') format('svg'); 
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-700italic.eot'); 
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-700italic.woff2') format('woff2'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-700italic.woff') format('woff'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-700italic.ttf') format('truetype'), 
       url('../Fonts/Roboto/roboto-v18-cyrillic_cyrillic-ext_latin-ext_latin-700italic.svg#Roboto') format('svg'); 
}

@font-face {
    font-family: 'text-security-disc';
    font-style: italic;
    font-weight: 700;
    src: url('../Fonts/text-security-disc.woff');
}

body, body * {
    font-family: Roboto, sans-serif;
}/*! jQuery UI - v1.9.0 - 2012-10-05
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2012 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }

.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; }

/* icon support */
.ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }

/* right-aligned */
.ui-menu .ui-menu-icon { position: static; float: right; }

.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; z-index: 100; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }

/* TR overrides */
span.ui-spinner { background: none; }
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position:-65px -16px;
}

.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }

.ui-tooltip {
	padding:8px;
	position:absolute;
	z-index:9999;
	-o-box-shadow: 0 0 5px #aaa;
	-moz-box-shadow: 0 0 5px #aaa;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}
body .ui-tooltip { border-width:2px; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/  url (<%=WebResource("VeriBranch.Web.UI.Controls.Resources.Images.ui-bg_flat_75_ffffff_40x100.png?uid=164321218")%>)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/  url (<%=WebResource("VeriBranch.Web.UI.Controls.Resources.Images.ui-bg_highlight-soft_75_cccccc_1x100.png?uid=164321218")%>)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/  url (<%=WebResource("VeriBranch.Web.UI.Controls.Resources.Images.ui-bg_glass_75_e6e6e6_1x400.png?uid=164321218")%>)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/  url (<%=WebResource("VeriBranch.Web.UI.Controls.Resources.Images.ui-bg_glass_75_dadada_1x400.png?uid=164321218")%>)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/  url (<%=WebResource("VeriBranch.Web.UI.Controls.Resources.Images.ui-bg_glass_65_ffffff_1x400.png?uid=164321218")%>)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/  url (<%=WebResource("VeriBranch.Web.UI.Controls.Resources.Images.ui-bg_glass_55_fbf9ee_1x400.png?uid=164321218")%>)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url (<%=WebResource("VeriBranch.Web.UI.Controls.Resources.Images.ui-bg_glass_95_fef1ec_1x400.png?uid=164321218")%>)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image:  url(../../plugins/jquery-ui-1.9.2/css/ui-lightness/images/ui-icons_222222_256x240.png?uid=164321203) !important; }
.ui-widget-content .ui-icon {background-image:  url(../../plugins/jquery-ui-1.9.2/css/ui-lightness/images/ui-icons_222222_256x240.png?uid=164321203)!important; }
.ui-widget-header .ui-icon {background-image:  url(../../plugins/jquery-ui-1.9.2/css/ui-lightness/images/ui-icons_222222_256x240.png?uid=164321203)/*{iconsHeader}*/!important; }
.ui-state-default .ui-icon { background-image:  url(../../plugins/jquery-ui-1.9.2/css/ui-lightness/images/ui-icons_888888_256x240.png?uid=164321203)/*{iconsDefault}*/!important; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image:  url(../../plugins/jquery-ui-1.9.2/css/ui-lightness/images/ui-icons_454545_256x240.png?uid=164321203)/*{iconsHover}*/!important; }
.ui-state-active .ui-icon {background-image:  url(../../plugins/jquery-ui-1.9.2/css/ui-lightness/images/ui-icons_454545_256x240.png?uid=164321203)/*{iconsActive}*/!important; }
.ui-state-highlight .ui-icon {background-image:  url(../../plugins/jquery-ui-1.9.2/css/ui-lightness/images/ui-icons_2e83ff_256x240.png?uid=164321203)/*{iconsHighlight}*/!important; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image:  url(../../plugins/jquery-ui-1.9.2/css/ui-lightness/images/ui-icons_cd0a0a_256x240.png?uid=164321203)/*{iconsError}*/!important; }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; transform: scale(1.3);}
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/  url (<%=WebResource("VeriBranch.Web.UI.Controls.Resources.Images.ui-bg_flat_0_aaaaaa_40x100.png?uid=164321218")%>)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/  url (<%=WebResource("VeriBranch.Web.UI.Controls.Resources.Images.ui-bg_flat_0_aaaaaa_40x100.png?uid=164321218")%>)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }/* keyboard - jQuery UI Widget */
body form .ui-keyboard.ui-widget.ui-widget-content {
    padding: 10px 20px 15px;
    position: absolute; /*left:auto!important; right:-3px!important;*/
    top: 0;
    z-index: 16000;
    background: #fff;
    border-radius: 3px;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 2px 10px 0 rgba(21, 33, 59, 0.51);
    background-image: linear-gradient(169deg, #e7f1f6, #fff3fa) !important;
}

body form .ui-keyboard-has-focus {
    z-index: 16001;
}

body form .ui-keyboard div {
    font-size: 0.5em;
}

body form .ui-keyboard div.checkboxContainer {
    margin: 0;
    position: absolute;
    top: -10px;
    left: -20px;
    right: -20px;
    height: 51px;
    border-bottom: 1px solid #dae3f5;
    background-color: #fff;
    padding-top: 14px;
}

body form .ui-keyboard div.checkboxContainer input[type=checkbox] {
    display: inline-block;
    padding: 0;
    left: 13px;
    top: 15px;
    width: 20px !important;
    height: 20px !important;
    background-color: #fff !important;
    border-radius: 3px !important;
    border: 2px solid #b6bac2 !important;
    position: absolute;
    outline: none;
    margin: 0;
    z-index: 1;
    min-width: 20px !important;
    max-width: 20px !important;
}

body form .ui-keyboard div.checkboxContainer input[type=checkbox]:checked {
    background: url(../../img/svg/checked.svg?uid=164321203) no-repeat center;
    background-size: contain;
    border: 0 !important;
}

body form .ui-keyboard div.checkboxContainer label {
    float: left;
    padding-left: 38px;
    padding-top: 5px;
    position: relative;
    z-index: 2;
    min-height: 22px;
    white-space: normal;
    line-height: 14px;
    text-align: left;
}

body form .ui-keyboard-keyset-meta1 div.checkboxContainer input {
    margin-left: 10px;
}

body form .ui-keyboard-button {
    width: 30px;
    height: 44px;
    padding: 0;
    margin: 3px;
    cursor: pointer;
    overflow: hidden;
    -moz-user-focus: ignore;
    background: #fff !important;
    border-radius: 6px;
    border: 0 !important;
    box-shadow: 0 5px 5px 0 rgba(54, 85, 225, 0.23), inset 0 3px 4px 0 #fff !important;
}

body form .ui-keyboard-button:hover {
    background: #478FBF;
    border-color: #478FBF;
}

body form .ui-keyboard-actionkey, body form .ui-keyboard-default {
    width: auto;
    padding: 0 8px;
    height: 40px;
}

body form .ui-keyboard-actionkey:hover {
    background: #fbfbfb url(../../../BundleResources/img/keyboard_button_bg.jpg?uid=164321203) repeat-x 0 0;
}

body form .ui-keyboard-button.ui-keyboard-actionkey:hover span, .ui-keyboard-button.ui-keyboard-actionkey span,
body form .ui-keyboard-button.ui-keyboard-default:hover span, .ui-keyboard-button.ui-keyboard-default span {
    color: #1B3F7B;
    font-size: 14px;
    line-height: 28px;
}

body form .ui-keyboard-meta4, body form .ui-keyboard-meta5 {
    margin-top: 10px;
}

body form .ui-keyboard > span {
    width: 16px;
    height: 8px;
    display: block;
    position: absolute;
    top: -8px;
    right: 19px;
    background: url(../../../BundleResources/Images/kb.png?uid=164321203) 0 0 no-repeat;
}

body form .ui-keyboard-button span {
    padding: 0;
    margin: 0;
    height: 26px;
    line-height: 24px;
    white-space: nowrap;
    display: inline-block;
    color: #004990;
    font-size: 20px;
    font-weight: 300;
}

body form .ui-keyboard-button-endrow {
    clear: left;
}

body form .ui-keyboard-widekey {
    width: auto;
}

body form .ui-keyboard-space {
    width: 15em;
}

body form .ui-keyboard-space span, body form .ui-keyboard-empty span {
    font-size: 0;
    line-height: 0;
    text-shadow: none;
    color: transparent;
}
/* see http://nicolasgallagher.com/another-css-image-replacement-technique/ */
body form .ui-keyboard-preview-wrapper {
    text-align: center;
}

body form .ui-keyboard-preview {
    text-align: left;
    margin: 0 0 3px 0;
    display: inline;
    width: 99%;
}
/* width is calculated in IE, since 99% = 99% full browser width =( */
body form .ui-keyboard-keyset {
    text-align: center;
    white-space: nowrap;
    padding-top: 51px;
    position: relative;
}

body form .ui-keyboard-keyset label {
    font-size: 12px;
}

body form .ui-keyboard-input {
    text-align: left;
}

body form .ui-keyboard-input-current { /*-moz-box-shadow: 1px 1px 10px #00f; -webkit-box-shadow: 1px 1px 10px #00f; box-shadow: 1px 1px 10px #00f;*/
}

body form .ui-keyboard-placeholder {
    color: #888;
}

body form .ui-keyboard-nokeyboard {
    color: #888;
    border-color: #888;
}
/* disabled or readonly inputs, or use input[disabled='disabled'] { color: #f00; } */
body form .ui-keyboard-button.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
/* used by the acceptValid option to make the accept button appear faded */
body form .ui-keyboard-spacer {
    display: inline-block;
    width: 1px;
    height: 0;
}

body form .WaitingClickingCheckBox {
    margin-right: -70px;
    margin-top: 3px !important;
}

body form .WaitingClickingDiv {
    clear: both;
    display: block;
    height: 20px;
    width: 100%;
}

body form .WaitingClickingText {
    float: left;
    font-size: 14px;
}

/* combo key styling - toggles diacritics on/off */
body form .ui-keyboard-button.ui-keyboard-combo.ui-state-default {
    border-color: #ffaf0f;
}

/* (in)valid inputs */
body form button.ui-keyboard-accept.ui-keyboard-valid-input {
    border-color: #0c0;
    background: #080;
    color: #fff;
}

body form button.ui-keyboard-accept.ui-keyboard-valid-input:hover {
    background: #0a0;
}

body form button.ui-keyboard-accept.ui-keyboard-invalid-input {
    border-color: #c00;
    background: #800;
    color: #fff;
}

body form button.ui-keyboard-accept.ui-keyboard-invalid-input:hover {
    background: #a00;
}

/*** jQuery Mobile definitions ***/
/* jQuery Mobile styles - need wider buttons because of font size and text-overflow:ellipsis */
body form .ui-bar .ui-keyboard-button {
    width: 3em;
    display: inline-block;
}

body form .ui-bar .ui-keyboard-widekey {
    width: 5.5em;
}

body form .ui-bar .ui-keyboard-space {
    width: 15em;
}

body form .ui-bar .ui-keyboard-space span {
    visibility: hidden;
}
/* hides the ellipsis */
body form .ui-bar .ui-keyboard-keyset {
    line-height: 0.5em;
}

body form .ui-bar input.ui-input-text, body form .ui-bar textarea.ui-input-text {
    width: 95%;
}

/* over-ride padding set by mobile ui theme - needed because the mobile script wraps button text with several more spans */
body form .ui-bar .ui-btn-inner {
    height: 2em;
    padding: 0.2em 0;
    margin: 0;
}

body form .ui-bar .ui-btn {
    margin: 0;
    font-size: 13px;
}
/* mobile default size is 13px */

/* Media Queries (optimized for jQuery UI themes; may be slightly off in jQuery Mobile themes) */
/* 240 x 320 (small phone)  */
@media all and (max-width: 319px) {
    .ui-keyboard div {
        font-size: 9px;
    }

    .ui-keyboard .ui-keyboard-input {
        font-size: 12px;
    }
    /* I don't own an iPhone so I have no idea how small this really is... is it even clickable with your finger? */
    .ui-bar .ui-btn {
        margin: 0;
        font-size: 9px;
    }

    .ui-bar .ui-keyboard-button {
        width: 1.8em;
        height: 2.5em;
    }

    .ui-bar .ui-keyboard-widekey {
        width: 4em;
    }

    .ui-bar .ui-keyboard-space {
        width: 8em;
    }

    .ui-bar .ui-btn-inner {
        height: 2.5em;
        padding: 0.3em 0;
    }
}

/* 320 x 480 (iPhone)  */
@media all and (min-width: 320px) and (max-width: 479px) {
    .ui-keyboard div {
        font-size: 9px;
    }

    .ui-keyboard .ui-keyboard-input {
        font-size: 14px;
    }
    /* I don't own an iPhone so I have no idea how small this really is... is it even clickable with your finger? */
    .ui-bar .ui-btn {
        margin: 0;
        font-size: 11px;
    }

    .ui-bar .ui-keyboard-button {
        width: 1.8em;
        height: 3em;
    }

    .ui-bar .ui-keyboard-widekey {
        width: 4.5em;
    }

    .ui-bar .ui-keyboard-space {
        width: 10em;
    }

    .ui-bar .ui-btn-inner {
        height: 3em;
        padding: 0.7em 0;
    }
}

/* 480 x 640 (small tablet) */
@media all and (min-width: 480px) and (max-width: 767px) {
    .ui-keyboard div {
        font-size: 13px;
    }

    .ui-keyboard .ui-keyboard-input {
        font-size: 14px;
    }

    .ui-bar .ui-btn {
        margin: 0;
        font-size: 10px;
    }

    .ui-bar .ui-keyboard-button {
        height: 2.5em;
    }

    .ui-bar .ui-btn-inner {
        height: 2.5em;
        padding: 0.5em 0;
    }
}
/*! jQuery UI - v1.10.1 - 2013-02-15
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("../../../BundleResources/LoginMasterCssBundle/images/animated-overlay.gif?uid=164321218");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-size: 1.1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ url(../../../BundleResources/LoginMasterCssBundle/images/ui-bg_flat_75_ffffff_40x100.png?uid=164321203)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
	color: #222222/*{fcContent}*/;
}
.ui-widget-content a {
	color: #222222/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #aaaaaa/*{borderColorHeader}*/;
	background: #cccccc/*{bgColorHeader}*/ url(../../../BundleResources/LoginMasterCssBundle/images/ui-bg_highlight-soft_75_cccccc_1x100.png?uid=164321203)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
	color: #222222/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3/*{borderColorDefault}*/;
	background: #e6e6e6/*{bgColorDefault}*/ url(../../../BundleResources/LoginMasterCssBundle/images/ui-bg_glass_75_e6e6e6_1x400.png?uid=164321203)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #555555/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999/*{borderColorHover}*/;
	background: #dadada/*{bgColorHover}*/ url(../../../BundleResources/LoginMasterCssBundle/images/ui-bg_glass_75_dadada_1x400.png?uid=164321203)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121/*{fcHover}*/;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa/*{borderColorActive}*/;
	background: #ffffff/*{bgColorActive}*/ url(../../../BundleResources/LoginMasterCssBundle/images/ui-bg_glass_65_ffffff_1x400.png?uid=164321203)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1/*{borderColorHighlight}*/;
	background: #fbf9ee/*{bgColorHighlight}*/ url(../../../BundleResources/LoginMasterCssBundle/images/ui-bg_glass_55_fbf9ee_1x400.png?uid=164321203)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
	color: #363636/*{fcHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a/*{borderColorError}*/;
	background: #fef1ec/*{bgColorError}*/ url(../../../BundleResources/LoginMasterCssBundle/images/ui-bg_glass_95_fef1ec_1x400.png?uid=164321203)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
	background-position: 16px 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(../../../BundleResources/LoginMasterCssBundle/images/ui-icons_222222_256x240.png?uid=164321203)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url(../../../BundleResources/LoginMasterCssBundle/images/ui-icons_222222_256x240.png?uid=164321203)/*{iconsHeader}*/;
}
.ui-state-default .ui-icon {
	background-image: url(../../../BundleResources/LoginMasterCssBundle/images/ui-icons_888888_256x240.png?uid=164321203)/*{iconsDefault}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(../../../BundleResources/LoginMasterCssBundle/images/ui-icons_454545_256x240.png?uid=164321203)/*{iconsHover}*/;
}
.ui-state-active .ui-icon {
	background-image: url(../../../BundleResources/LoginMasterCssBundle/images/ui-icons_454545_256x240.png?uid=164321203)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon {
	background-image: url(../../../BundleResources/LoginMasterCssBundle/images/ui-icons_2e83ff_256x240.png?uid=164321203)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(../../../BundleResources/LoginMasterCssBundle/images/ui-icons_cd0a0a_256x240.png?uid=164321203)/*{iconsError}*/;
}

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ url(../../../BundleResources/LoginMasterCssBundle/images/ui-bg_flat_0_aaaaaa_40x100.png?uid=164321203)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
}
.ui-widget-shadow {
	margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
	padding: 8px/*{thicknessShadow}*/;
	background: #aaaaaa/*{bgColorShadow}*/ url(../../../BundleResources/LoginMasterCssBundle/images/ui-bg_flat_0_aaaaaa_40x100.png?uid=164321203)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
	opacity: .3/*{opacityShadow}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
	border-radius: 8px/*{cornerRadiusShadow}*/;
}