.language, .selected_language {
    font-size: 9pt;
    font-family: var(--font-family-legacy-default);
    text-decoration: none;
}

.shadowOption { color: var(--bw-095); font-style: italic }

.language { color: var(--color-gen-052) ;text-decoration: underline;}
.selected_language { color: var(--color-gen-040) ;text-decoration: none; }

.language:hover, .selected_language:hover { text-decoration: underline; }

/* ********** MENU STYLES *********** */
.client, .bold_client { color : var(--color-gen-120); }
.bold_client {font-weight : bold;}
.client:hover {text-decoration: underline;}

.topShortcuts {
    border-bottom-width : 0px;
    border-bottom-color : var(--bw-000);
    border-bottom-style : solid;
    background: var(--color-gen-004);
}


#wrapper {margin-left: 10px; margin-bottom: 18px; padding: 0 10px 0 97px; width: 558px; font-size: var(--font-size-14); background:url(../img/informacje_biz.png) 0 50% no-repeat;}
#wrapper_eng {margin-left: 10px; margin-bottom: 18px; padding: 0 10px 0 97px; width: 558px; font-size: var(--font-size-14); background:url(../img/informacje_biz_ENG.png) 0 50% no-repeat;}
#flip-box {position: relative; padding-left: 16px; height: 24px; width: 544px; line-height: 24px;}
#flip-box .reg {padding-right: 9px; text-decoration: none; background: url(../img/a.gif) 100% 50% no-repeat; color: var(--color-gen-052);}
#flip-box a .date {padding-left: 12px; font-size: var(--font-size-10); color: var(--color-gen-043);}
#flip-box .navigation {position: absolute; top: 8px; right: 6px;}
#flip-box .navigation span  {position: relative; float: left; margin-left: 1px; width: 9px; height: 9px; text-indent: -666em;  cursor: pointer;}
#flip-box .navigation span.prev { background-image: url(../img/ln.gif) ; background-repeat:no-repeat ;}
#flip-box .navigation span.prev:hover {background-image: url(../img/lns.gif); background-repeat:no-repeat ;}
#flip-box .navigation span.next { background-image: url(../img/rn.gif) ; background-repeat:no-repeat ;}
#flip-box .navigation span.next:hover { background-image: url(../img/rns.gif) ; background-repeat:no-repeat ;}
   


.topShortcut {
    font-size : 8pt;
    font-family: var(--font-family-legacy-default);
    color : var(--color-legacy-title);
    text-decoration: none;
    font-weight: normal;
}



.topShortcut:hover {
    text-decoration: underline;
}

.menuaction_btn,.menuaction_btn_radius, .selected_menuaction_btn, .createshortcut_menuaction_btn, .createnew_menuaction_btn,.menuaction_blank {
    
    padding: 1px 8px 1px 8px;
    text-decoration:none;
    color: white;
    white-space:nowrap;

}
.menuaction_btn,.menuaction_btn_radius {
    height:24px;
}

.myshortcuts_menuaction_btn{
    padding: 1px 8px 1px 8px;
    text-decoration:none;
    white-space:nowrap;
    font-weight: normal;
    color : var(--color-gen-052);
}

.menuaction_end_btn {
    border-left: 1px solid black;
    border-right: 1px solid black;
    padding: 1px 8px 1px 8px;
    text-decoration:none;
    color: white;
    white-space:nowrap;

}

.createNewStyle {
    cursor:pointer;
    width:96px;
    border-left: 0px solid black;
    background-color:var(--color-blue-500);
    color: black;
    padding: 0px;
}

.createNewStyleInternal {
    cursor:pointer;
    width:100px;
    border-left: 1px solid var(--bw-196);
    background-color:var(--color-blue-500);
    color: white;
    padding:9px 8px 9px;
    font-family: var(--font-family-legacy-default);
}

.myshortcuts_menuaction_btn {
    padding: 1px 8px 1px 8px;
    text-decoration:none;
    color: var(--color-gen-052);
    white-space:nowrap;
    font-weight: normal;
    border-bottom: 0px solid var(--bw-211);
}


.createnew_menuaction_btn {
    background: var(--bw-255);
}

.menuaction_btn, .selected_menuaction_btn, .myshortcuts_menuaction_btn, .createshortcut_menuaction_btn{
    background: var(--bw-135);
}
.menuaction_blank
{
    border-right: 1px solid var(--color-gen-004);
    padding: 1px 8px 1px 8px;
    text-decoration:none;
    color: white;
    white-space:nowrap;
    background: var(--color-gen-004);
    font-size: var(--font-size-2);
}
.menuaction_blank_special
{
    border-right: 0px solid var(--color-gen-004);
    border-left: 1px solid var(--bw-255);
    padding: 1px 8px 1px 8px;
    text-decoration:none;
    color: white;
    white-space:nowrap;
    background: var(--color-gen-004);
    font-size: var(--font-size-2);
}


.selected_menuaction_blank {
    border-left: 1px solid var(--bw-177);
    border-top: 1px solid var(--bw-211);
    border-right: 1px solid var(--bw-255);
    padding: 1px 8px 1px 8px;
    text-decoration:none;
    color: white;
    white-space:nowrap;
    background: var(--bw-255);
    font-size: var(--font-size-2);
}
.selected_menuaction_blank_radius {
    border-left: 1px solid var(--bw-177);
    border-top: 1px solid var(--bw-211);
    border-right: 1px solid var(--bw-255);
    padding: 1px 8px 1px 8px;
    text-decoration:none;
    color: white;
    white-space:nowrap;
    background: var(--bw-255);
    font-size: var(--font-size-2);
    border-top-left-radius:9px;
    border-radius: 9px 0px 0px 0px;
}


.selected_menuaction_btn { 
    background: var(--bw-255); 
    cursor: pointer;
    border-left: 1px solid var(--bw-177);
    border-bottom: 0px;
}

.selected_menuaction_btn2 { 
    background: var(--bw-255); 
    cursor: pointer;
    border-left: 1px solid var(--bw-126);
}
.menuaction_btn { 
    background-color:var(--color-legacy-title);
    border-left: 1px solid var(--bw-196);
}
.menuaction_btn_radius {
    background-color:var(--color-legacy-title);
    border-left: 0px solid var(--bw-196);
    border-top-left-radius:9px;
    border-radius: 9px 0px 0px 0px;
}

.myshortcuts_menuaction_btn { background: var(--color-gen-004); }
.createshortcut_menuaction_btn { background: var(--bw-255); }

.menulink, .black_menulink,.menulink2 {
    text-decoration: none;
    font-weight: normal ;
    font-family: var(--font-family-legacy-default);
}
.menulink:hover, .black_menulink:hover { text-decoration:none; }

.menulink {color: white; }
.menulink2 {color: var(--color-blue-300); }
.black_menulink, .createnew_menuaction_btn {color: black; }

.menubar {
}

.menubar_1 {
    border-top-width: 0px;
    background: var(--color-gen-004);
}

.menubar_3 {
    border-top-width: 1px;
    border-top-color: var(--bw-000);
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--bw-000);
    border-bottom-style: solid;
    padding:0px;
    margin-top:0px;
}

/* *********** PRINT STYLE *********** */

.sumaryTableTDLeft{

    border-bottom-width : 1px;
    border-bottom-style : solid;

    border-left-width : 1px;
    border-left-style : solid;

}

.sumaryTableTDRight{

    border-bottom-width : 1px;
    border-bottom-style : solid;

    border-right-width : 1px;
    border-right-style : solid;

    border-left-width : 1px;
    border-left-style : solid;

}

.sumaryTableHeaderTDLeft{

    border-bottom-width : 1px;
    border-bottom-style : solid;

    border-top-width : 1px;
    border-top-style : solid;

    border-left-width : 1px;
    border-left-style : solid;

}

.sumaryTableHeaderTDRight{

    border-bottom-width : 1px;
    border-bottom-style : solid;

    border-top-width : 1px;
    border-top-style : solid;

    border-right-width : 1px;
    border-right-style : solid;

    border-left-width : 1px;
    border-left-style : solid;
}



.summaryKey {
    border-bottom-width : 1px;
    border-bottom-color : var(--bw-000);
    border-bottom-style : solid;
}

.summaryLabel {
    border-bottom-width : 1px;
    border-bottom-color : var(--bw-000);
    border-bottom-style : solid;
    font-weight         : bold;
}
.summaryAccountLabel {
    border              : 0;
    font-weight         : bold;
}
.tableBottomBorder {
    border-bottom-width : 1px;
    border-bottom-color : var(--bw-000);
    border-bottom-style : solid;
}

.summaryLabelColor {
    color               : var(--color-amber-300);

}

.summaryLabelColorBold {
   color                : var(--color-amber-300);
   font-weight          : bold;

}

.summaryLabelColorBorder {
    color               : var(--color-amber-300);
    border-bottom-width : 1px;
    border-bottom-color : var(--bw-000);
    border-bottom-style : solid;


}

.summaryLabelColorBoldBorder {
    border-bottom-width : 1px;
    border-bottom-color : var(--bw-000);
    border-bottom-style : solid;
    color               : var(--color-amber-300);
   font-weight          : bold;

}


.printMenu{
    border-bottom-width: 1px;
    border-bottom-color: var(--bw-000);
    border-bottom-style: solid;
}

.printMenu2{
    border-top-width: 1px;
    border-top-color: var(--bw-000);
    border-top-style: solid;
    font-size: 11pt;
    font-family: var(--font-family-legacy-default);
   /* font-weight: bold; */
    color: white;
    padding: 2px 0px 7px 0px;
}

/* *********** BUTTON STYLES ********* */
.outer_button {
    border-spacing: 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px solid black;
    margin: 2px;
    width: 50px;
    border-collapse: separate;    
}

.inner_button {
    font-family: var(--font-family-legacy-default);
    padding: 0px 3px 0px 3px;
    border-spacing: 0px 0px;
    margin: 0px;
    text-decoration: none;
    color: white;
    background-color:var(--color-amber-500);
    width: 50px;
    text-align: center;
}

.inner_button_dark {
    font-family: var(--font-family-legacy-default);
    padding: 0px 3px 0px 3px;
    border-spacing: 0px 0px;
    margin: 0px;
    text-decoration: none;
    color: white;
    background-color:var(--color-legacy-title);
    width: 50px;
    text-align: center;
}

.action_btn,
.bank-admin-panel-container .admin-bluecoat-button, .bank-admin-panel-container .admin-filescanner-button {
    text-decoration: none;
    color: var(--bw-255);
    display: inline;
    white-space:nowrap;
    font-family: var(--font-family-legacy-default);
    font-weight: normal;
}
.action_btn:hover {}

.error, .title {
    padding: 2px 0px 7px 0px;
}

.title {
    font-size: 16pt;
    font-family: var(--font-family-legacy-default);
    text-decoration: none;
    color: var(--color-legacy-title);
}

.titleThin {
    font-size: 13pt;
    font-family: var(--font-family-legacy-default);
    text-decoration: none;
    color: var(--color-legacy-title);
    padding: 2px 0px 2px 0px;
}

.titleThinRed {
    font-size: 13pt;
    font-family: var(--font-family-legacy-default);
    text-decoration: none;
    font-weight:bold;
    color: red;
    padding: 2px 0px 2px 0px;
}

.linkRed {
    font-size: 12pt;
    font-family: var(--font-family-legacy-default);
   /* font-weight: bold; */
    color: var(--color-amber-300);
    padding: 2px 0px 7px 0px;
}

.titleRed {
    font-size: 12pt;
    font-family: var(--font-family-legacy-default);
   /* font-weight: bold; */
    color: var(--color-amber-300);
    padding: 2px 0px 7px 0px;
}

.titleRedBold {
    font-size: 14pt;
    font-family: var(--font-family-legacy-default);
   /*font-weight: bold; */
    color: var(--color-legacy-title);
    padding: 2px 0px 7px 0px;
}

.titleBold {
    font-size: 14pt;
    font-family: var(--font-family-legacy-default);
   /* font-weight: bold; */
    color: var(--bw-000);
    padding: 2px 0px 7px 0px;
}
.loginTitleHead {
    font-size: 20pt;
    font-family: var(--font-family-legacy-default);
    text-decoration: none;
    color: var(--color-legacy-title);
}
.loginTitle {
    font-size: 14pt;
    font-family: var(--font-family-legacy-default);
    text-decoration: none;
    color: var(--color-gen-052);
}
.loginTitleYellow
 {
    font-size: 14pt;
    font-family: var(--font-family-legacy-default);
    text-decoration: none;
    color: var(--color-amber-500);
}
.content{
    background: white;
}

.welcomeTbl {
    background: var(--color-gen-048);
    padding: 0px 5px 0px 5px;
    border-bottom-width : 1px;
    border-bottom-color : var(--bw-255);
    border-bottom-style : solid;

}

.welcomeTblDark {
    background: var(--bw-255);
    padding: 0px 1px 0px 1px;
}


.welcomeTblGray {
    background: var(--color-gen-049);
    padding: 0px 5px 0px 5px;
}


.welcomeTblBold {
    background: var(--color-gen-048);
    padding: 0px 5px 0px 5px;
    /*font-weight: bold;*/
    border-bottom-width : 1px;
    border-bottom-color :var(--bw-255);
    border-bottom-style : solid;
    border-left:1px solid var(--bw-255);
}
.welcomeTblBoldHeader {
    background: var(--color-gen-050);
    padding: 0px 5px 0px 5px;
    border-bottom-width : 1px;
    border-bottom-color :var(--bw-255);
    border-bottom-style : solid;
    font-weight: normal;
    border-left:1px solid var(--bw-255);
}

.welcomeTblBoldGray {
    background: var(--color-gen-195);
    padding: 0px 5px 0px 5px;
/*    font-weight: bold; */
    border-left:1px solid var(--bw-255);
}
.welcomeTblBold2 {
    background: var(--color-gen-036);
    padding: 0px 5px 0px 5px;
    /*font-weight: bold;*/
    border-left:1px solid var(--bw-255);
}
.welcomeTblBoldLight {
    background: var(--color-blue-500);
    padding: 0px 5px 0px 5px;
   /* font-weight: bold; */
    border-left:1px solid var(--bw-255);
    color: var(--bw-255);
}

.welcomeTblBoldDark {
    background: var(--bw-255);
    padding: 0px 1px 0px 1px;
   /* font-weight: bold; */
}

.welcomeTblExpanded {
    background: var(--color-gen-036);
    padding: 0px 5px 0px 5px;
   /* font-weight: bold; */
    border-left:1px solid var(--bw-255);
    border-bottom: 1px solid var(--bw-255);
}

.welcomeTblExpanded2 {
    background: var(--color-gen-051);
    padding: 0px 5px 0px 5px;
  /*  font-weight: bold; */
    border-left:1px solid var(--bw-255);
    border-bottom: 1px solid var(--bw-255);
}

.linkDark {
    color: var(--color-gen-052);
 
}
.linkBlack {
    color: var(--bw-000);
 
}
.linkLight {
    color:var(--bw-255);

}
.linkTab {
    color: var(--bw-255);
 
}
.gradientLightBlue, .light, .lighter, .light_bold, .lighter_bold, .dark, .dark_bold, .permCompMiddle,.permCompMiddleWhite, .permCompMiddleLight, .permCompTopCell, .permCompTopCellWhite, .permCompTopMiddleCell, .permCompTopMiddleCellWhite {
    font-size: 9pt;
    font-family: var(--font-family-legacy-default);
    text-decoration: none;
}
.light_bold, .lighter_bold, .dark_bold  { font-weight: bold; }

.gradientLightBlue, .light, .light_bold, .permCompMiddleLight, .permCompTopCell, .permCompTopMiddleCell { background: var(--color-gen-036);}
.permCompMiddleWhite, .permCompTopCellWhite, .permCompTopMiddleCellWhite { background: var(--bw-255);}

.white { background: white }
.gradientLighterBlue, .lighter, .lighter_bold { background: var(--color-gen-036);}
.dark, .dark_bold {
   background: var(--color-gen-036);
   color:var(--bw-000);
}

.dark {
height:45px;
padding:10px; 
}

.darkFree {
background: var(--color-gen-052);
color:var(--bw-255);
}

.errorMessage{
    color:red;
    background: var(--color-gen-053);
    font-weight:bold;
}

/* *********** DEFAULT STYLES ********* */
* {
    font-size: 9pt ;
}

body * {
    font-family: var(--font-family-legacy-default);
}
select, input { font-size: 8pt }

a { color: var(--color-gen-052); }

i a {  color: black;   font-style: italic }
i a:hover { text-decoration: underline; font-style: italic }

a.link {  color: var(--color-gen-052);        text-decoration: none ;}
a.link:hover { text-decoration: underline ;}



a.link_bold_underline { color: black;       /* font-weight: bold ;*/}

/* *********** OTHER STYLES ********* */
.validation_error { color: red; font-weight: bold }
.bold { font-weight: bold;}
.boldWithLeftPadding { font-weight: bold; padding-left:7px;}
.boldWithRightPadding { font-weight: bold; padding-right:7px;}
.normal { font-weight: normal;}
.small { font-size: 7pt;}
.important, .normal_input_imp, .long_input_imp, .longer_input_imp,
.short_input_imp, .shorter_input_imp, .half_long_input_imp,
.big_textarea_imp, .medium_textarea_imp, .very_long_input_imp,
.small_textarea_imp{
    font-size: 8pt;
    font-weight: normal;
}


.big_textarea_imp_nosize, .medium_textarea_imp_nosize, .very_long_input_imp_nosize,
.important_nosize, .normal_input_imp_nosize, .long_input_imp_nosize, .longer_input_imp_nosize,
.short_input_imp_nosize, .shorter_input_imp_nosize, .half_long_input_imp_nosize
{
    font-size: 8pt;
    font-weight: normal;
}

.very_long_input_imp_size{
    width: 166px;
}

.order_form_order_account{
    width: 203px;
}


.important_disabled, .normal_input_imp_disabled, .long_input_imp_disabled, .longer_input_imp_disabled,
.short_input_imp_disabled, .shorter_input_imp_disabled, .half_long_input_imp_disabled,
.big_textarea_imp_disabled, .medium_textarea_imp_disabled, .very_long_input_imp_disabled,
.small_textarea_imp_disabled{
    font-size: 8pt;
    font-weight: normal;
    background: var(--color-grey-bg);
}


.normal_input_imp_nosize_disabled, .long_input_imp_nosize_disabled, .longer_input_imp_nosize_disabled,
.short_input_imp_nosize_disabled, .shorter_input_imp_nosize_disabled, .half_long_input_imp_nosize_disabled,
.big_textarea_imp_nosize_disabled, .medium_textarea_imp_nosize_disabled, .very_long_input_imp_nosize_disabled,
.small_textarea_imp_nosize_disabled{
    font-size: 8pt;
    font-weight: normal;
    background: var(--color-grey-bg);
}


.disabled, .important_disabled, .normal_input_disabled, .long_input_disabled, .longer_input_disabled,
.short_input_disabled, .shorter_input_disabled, .half_long_input_disabled,
.big_textarea_disabled, .medium_textarea_disabled, .very_long_input_disabled,
.small_textarea_disabled{
    background: var(--color-grey-bg);
}

.normal_input, .normal_input_imp,.normal_input_disabled, .normal_input_imp_disabled { width : 100px }
.long_input, .long_input_imp,.long_input_disabled, .long_input_imp_disabled { width : 150px }
.long_filter_input { width : 144px}
.longer_filter_input { width : 184px}
.v_longer_filter_input { width : 200px}
.filter_input_205 { width : 205px}
.longer_input, .longer_input_imp,.longer_input_disabled, .longer_input_imp_disabled { width : 200px }
.short_input, .short_input_imp,.short_input_disabled, .short_input_imp_disabled { width : 60px }
.shorter_input, .shorter_input_imp,.shorter_input_disabled, .shorter_input_imp_disabled { width : 40px }
.half_long_input, .half_long_input_imp,.half_long_input_disabled, .half_long_input_imp_disabled { width : 64px }
.big_textarea, .big_textarea_imp,.big_textarea_disabled, .big_textarea_imp_disabled { width: 400px; height: 200px;}
.filter_input {width: 172px}
.half_filter_input {width: 78px}
.filter_textarea {width: 172px; height: 50px;}

.small_textarea, .small_textarea_imp,.small_textarea_disabled, .small_textarea_imp_disabled { width: 150px; height: 50px;}
.medium_textarea, .medium_textarea_imp,.medium_textarea_disabled, .medium_textarea_imp_disabled { width: 250px; height: 60px;}
.very_long_input, .very_long_input_imp,.very_long_input_disabled, .very_long_input_imp_disabled { width: 250px;}
.very_very_long_input { width: 360px; }
.zus_select { width : 225px; }
.long_login_input { width : 180px; border: var(--bw-196) 1px solid;}
.short_login_input { width : 110px; border: var(--bw-196) 1px solid;}
.longer_input_imp { width : 270px; }
.longer_input_imp_disabled { width : 270px ;  background: var(--color-grey-bg);}


/* *********** LIST STYLES ********* */
.amount { font-weight: bold;
          text-align: right;
          white-space: nowrap }
.amount_red { font-weight: bold;
          text-align: right;
          white-space: nowrap;
          color: red }
.right { text-align: right; }
.center { text-align: center; }
.list { background: white;}
.list td{ padding-left: 4px; padding-right: 4px}
.head_row {}
.sort_link { text-decoration: underline;}
.head_cell { 
    background: var(--color-gen-038);
    font-weight:normal;
    border-left: 1px solid white;
    border-top: 1px solid white;
}
.even_row {
    background: var(--color-gen-055);
}
.odd_row {
    background: white;
}
.pager { color: var(--color-gen-052);
         text-decoration: underline;
         }
a.pager:hover { text-decoration: none; }
.pager_selected {
         color: var(--bw-165);
         text-decoration: none; }
.pager_sperator {
         color: var(--bw-000);
         text-decoration: none; }


/************ PRINT ******************/

.summaryheader {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: solid;
    font-weight:bold;
}
.pbSummaryHeader{
    font-size: 12pt;
    padding: 2px;
    border-left: 1px solid black ;
    border-right : 1px solid black ;
    border-top: 1px solid black ;
    border-bottom: 1px solid black ;
    color: black ;
    font-weight: bold;
    font-family: var(--font-family-legacy-default);
    background: white;
 }

.pbHeaderTop{
    padding: 2px;
    border-left: 1px solid ;
    border-right : 1px solid ;
    border-top: 1px solid ;
    color: black ;
    font-weight: bold;
    font-family: var(--font-family-legacy-default);
    background: var(--color-gen-053);
}

.pbHeader{
    text-align:center;
    padding: 2px;
    border-left: 1px solid ;
    border-top: 1px solid ;
    color: black ;
    font-family: var(--font-family-legacy-default);
    background:white;
}

.pbHeaderLeft{
    text-align:left;
    padding: 2px;
    border-left: 1px solid ;
    border-top: 1px solid ;
    color: black ;
    font-family: var(--font-family-legacy-default);
    background:white;
}


.pbHeaderRight{
    padding: 2px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-top: 1px solid ;
    color: black ;
    font-family: var(--font-family-legacy-default);
    background:white;

}


.pbHeaderBottom{
    padding: 2px;
    border-top: 1px solid ;
    border-left: 1px solid ;
    border-bottom: 1px solid ;
    color: black ;
    font-weight: bold;
    font-family: var(--font-family-legacy-default);
    background:white;
}

.pbHeaderBottomRight{
    padding: 2px;
    border-top: 1px solid ;
    border-left: 1px solid ;
    border-right: 1px solid ;
    border-bottom: 1px solid ;
    color: black ;
    font-weight: bold;
    font-family: var(--font-family-legacy-default);
    background:white;

}


.pbEntry{
    padding: 2px;
    border-top: 1px solid ;
    border-left: 1px solid ;
    color: black ;
    background:white;
}


.pbEntryRight{
    border-left: 1px solid ;
    color: black ;
    padding: 4px;
    border-top: 1px solid ;
    border-right: 1px solid ;

}

.pbEntryBottomEnd{
    padding: 4px;
    border-top: 1px solid ;
    color: black ;

}

/************ TABS *****************/
.tab a, .selectedtab a, .subtab a, .selectedsubtab a { text-decoration : none }
.tab, .selectedtab, .subtab, .selectedsubtab {
    padding: 4px;
    font-weight: normal;
}
.tab { background: var(--color-gen-195) }
.tab_top { background-color:var(--color-gen-195);}
.selectedtab { background: var(--color-gen-036); color:var(--bw-000); }
.selectedtab_top {  background-color:var(--color-gen-036);}
.tabspace { width: 1px; font-size:3pt; }


.orderset_cell { vertical-align: middle }

.tabHeader {
    background: var(--color-gen-050);
    color: var(--color-blue-300);
    width: 100%;
}

.tabBookTitle {
    font-size: 11pt;
    font-family: var(--font-family-legacy-default);
    text-decoration: none;
    color: var(--color-blue-300);
    padding: 2px 2px 7px 1px;

}
/************ CALENDAR *****************/
.dayName {  color: black;
       /* font-weight: bold; */
        font-size: 10pt ;
        background: var(--color-gen-057);
}
a.day {  color: black;
        text-decoration: none ;
        font-size: 10pt ;}
a.freeday {  color: red;
        text-decoration: none ;
        font-size: 10pt ;}
a.daybold { color: white;
            text-decoration: none;
            font-size: 10pt;
            font-weight: bold;}
a.freedaybold {  color: red;
        text-decoration: none ;
        font-size: 10pt ;
        font-weight: bold;}


a.monthNavi {
    font-size: 8pt;
    font-family: var(--font-family-legacy-default);
    font-weight: bold ;
    text-decoration: none;
    color: var(--bw-000);
}
.calendarFooter {
    background: var(--bw-205);
    /*font-weight: bold;*/
}
.adminLabels { color: var(--color-gen-073);}
.adminLabelsBold { color: var(--color-gen-073); font-weight: bold;}
.hand {cursor: pointer;}

.permCompMiddleLight, .permCompMiddle, .permCompTopMiddleCell, .permCompTopMiddleCellWhite, .permCompMiddleWhite {
    border-right-width : 1px;
    border-right-color : var(--bw-000);
    border-right-style : solid;
    border-left-width : 1px;
    border-left-color : var(--bw-000);
    border-left-style : solid;
}

.permCompMiddle {
    color: var(--color-amber-300);
}

.permCompTopCell, .permCompTopCellWhite{
    border-top-width : 1px;
    border-top-color : var(--bw-000);
    border-top-style : solid;
}

.permCompTopMiddleCell, .permCompTopMiddleCellWhite {
    border-top-width : 1px;
    border-top-color : var(--bw-000);
    border-top-style : solid;
}


/************* FILTER STYLES **********************/
.filter, .actions { background: var(--color-gen-036) }
.filter {
    width:100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-width: 0px 0px 0px 0px;
    border-collapse: collapse;
    color: var(--color-blue-300);
    font-weight: normal;
}

.filterControlsTable {

}

.filterControlCell {
    vertical-align:top;
}

.filterControlTable {
}

.filterControlLabel {
    color: var(--color-blue-300);
    font-weight: normal ;
}

.filterControlContent {
	white-space: nowrap;
}


.filterButtonCell {
    vertical-align: bottom;
}
.problemsError, .problemsWarning, .dataSaved {
    font-size: 11pt;
    font-family: var(--font-family-legacy-default);
    font-weight: bold ;
    padding: 2px 0px 7px 0px;
}

.problemsError, .problemsWarning {
    color: red;
}

.dataSaved {
    color: green;
}

.shortcutLink {
    color: var(--color-gen-052);
    text-decoration: none;
    font-weight: normal;
}

.filterSeparator {
    background: white;
    height: 1px;
}

.filterModeSwitch {
    font-weight: normal ;
    text-decoration: none;
    background: var(--color-gen-195);
    padding: 1px 8px;
    height: 20px;
}

.filterModeSwitchBlue {
    font-weight: bold ;
    text-decoration: none;
    background: var(--color-gen-036);
    padding: 1px 8px;
    height: 20px;
}
.filterModeSwitchCellBlue {
    font-weight: bold ;
    text-decoration: none;
    background: var(--color-gen-036);
    padding: 1px 0px;
    height: 20px;
}
.filterControlTableBlue {
    background: var(--color-gen-060);
}



.listSeparator {
    background: white;
    height:1px
}


.listMainTable {
    width:100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-width: 0px 0px 0px 0px;
    border-collapse: collapse;
}

.listTitle {
    font-size: 16pt;
    font-family: var(--font-family-legacy-default);
    text-decoration: none;
    color: var(--color-legacy-title);
    padding: 2px 2px 7px 1px;

}

.listFilter {
    padding: 0px 0px 0px 0px;
}

.listBody {
    padding: 0px 0px 0px 0px;

}

.listProblemsSummary {
    padding: 0px 0px 0px 0px;
}

.listProblemsList {
    padding: 0px 0px 0px 0px;
}
.listActions {

    padding: 0px 0px 0px 0px;
    border-collapse: separate;

}

.problemsSummaryTable {
    width:100%;
    background: var(--color-gen-053);
    color: red;
}
.conditionNormal {
    color: var(--bw-000);
}
.conditionModified {
    color: var(--color-gen-061);
}
.fullFrame {
    width : 100%;
    height : 400px;
}


.permissionsMap, .permissionsMapDotted {
    border-bottom-width : 1px;
    border-bottom-color : var(--bw-000);
    border-top-width : 1px;
    border-top-color : var(--bw-000);
    padding : 8px;
}

.permissionsMap {
    border-bottom-style : solid;
    border-top-style : solid;
}
.permissionsMapDotted {
    border-bottom-style : dotted;
    border-top-style : dotted;
}



.reportTbl {background: white;}

.reportTbl td {
        padding-left: 4px;
        padding-right: 4px;
        border-bottom-width : 1px;
        border-bottom-color : var(--bw-000);
        border-bottom-style : solid;
}


.reportTbl td.right  { text-align: right }
.reportTbl td.left   { text-align: left }
.reportTbl td.center { text-align: center }
.reportTbl td.amount { font-weight: bold;text-align: right;white-space: nowrap }

.reportTbl th.header {
                background: var(--color-gen-053);
                height:30px;
                font-weight: normal;
                padding-left: 4px;
                padding-right: 4px;
                border-bottom-width : 2px;
                border-bottom-color : var(--bw-000);
                border-bottom-style : solid;
                border-top-width : 1px;
                border-top-color : var(--bw-000);
                border-top-style : solid;
                }

.reportTbl th {background: var(--color-gen-053); height:20px;font-weight: normal; }
.reportTbl tr.groupsummary {background: var(--color-gen-055); font-weight: normal; }
.reportTbl tr.summary {background: var(--color-gen-053); height:20px; font-weight: bold; }
.reportTbl td.label {font-weight: normal;height:16px}
.reportTbl td.space { height:4px; border-bottom-style : none; }




.paramTbl {}

.paramTbl td {
        padding-left: 4px;
        padding-right: 4px;
        border-top-width : 1px;
        border-top-color : var(--bw-000);
        border-top-style : solid;
        border-bottom-style : none;
}

.paramValueTbl {}

.paramValueTbl td {
        padding-left: 4px;
        padding-right: 4px;
        border-top-style : none;
        border-bottom-style : none;
}



.fixedFont {
    font-variant: tabular-nums;
}

.vbox {
    padding : 0px 0px 0px 0px;
    border: 0px;
}

.vbox td{
    padding : 0px 0px 0px 0px;
    border : 0px;
}

.nb {
    white-space: nowrap;
}

/*GenerlicList First Cell*/
td.glfc {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    height:20px;

}

/*GenerlicList First Cell subcells*/
td.glfcs {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}

/*Generic list checkbox cell*/
td.glcc {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
}



.orderSummaryLabelColorBorder {
    border-bottom-width : 1px;
    border-bottom-color : var(--bw-000);


}

.orderSummaryLabelColorBoldBorder {
    border-bottom-width : 1px;
    border-bottom-color : var(--bw-000);
   font-weight          : bold;

}


.orderSummaryKey {
    border-bottom-width : 1px;
    border-bottom-color : var(--bw-000);
    min-width: 200px;
}

.orderSummaryLabel {
    border-bottom-width : 1px;
    border-bottom-color : var(--bw-000);
    font-weight         : bold;
}


.welcomePageBoxTitle {
    color                  : var(--color-amber-400);
    font-weight            : bold;
    font-size              : 11pt;
    text-decoration        :none;
}
.myHelp {
    font-family: var(--font-family-legacy-default);
    text-decoration: none;
    color: var(--color-gen-052);
    text-decoration: underline;
}



.myUl {
list-style: square url('../img/square.gif');
margin:0;
padding:15px;
}
.mainLayoutBody {
padding-top: 25px;
padding-left:25px;
padding-right:25px;
padding-bottom: 40px;
border-top: 0px;
}
.mainLayoutPerson {
padding:6px;
border-left: 0px solid var(--bw-177);
border-right: 0px solid var(--bw-211);
border-top: 0px solid var(--bw-211);
border-bottom: 0px solid var(--bw-177);
background:var(--color-gen-004)
}

.mainLayoutPasek {
background:var(--color-blue-500);
font-size:2pt;
height:3px;
}
.mainLayoutGray {
background:var(--color-gen-004);
}
.mainLayoutWhite {
background:var(--bw-255);
border-right: 0px solid var(--bw-211);
border-bottom: 1px solid var(--bw-177);
border-left: 1px solid var(--bw-177);
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
border-radius: 0px 0px 9px 9px;
-moz-border-radius: 0px 0px 9px 9px;
-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px; 
behavior: url(../../js/PIE.js);
}
.loginLayoutBody {
padding-top: 1px;
border-left: 1px solid var(--bw-177);
border-right: 1px solid var(--bw-211);
border-top: 1px solid var(--bw-211);
border-bottom: 1px solid var(--bw-177);
background:var(--bw-255);
border-radius:9px;
behavior: url(../../js/PIE.js);
}
.loginLayoutSecurity {
background:var(--bw-255);
}
.loginLayoutLogin {
background:var(--bw-255);
}
.gradientLight {
   background-color:var(--color-gen-036);
}

.gradientWhite {
  background-image: url(../img/gradient_white.gif);
  background-repeat: repeat-x;
}
.gradientDark {
  background-color: var(--color-gen-195);
  
}



.loginLayoutPrepaid {
background:var(--color-mbank-daintree);
background-image: url(../img/login_background.png);
background-repeat: no-repeat;
}
.loginLayoutCC {
background:var(--bw-255);
}
.loginLayoutCert {
background:var(--bw-255);
}
.loginLayoutAwarards {
}
.loginLayoutFrame{
border: 1px solid var(--bw-221);
width:930px;
height:400px;
}
.menuCreateNew{
width:160px;
border:1px solid var(--color-gen-064);
background:var(--bw-255);
}
.menuShortcut{
width:110px;
border:1px solid var(--color-gen-064);
background:var(--bw-255);
}
.hrBold{
background: var(--color-grey-bg);
height:2px;
border: 0px;
}
.hrThin{
background: var(--color-grey-bg);
height:1px;
border: 0px;
font-size: var(--font-size-4);
}
.actionsTd{
padding-right: 8px;
color:var(--bw-000);
}

.shortcut_inner_button {
    font-family: var(--font-family-legacy-default);
    padding: 0px 3px 0px 3px;
    margin: 0px;
    text-decoration: none;
    color: white;
    font-weight: bold ;
    height:22px;
    background-image:url('../img/shortcut_btn.gif');
}
.welcomeAdvert {
    font-family: var(--font-family-legacy-default);
    padding: 5px;
    margin: 0px;
    text-decoration: none;
    color: var(--color-mbank-opal);
    font-weight: normal ;
    background-image:url('../img/advert_bg.gif');
    background-repeat:repeat-x;
}
.dark_action_btn {
    text-decoration: none;
    color: var(--color-gen-052);
    font-weight: bold ;
    display: inline;
    white-space:nowrap;
}
.darkFilter {
    width:100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-width: 0px 0px 0px 0px;
    border-collapse: collapse;
    color: var(--bw-255);
    font-weight: bold ;
    background: var(--color-gen-049);
}
.filterDarker {
    width:100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-width: 0px 0px 0px 0px;
    border-collapse: collapse;
    background: var(--color-gen-195);
    font-weight: bold ;
}
.filterDarkerBlue {
    width:100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-width: 0px 0px 0px 0px;
    border-collapse: collapse;
    background: var(--color-gen-066);
    font-weight: bold ;

}

.eventMaint {   background: var(--color-amber-600); color: var(--color-blue-300) }
.eventMaint tr {    background: var(--color-amber-600); color: var(--color-blue-300) }
.eventMaint td {    background: var(--color-amber-600); color: var(--color-blue-300); padding: 4px; background-image:url('../img/event_maint_bckg.gif');}
.eventMaint a { font-weight : bold; text-decoration:none }

.dayNameDark {  color: black;
       /* font-weight: bold;*/
        font-size: 10pt ;
        background: var(--color-gen-068);
}
.dayNameLight {  color: black;
      /*  font-weight: bold; */
        font-size: 10pt ;
        background: var(--color-amber-500);
}
.dayNameLighter {  color: white;
/*        font-weight: bold; */
        font-size: 10pt ;
        background: var(--color-gen-070);
}
.whiteBg{
background:var(--bw-255);
}

.advisorImage {border: 2px var(--color-amber-500) solid;}

.actionsTable {
    font-size: 8pt;
    font-family: var(--font-family-legacy-default);
    text-decoration: none;
    font-weight: normal;
    background: var(--color-gen-036);
  /*  color: var(--bw-255); */
}


.greyTable, .gradientGreyTable {
    background: var(--color-gen-036);
   /* color:var(--bw-255); */
    height:45px;
    padding:10px;

}

.gradientGreyTable {

    background-repeat: repeat-x;
}

.gradientLightBlue {

    background-color: var(--color-gen-036);
    background-repeat: repeat-x;
}

.gradientLighterBlue {

    background-color: var(--color-gen-036);
    background-repeat: repeat-x;
}

.hidden {display:none}

.shadow {
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-bottom-color: var(--bw-221);
    border-right-style: solid;
    border-right-width: 0px;
    border-right-color: var(--bw-221);
    padding-bottom: 6px;
}
.tabwidth110 {
    width: 110px;
    padding: 3px;
}

/* block */
.content-block {float: left; width: 100%; margin: 0 0px 20px; border-top: 2px solid var(--color-grey-bg);}
    .content-block.block-first, .block-first {border-top: 0;}
    .content-block .block-header {float: left; width: 100%; margin: 0.6em 0 0; font-size: var(--font-size-23); line-height: var(--font-size-20); font-weight: normal; color: var(--color-legacy-title);}
    .content-block .block-body {float: left; width: 100%; line-height: 1.5em;}
        .content-block .block-body .block-list {position: relative; margin: 8px 0px; padding: 0; list-style: none;}
        .content-block .block-body .block-buttons {margin: 1em 0;}
    .content-aside .content-block {border-width: 2px;}
        .content-aside .content-block .block-header {font-size: var(--font-size-21); line-height: var(--font-size-26);}



.block-inputs {float: left; margin: 6px 0; width: 100%;}
    .block-inputs .block-inputs-introduction {float: left; width: 100px;}
    .block-inputs .block-inputs-extend {float: left; width: 250px;}


/* block - first */
.block-first {border-top: 0 !important;}


/* block - list */
.block-list {margin: 1em 0; padding: 0; font-weight: normal; list-style: none;}
    /* block - list - vertical */
    .block-list.list-vertical {}
        .block-list.list-vertical li {float: left; margin-right: 12px;}
    /* block - list - horizontal */
    .block-list.list-horizontal {}
        .block-list.list-horizontal li {}


/* block - doradcy */
.block-advisers {overflow: hidden; height: 236px; width: 448px;}
    .block-advisers .block-body {}
        .block-advisers .block-body .block-body-advisers {visibility: hidden; position: relative; margin: 1em 0; padding: 58px 0 36px; list-style: none;}
    .block-advisers .vcard {padding: 14px;}
            .block-advisers .vcard.roundabout-moveable-item {overflow: visible; position: absolute; top: 32px; left: 0; margin: 0; padding: 0; border: 4px solid var(--color-grey-bg); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
                .block-advisers .vcard.roundabout-moveable-item .additional {display: none;}
                .block-advisers .vcard.roundabout-moveable-item .photo {display: block; border-width: 0px; height: 100%; width: 100%;}
            .block-advisers .vcard.roundabout-in-focus {left: 50% !important; top: 0 !important; margin-left: -165px !important; border: 6px solid var(--color-grey-bg); padding: 14px; height: auto !important; width: 295px !important;}
                .block-advisers .vcard.roundabout-in-focus .additional {display: block;}
                .block-advisers .vcard.roundabout-in-focus .photo {border-width: 3px; float: left; height: 65px; width: 65px;}
    .content-block .block-advisers .block-list {clear: left; margin-top: 5em;}


/* blok - przypisanie klientow do kampanii */
.block-assign-customers {}
    .block-assign-customers .block-inputs-introduction {width: 180px}


/* blok - wyrozniony */
.block-awarded {position: relative; z-index: 1; margin-bottom: -5px; background: url(../img/cla/block/block-awarded.gif) 0 100% repeat-x}


/* block - kontakt */
.block-contact-center {display: inline; margin-left: 33px; width: 186px;}
    .block-contact-center .vcard {border: 0; padding: 0; width: auto; background: inherit;}


/* blok - wyrozniony kontakt */
.block-contact-special {padding: 9px; width: 224px; background: var(--color-blue-400); color: var(--bw-255);}
    .block-contact-special .block-header {margin: 0 0 2px; padding: 0 0 18px; width: 224px; background: url(../img/cla/contact/block-header.gif) 50% 100% no-repeat; color: var(--bw-255);}
        .block-contact-special .block-header h1 {margin: 0 0 -12px;}
    .block-contact-special .vcard {border: 0; padding: 0; width: 224px; background: var(--color-blue-400);}
        .block-contact-special .vcard .additional {width: 133px;}
        .block-contact-special .vcard .buttons {display: block; border-top: 0;}
        .block-contact-special .vcard .email {background: url(../img/cla/vcard/email-reverse.gif) 0 50% no-repeat;}
        .block-contact-special .vcard .tel {background: url(../img/cla/vcard/phone-reverse.gif) 0 50% no-repeat;}
        .block-contact-special .vcard a {color: var(--bw-255);}


/* block - kontener */
.block-container {border-top: 0;}


/* block - obsluga klienta */
.block-customer-service {margin-bottom: -1em; background: url(../img/cla/block/block-customer-service.gif) 0 100% repeat-x;}
    .block-customer-service .block-body {background: url(../img/cla/block/block-customer-service.block-body.gif) 91% 100% no-repeat;}
    .block-customer-service .block-list {padding: 0 0 0 15px;}


/* blok - edycja kampani */
.block-edit-campaign {}
    .block-edit-campaign .block-inputs {margin-bottom: 0; padding: 12px; background: var(--color-gen-050);}
        .block-edit-campaign .block-inputs .block-inputs-wrapper {overflow: hidden; margin: 6px 0;}
        .block-edit-campaign .block-inputs .block-inputs-introduction {width: 128px;}
        .block-edit-campaign .block-inputs .block-inputs-extend {width: 300px;}


/* block - dokumenty elektroniczne */
.block-documents-trailer {}


/* block - znajdz produkt */
.block-necessity-wizard-trailer {}
    .block-necessity-wizard-trailer .image {float: right; position: relative; margin: -28px 0 -14px;}


/* block - find product wizard */
.block-find-product-wizard {}
    .block-find-product-wizard .block-outter {margin: 1em 0 0; padding: 0 0 10px; border: 1px solid var(--bw-255); width: 665px; background: url(../img/cla/product/block-outter.gif) 50% 100% no-repeat;}
    .block-find-product-wizard .block-inner {overflow: hidden; padding: 10px 0 0; width: 665px; background: url(../img/cla/product/block-inner.gif) 50% 0 no-repeat;}
    .block-find-product-wizard .product-item {position: relative; overflow: hidden; margin: 1px 10px; padding: 16px 18px 16px 20px; width: 607px; background: var(--bw-250);}
        .block-find-product-wizard .product-item.even { background: var(--bw-245);}
            .block-find-product-wizard .product-item .title {position: relative; margin: 0; padding: 0; font-size: var(--font-size-17); font-weight: normal; color: var(--color-amber-500);}
            .block-find-product-wizard .product-item .note {margin: 12px 0 0;}
            .block-find-product-wizard .product-item .list-horizontal {clear: both; margin: 12px 0;}
                .block-find-product-wizard .product-item .list-horizontal .link-action {padding: 0 14px 0 0; font-weight: bold; background: url(../img/cla/product/list-horizontal.action.gif) 100% 50% no-repeat; color: var(--color-gen-052); cursor: pointer}
        .block-find-product-wizard .product-item .button-action {position: absolute; top: 13px; right: 18px;}

    .block-find-product-wizard .closed-space {overflow: visible; margin: -10px 0 8px; padding: 0; width: 665px; text-align: center; background: url(../img/cla/product/closed-spaces.gif) 50% 0 no-repeat; color: var(--bw-255);}
        .block-find-product-wizard .closed-space .title {position: relative; margin: 0; padding: 12px 0; text-transform: uppercase; color: var(--bw-255);}
            .block-find-product-wizard .closed-space .title .title-indicator {display: block; _display: none; position: absolute; z-index: 1; left: 50%; bottom: 0; margin: 0 0 -5px -7px; height: 7px; width: 14px; background: url(../img/cla/product/indicator.gif) no-repeat;}
    .block-find-product-wizard .closed-space-first {background: url(../img/cla/product/closed-space-first.gif) 50% 0 no-repeat; color: var(--color-gen-073);}
        .block-find-product-wizard .closed-space-first .title {padding: 18px 0 6px; font-size: var(--font-size-17); color: var(--color-amber-500);}

    .block-find-product-wizard .product {}
        .block-find-product-wizard .product .title {float: left; width: 490px;}
        .block-find-product-wizard .product .image {float: right; width: 117px;}
        .block-find-product-wizard .product .note {float: left; margin: 12px 0; width: 490px;}

    .block-find-product-wizard .product-button {overflow: hidden;  margin: 18px 10px 10px; width: 645px;}


/* block - header */
.block-header {}
    .block-header h1 {margin: 0; padding: 0;}
    .block-header p {margin: 0; padding: 0;}


/* block - messages */
.block-messages {}


/* block - message unread */
.block-message-unread {padding: 6px; border-top: 0; font-weight: bold; background: var(--color-amber-300); color: var(--bw-255);}
    .block-message-unread a {color: var(--bw-255);}



/* block - find product */
.block-products-list {}
    .block-products-list .product-trailer {margin: 10px 0 0; border-top: 1px solid var(--color-grey-bg); padding: 0 0 5px;}
        .block-products-list .product-trailer:first-child {border-top: 0} /* :first */
        .block-products-list .product-trailer .product-image {margin: 0 0 15px;}
            .block-products-list .product-trailer .product-image img {display: block; height: 52px;}
        .block-products-list .product-trailer .product-description {}
        .block-products-list .product-more {margin: 12px 0; font-weight: bold;}


/* block - offer */
.block-offers-for-you {width: 608px;}
    .block-offers-for-you .roundabout-holder {position: relative; margin: 0; padding: 0;}


/* block - offer for you */
.block-offers-for-you-trailer {border-top: 0; background: var(--color-blue-300); color: var(--bw-255);}
    .block-offers-for-you-trailer .block-header {margin: 0 0 9px; padding: 18px 18px 0; width: 631px; font-size: var(--font-size-34); line-height: 1em;}
    .block-offers-for-you-trailer .block-body {padding: 0 18px 18px; width: 630px;}
        .block-offers-for-you-trailer .block-body .button {margin-right: 18px;}
        .block-offers-for-you-trailer .block-body .image {float: right; margin: -40px 0 20px 15px; border-left: 20px solid var(--color-blue-300);}
            .block-offers-for-you-trailer .block-body .image img {}
        .block-offers-for-you-trailer .block-body .description {margin: 0 0 18px;}
        .block-offers-for-you-trailer .block-body .block-buttons {clear: both;}
        .block-offers-for-you-trailer .block-body h2 {margin: 0 0 9px; border-bottom: 1px solid var(--color-gen-075); padding: 9px 0 14px; font-size: var(--font-size-23); font-weight: normal;}



/* block - find product */
.block-products-list {}
    .block-products-list .product-trailer {margin: 10px 0 0; border-top: 1px solid var(--color-grey-bg); padding: 0 0 5px;}
        .block-products-list .product-trailer:first-child {border-top: 0} /* :first */
        .block-products-list .product-trailer .product-image {margin: 0 0 15px;}
            .block-products-list .product-trailer .product-image img {display: block; height: 52px;}
        .block-products-list .product-trailer .product-description {}
        .block-products-list .product-more {margin: 12px 0; font-weight: bold;}


/* block - separator */
.block-separator {margin-bottom: 1em; border-bottom: 3px solid var(--color-grey-bg);}
    .block-separator .image {margin: -28px 0 -3px;}


/* block - slider */
.block-slider {float: right; margin: 70px 12px 0 15px; padding: 48px 0; height: 330px; background: url(../img/cla/ui/ui-block-slider.gif) repeat-y;}
    .block-slider .ui-slider-vertical {position: relative; height: 330px; width: 23px;}
    .block-slider .ui-slider-handle {position: absolute; z-index: 2; left: -1px; margin-left: 0; margin-bottom: -48px; height: 96px; width: 100%; background: var(--bw-200) url(../img/cla/ui/ui-slider-handle.gif) no-repeat; cursor: default;}

.block-tabs {float: left; margin: 0; padding: 0; border-bottom: 2px solid var(--color-gen-034); width: 100%; list-style: none;}
    .block-tabs .tab {float: left; margin: 0; padding: 0; background: var(--color-gen-036);}
        .block-tabs .tab a, .block-tabs .tab span {float: left; padding: 8px; font-weight: normal; text-decoration: none; background: url(../img/cla/tabs/block-tabs.tab.a.gif) 0 0 no-repeat; color: var(--color-gen-106); cursor: pointer;}
        .block-tabs .tab span.information {float: none; padding: 0; font-weight: normal; background: none;}
    .block-tabs .tab.active {position: relative; bottom: -2px; margin-top: -8px; background: var(--bw-255) url(../img/cla/tabs/block-tabs.tab-active.gif) 100% 0 no-repeat;}
    .block-tabs .tab.active a, .block-tabs .tab.active span {padding-top: 14px; padding-bottom: 10px; background: url(../img/cla/tabs/block-tabs.tab-active.a.gif) 0 0 no-repeat; color: var(--color-gen-073);}
        .block-tabs .tab.active span.information {float: none; padding: 0; background: none;}
    /* level one */
    .tabs-level-one {}
    .tabs-level-second {background: url(../img/cla/tabs/tabs-level-second.gif) 0 100% repeat-x; color: var(--bw-165);}
        .tabs-level-second table {color: var(--bw-165);}
        .tabs-level-second a {display: block; padding: 12px 8px; font-weight: normal; text-decoration: none; color: var(--bw-105);}
            .tabs-level-second .active a {color: var(--color-gen-052);}

.block-waiting-for-you {border-top: 0;}
    .block-waiting-for-you .messages {margin: 0; padding: 0; list-style: none;}
        .block-waiting-for-you .messages .message {overflow: hidden; border: 0; border-top: 1px solid var(--color-grey-bg); padding: 2px 0;}
        .block-waiting-for-you .messages .message.expanded {border-top: 0; padding-left: 15px;}
            .block-waiting-for-you .messages .message .title {float: left; padding: 0; font-size: 8pt; color: var(--color-amber-500);}
            .block-waiting-for-you .messages .message .count {float: right;}
        .block-waiting-for-you .messages .message.expanded-row {padding-left: 30px;}
            .block-waiting-for-you .messages .message.expanded-row .title {font-weight: normal; color: var(--bw-000);}

    .content-block.block-waiting-for-you .block-list {margin: 9px 0 -5px;}

.block-welcome-page-advisor {}
    .block-welcome-page-advisor .vcard {margin-top: 12px; border: 0; padding: 0; width: 100%;}
    .block-welcome-page-advisor .vcard .additional {width: 172px;}
    .block-welcome-page-advisor .vcard .fn {padding: 0; width: 172px; font-size: var(--font-size-13);}
    .block-welcome-page-advisor .vcard .tel {display: inline-block;}


.block-welcome-page-contact-center {}
    .block-welcome-page-contact-center .vcard {border: 0; padding: 0; width: 100%;}



.block-welcome-page-client-area { background: url(../img/cla/block/block-welcome-page-client-area.block-body.gif) 100% 100% no-repeat; }
    .block-welcome-page-client-area .block-body {padding: 0 0 0 9px; }
    .block-welcome-page-client-area .block-list {font-weight: normal;}
    .block-welcome-page-client-area .more {margin: 12px 0 10px; font-weight: bold;}
        .block-welcome-page-client-area .more a {padding-right: 13px; background: url(../img/cla/button/more.gif) 100% 50% no-repeat;}



.vcard {overflow: hidden; border: 6px solid var(--color-grey-bg); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 12px; width: 322px; background: var(--bw-255);}
    .vcard .fn {float: right; margin: 0; padding: 0 0 0 14px; width: 220px; font-size: var(--font-size-14); font-weight: bold;}
    .vcard .photo {float: left; border: 3px solid var(--color-grey-bg); height: 40px; width: 40px;}
    .vcard .position {margin: 0 0 8px;}
    .vcard .message {margin: 18px; border: 0; font-weight: bold; text-align: center;}
    .vcard .additional {float: right; width: 210px;}
    .vcard .contact {margin: 8px 0 4px; padding: 0; list-style: none;}
    .vcard .tel, .vcard .email, .vcard .url {padding-left: 17px;}
    .vcard .tel {background: url(../img/cla/vcard/phone.gif) 0 50% no-repeat;}
    .vcard .email {background: url(../img/cla/vcard/email.gif) 0 50% no-repeat;}
    .vcard .url {background: url(../img/cla/vcard/contact.gif) 0 50% no-repeat;}
    .vcard .buttons {display: none; margin: 6px 0 0; padding: 10px 0 0; border-top: 2px solid var(--color-grey-bg);}
    /* vcard - add */
    .vcard.vcard-add {box-shadow: 0 0 30px var(--bw-105); -moz-box-shadow: 0 0 30px var(--bw-105); -webkit-box-shadow: 0 0 30px var(--bw-105);}
        .vcard.vcard-add .buttons {display: block}
    /* vcard - selected */
    .vcard.selected {border-color: var(--color-amber-300); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 30px var(--bw-105); -moz-box-shadow: 0 0 30px var(--bw-105); -webkit-box-shadow: 0 0 30px var(--bw-105);}
        .vcard.selected .vcard-edit {display: block;}
    /* vcard - edit */
    .vcard.vcard-edit {}
        .vcard.vcard-edit .vcard-edit {display: none;}
        .vcard.vcard-edit .vcard-save {display: block;}
    /* vcard - editable */
    .vcard .editable {}
        .vcard .editable label {display: block; font-weight: bold;}
        .vcard .editable input {margin: 3px 0; border: 1px solid var(--bw-156);}
            .vcard .editable .fn input {width: 218px;}
            .vcard .editable .title select {width: 218px;}
            .vcard .editable .tel input {width: 201px;}
            .vcard .editable .email input {width: 201px;}

/* vcard-extend extend vcard*/
.vcard-extend {}
    .vcard-extend .name {float: left; width: 520px;}
        .vcard-extend .name .fn {padding: 10px 0 0; width: 385px;}
        .vcard-extend .name .position {float: right; margin: 0; width: 385px;}
        .vcard-extend .name .url {float: right; margin: 0; width: 368px;}
    .vcard-extend .contact {float: left; width: 370px;}
        .vcard-extend .contact .url {margin-right: 24px;}

.popup-desc-zone{padding:5px 10px;}
.popup-table-zone .warning-container, .popup-table-zone .filterButtonCell{padding:10px;}


.mainLayoutPerson2 {
padding:3px;
border-left: 1px solid var(--bw-177);
border-right: 1px solid var(--bw-211);
border-top: 1px solid var(--bw-211);
border-bottom: 1px solid var(--bw-177);
background:var(--color-gen-050)
}




.char_bold, .revers_char_bold {
    font-size: 8pt;
    font-family: var(--font-family-legacy-default);
    text-decoration: none;
    font-weight: bold;
}

.char_bold {
    background: var(--color-amber-300);
    color:white; 
}

.revers_char_bold {
    background: var(--color-amber-600);
    color:white;
}

.fxContextInfo{
padding-top:2px;
padding-bottom:2px;
padding-left:8px;
padding-right: 8px;
border-left: 0px solid var(--bw-177);
border-right: 0px solid var(--bw-211);
border-top: 0px solid var(--bw-211);
border-bottom: 0px solid var(--bw-177);
background: white;
white-space: nowrap;
text-align: right;
}


 .fxGradient{ 
    background-image:url(../img/fx_gradient.gif);
    background-repeat: no-repeat;
    font-weight : bold;
    color: white ;
    vertical-align: middle;
    cursor: pointer;
    height: 23px;
    font-family: var(--font-family-legacy-default);
    font-size: var(--font-size-13);
    padding-top: 3px;
    padding-left:20px;
}

.fxHr {
    border-top: 2px solid var(--color-grey-bg) ;
}

.dark2{
 background: var(--color-gen-052);
 height:45px;
 font-size: 8pt;
 font-family: var(--font-family-legacy-default);
 text-decoration: none;
 color:var(--bw-255); 
}

.fx_block-header {  
color: var(--color-amber-300);
    font-size: var(--font-size-22);
    font-weight: normal;
    line-height: 1em;
    margin: 0.6em 0 0.6em;
    width: 100%;
    height: 1.7em;
}

.fx_button_more{
    background-image: url("../img/fx_more.gif");
    background-repeat: no-repeat;
    width: 50px;
    color:var(--color-gen-052);
    font-size: var(--font-size-9);
    text-decoration: none;
    text-align:center;
    padding-bottom: 2px;
    cursor:pointer;     
}
.fx_button_more_light{
    background-image: url("../img/fx_more_light.gif");
    background-repeat: no-repeat;
    width: 50px;
    color:white;
    font-size: var(--font-size-9);
    text-decoration: none;
    text-align:center;
    padding-bottom: 2px;
    cursor:pointer;   
}


.fx_button_blue{
    background-image: url("../img/fx_but_blue.gif");
    background-repeat: no-repeat;
    width: 85px;
    height:20px;
    color:white;
    font-size: var(--font-size-12);
    text-decoration: none;
    text-align:center;
    cursor:pointer;     
}
.fx_button_blue_light{
    background-image: url("../img/fx_but_blue_light.gif");
    background-repeat: no-repeat;
    width: 85px;
    height:20px;
    color:var(--color-gen-052);
    font-size: var(--font-size-12);
    text-decoration: none;
    text-align:center;
    cursor:pointer;   
}


.fx_button_orange{
    background-image: url("../img/fx_but_orange.gif");
    background-repeat: no-repeat;
    width: 85px;
    height:20px;
    color:white;
    font-size: var(--font-size-12);
    text-decoration: none;
    text-align:center;
    cursor:pointer;     
}
.fx_button_orange_light{
    background-image: url("../img/fx_but_orange_light.gif");
    background-repeat: no-repeat;
    width: 85px;
    height:20px;
    color:var(--color-gen-052);
    font-size: var(--font-size-12);
    text-decoration: none;
    text-align:center;
    cursor:pointer;   
}
.fx_button_orange_long{
    background-image: url("../img/fx_but_orange_long.gif");
    background-repeat: no-repeat;
    width: 125px;
    height:20px;
    color:white;
    font-size: var(--font-size-12);
    text-decoration: none;
    text-align:center;
    cursor:pointer;     
}
.fx_button_orange_long_light{
    background-image: url("../img/fx_but_orange_light_long.gif");
    background-repeat: no-repeat;
    width: 125px;
    height:20px;
    color:var(--color-gen-052);
    font-size: var(--font-size-12);
    text-decoration: none;
    text-align:center;
    cursor:pointer;   
}

.fx_button_orange_small{
    background-image: url("../img/fx_new_orange_small.png");
    background-repeat: no-repeat;
    width: 28px;
    height:17px;
    color:white;
    font-size: var(--font-size-11);
    text-decoration: none;
    text-align:center;
    cursor:pointer; 
    font-weight:bold;   
}


.fx_button_dialog_small{
    background-image: url("../img/fx_but_dialog.gif");
    background-repeat: no-repeat;
    width: 28px;
    height:17px;
    color:white;
    font-size: var(--font-size-11);
    text-decoration: none;
    text-align:center;
    cursor:pointer;     
}



.fx_button_orange_small_light{
    background-image: url("../img/fx_new_orange_small_light.png");
    background-repeat: no-repeat;
    width: 28px;
    height:17px;
    color:var(--bw-255);
    font-size: var(--font-size-11);
    font-weight:bold;
    text-decoration: none;
    text-align:center;
    cursor:pointer;   
}


.sellInactive{
    background-image: url("../img/fx_new_trans.png");
    background-repeat: repeat;
    width: 150px;
    height:41px;
    color:white;
    font-size: var(--font-size-12);
    text-decoration: none;
    text-align:center;
    padding-top: 2px;
    cursor:pointer; 
    border: 0px;    
}
.sellActive{
    background-image: url("../img/fx_new_trans_selected.png");
    background-repeat: repeat;
    width: 150px;
    height:41px;
    color:var(--bw-255);
    font-size: var(--font-size-12);
    text-decoration: none;
    text-align:center;
    padding-top: 2px;
    cursor:pointer;   
    border: 0px;
}



.fx_button_orange_small_selected_light{
    background-image: url("../img/fx_new_orange_small_light.png");
    background-repeat: no-repeat;
    width: 28px;
    height:17px;
    color:var(--color-gen-052);
    font-size: var(--font-size-11);
    text-decoration: none;
    text-align:center;
    cursor:pointer;   
    font-weight:bold;
}


td.fx_glfc {
    padding-left: 20px;
    padding-right: 0px;
    text-align: center;
    height:20px;
}

.fx_calendar_icon{
    background-image: url("../img/fx_calendar.gif");
    background-repeat: no-repeat;
    width:17px;
    height:19px;
    cursor:pointer;
    position:relative;
    top:5px;
    }
.fx_calendar_icon_light{
    background-image: url("../img/fx_calendar_light.gif");
    background-repeat: no-repeat;
    width:17px;
    height:19px;
    cursor:pointer;
    position:relative;
    top:5px;
    }
    
.fx_refresh,.fx_refresh_light,.fx_button_limit ,.fx_button_limit_selected {
	text-align: center;      
    width:18px;
    height:18px;
    cursor: pointer;
}
    
    
.fx_refresh{
    background-image:url('../img/fx_new_limit.png');
}       

.fx_refresh_light{
    background-image:url('../img/fx_new_limit_light.png');
}       

.fx_button_limit {
    background-image: url("../img/fx_new_limit.png");
}
.fx_button_limit_selected {
    background-image: url("../img/fx_new_limit_light.png");
}
.fx_button_limit_light {
    background-image: url("../img/fx_new_limit_light.png");
    cursor: pointer;
    width:18px;
    height:18px;
    text-align: center;
}
.fx_button_settings {
    background-image: url("../img/fx_new_settings.png");
    cursor: pointer;
    width:18px;
    height:18px;
    text-align: center;
}
.fx_button_settings_light {
    background-image: url("../img/fx_new_settings_light.png");
    cursor: pointer;
    width:18px;
    height:18px;
    text-align: center;
}
.fx_button_chart_light {
    background-image: url("../img/fx_new_chart_light.png");
    cursor: pointer;
    width:18px;
    height:18px;
    text-align: center;
}
.fx_button_refresh_light {
    background-image: url("../img/fx_refresh_light.png");
    cursor: pointer;
    width:18px;
    height:18px;
    text-align: center;
}

.fx_button_invert {
    background-image: url("../img/fx_new_invert.png");
    cursor: pointer;
    width:18px;
    height:18px;
    text-align: center;
}

.fx_button_invert_light {
    background-image: url("../img/fx_new_invert_light.png");
    cursor: pointer;
    width:18px;
    height:18px;
    text-align: center;
}

.fx_button_refresh {
    background-image: url("../img/fx_refresh.png");
    cursor: pointer;
    width:18px;
    height:18px;
    text-align: center;
}

.fx_button_chart {
    background-image: url("../img/fx_new_chart.png");
    cursor: pointer;
    width:18px;
    height:18px;
    text-align: center;
}

.fx_calendar{
    background-image: url("../img/fx_calendar.gif");
    background-repeat: no-repeat;
    width:17px;
    height:19px;
    cursor:pointer;
    position:relative;
    }
.fx_calendar_light{
    background-image: url("../img/fx_calendar_light.gif");
    background-repeat: no-repeat;
    width:17px;
    height:19px;
    cursor:pointer;
    position:relative;
    }

.fx_light { background: var(--color-grey-bg);}
.fx_light_off { background: var(--color-grey-bg);}
.fx_lighter { background: var(--bw-221);}

.fx_box,.fx_box_light,.fx_dialog_box,.fx_dialog_box_light,.fx_box_red,.fx_box_info {
    height: 80px;
    width: 80px;
    cursor:pointer;
    text-align: center;
    margin-right: 5px;
    background-repeat: no-repeat;
}
.fx_box, .fx_box_info {
    background: url("../img/fx_new_box.png") no-repeat;
}
.fx_box_light {
    background: url("../img/fx_new_box_light.png") no-repeat;
}


.fx_dialog_box {
    background: url("../img/fx_new_dialog.png");
    background-position:bottom;
}
.fx_dialog_box_light {
    background: url("../img/fx_new_dialog_light.png");
    background-position:bottom;
}

.fx_box_red {
    background: url("../img/fx_new_box_selected.png");
}
.fx_box_info {
    cursor:auto;
}

.longest_input{
    width: 306px;   
    font-size: 8pt;
    font-weight: normal;
}
.fx_rapid_error{
    background: var(--color-grey-bg);
    background-repeat: repeat;
    width:177px;
    height:146px;
    position:absolute;
    z-index:3;
    opacity:0.9;
    filter:alpha(opacity=90);
    color:black;
}

.fx_rapid_error_content{
    height:0px;
    position:absolute;
    opacity:1;
    z-index:4;

}
.fx_rap_err_txt{
    height:90px;
    border:0px;
    background:0;
    color:black;
    overflow: auto;
    width:160px;
}
.fx_rapid_green, .fx_rapid_red, .fx_rapid_black, .fx_rapid_rate{ 
    margin-top:8px;
    font-size: var(--font-size-16);
    text-align:center;
    font-weight:bold;
}
.fx_rapid_green {
    color:var(--color-green-500);
}
.fx_rapid_red{
    color:var(--color-red-500);
}

.fx_rapid_black{
    color:black;
}

.fx_rapid_up{
    text-align:center;
    background: url("../img/fx_rapid_up.gif");
    background-repeat: no-repeat;
    height: 8px;
    width: 15px;
    margin: 0 auto;
}
.fx_rapid_down{
    text-align:center;
    background: url("../img/fx_rapid_down.gif");
    background-repeat: no-repeat;
    height: 8px;
    width: 15px;
    margin: 0 auto;
}
.fx_rapid_side{
font-size: var(--font-size-12);
font-weight:bold;
text-align:center;
color:black;
padding-top:5px;
}

.fx_rapid_chart{ 
    background: var(--color-grey-bg);
    padding:15px;}
    
.fx_chart_close{
    height: 15px;
    width: 15px;
    text-align:center;
    background: url("../img/fx_chart_close.gif");
    background-repeat: no-repeat;
}   
.fx_chart_close_light{
    height: 15px;
    width: 15px;
    text-align:center;
    background: url("../img/fx_chart_close_light.gif");
    background-repeat: no-repeat;
}
.fx_button_tenor{
    background-image:url("../img/fx_but_tenor.gif");
    text-align: center; 
    color:gray;
    width:30px;
    height:18px;
}

.offerInactive{
    background-image: url("../img/fx_new_trans.png");
    background-repeat: repeat;
    width: 150px;
    height:41px;
    color:white;
    font-size: var(--font-size-12);
    text-decoration: none;
    text-align:center;
    padding-top: 2px;
    cursor:pointer;     
    border: 0px;
}
.offerActive{
    background-image: url("../img/fx_new_trans_selected.png");
    background-repeat: repeat;
    width: 150px;
    height:41px;
    color:var(--bw-255);
    font-size: var(--font-size-12);
    text-decoration: none;
    text-align:center;
    padding-top: 2px;
    cursor:pointer;   
    border: 0px;
}
.bigBold { font-weight: bold;
font-size: var(--font-size-13);}

.sellButton {
    height: 30px;
    color: white;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
}

/* roundButton */
.fx_butp_blue, .fx_butp_orange {
    height: 20px;
    width: 10px; 
    color:white;
    font-size: var(--font-size-12);
    text-decoration: none;
    text-align:center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.fx_button_blue,.fx_button_blue_light,.fx_button_orange,.fx_button_orange_light,.fx_button_orange_long,.fx_button_orange_long_light,
.fx_button_orange_small,.fx_button_dialog_small,.fx_button_orange_small_light,.fx_button_orange_small_selected_light,
.fx_butp_blue_text, .fx_butp_orange_text {
    padding-top: 1px;
}
.fx_butp_blue_hover {
    background-image: url("../img/fx_butp_blue_hover.gif");
} 
.fx_butp_orange_hover {
    background-image: url("../img/fx_butp_orange_hover.gif");
}
.fx_butp_blue_hover, .fx_butp_orange_hover {
    color:var(--color-gen-052);
}
.fx_butp_blue{
    background-image: url("../img/fx_butp_blue.gif");
} 
.fx_butp_orange {
    background-image: url("../img/fx_butp_orange.gif");
}
.mobile-info, .mobile-info-big {
    float: right;
}
.mobile-info {
    width: 20px;
    height: 20px;
}
.mobile-info-big {
    width: 27px;
    height: 27px;
}

td.width100percent_valigntop {
    width: 100%;
    vertical-align: top;
}

img.srpn-img {
    border-width: 0;
}

#menuRootInt{
    font-family: var(--font-family-legacy-default);
    font-weight: normal;
}
.passwordStyle {
    font-family: var(--font-family-legacy-default);
}

.cmd_button,
.bank-admin-panel-container .admin-bluecoat-button, .bank-admin-panel-container .admin-filescanner-button {
    font-family: var(--font-family-legacy-default);
    color: white;
    background-color:var(--color-amber-500);
    text-align: center;
    vertical-align:middle;
    padding: 3px;
}
.bank-admin-panel-container .admin-bluecoat-button, .bank-admin-panel-container .admin-filescanner-button  {
    border: none;
    padding: 3px 7px;
}
.button_table{
    width:50px;
}
.button_table,.default_table{
	padding:  0;
	border-collapse: collapse; 
    border-spacing: 0;
 
}
.default_table{
	width: 100%;
}

.unselectable{
	-ms-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.main_body{
	background-color:var(--color-gen-004);
	color: black;
	margin:  0 ;
}
.main_body.a:visited { color: black; }
.main_body.a:link { color: black; }

.createShortcutCellFx {
    width:200px;
    padding-bottom:8px;
}    
.createShortcutCell {
    width:100px;
}

.createShortcutCell, .createShortcutCellFx {
    border: 0px;
	text-align:center;
	color: var(--color-blue-300);
	font-weight: normal ;
	padding-right:15px;
	background: var(--color-gen-036);
}

.logoutRoundTable {
width: 100%; 
padding:0px 20px 20px 20px;
border-radius:9px;
behavior: url(../../js/PIE.js);
}
.customerCtxtRoundTable {
border: 1px solid var(--bw-205);
background:var(--bw-255);
border-radius:9px;
behavior: url(../../js/PIE.js);
}


.documentAuthorizeCommentTitle {
     color: var(--color-legacy-title);
     font-size: var(--font-size-16);
     padding-top: 2em;
}

.documentAuthorizeComment {
    
}

.documentAuthorizeCommentFooter {
     padding-bottom: 2em;
     padding-top: 1em;
}

.right.triangle {
    width: 0; height: 0;
    border-left: 8px solid black;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    margin-top: 22px;
}
.left.triangle {
    width: 0; height: 0;
    border-bottom: 8px solid black;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    margin-top: 85px;
}

.eOneNumberText {
    width:20px;
}
#localShortcutRoot {
    background-color: var(--bw-255);
    cursor: pointer;
}

.closeChart {
    position: absolute;
    right: 10px;
    top: 10px;
}

.courtInstructionFilterButtons {
    vertical-align: bottom;
}

.fxPrintLabelCell {
    font-size: var(--font-size-13);
    color: var(--bw-075);
}
.fxPrintValueCell {
    font-weight: 600;
    font-size: var(--font-size-13);
    color: var(--bw-075);
}
.pageTitle {
    margin-top: 20px;
    font-size: var(--font-size-25);
    border-bottom: 2px solid var(--bw-000);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    color: var(--bw-075);
}
.transactionTitle {
    margin-top: 50px;
    margin-bottom: 10px;
    font-size: var(--font-size-14);
    border-bottom: 2px solid var(--bw-000);
    width: 300px;
    color: var(--bw-075);
}
.fxPrintTableOuter{
    padding: 20px 0px 20px 0px;
    background: var(--color-grey-bg);
}
.printSummary {
    margin-top: 10px;
    font-size: var(--font-size-13);
    color: var(--bw-075);
}
.nam-old-authorization-process #message-box {
    padding: 25px 0 0 0;
}

.nam-old-authorization-process .nam-wait-task-info-container {
    padding-top: 1px;
}
.nam-old-authorization-process .nam-wait-task-info-container p {
    margin-bottom: 2px;
    font-style: italic;
    line-height: 1.5em;
    font-size: 9pt;
    margin: 0 0 4px 0;
}
.nam-old-authorization-process .horizontal-loader {
    background-image: url("../eko/img/horizontal-loader.gif");
    height: 5px;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}
.nam-old-authorization-process .bg-light-grey {
    background-color: var(--color-grey-bg) !important;
}
.nam-old-authorization-process h2 {
    font-size: var(--font-size-20);
    color: var(--color-legacy-title);
    font-family: var(--font-family-legacy-default);
    font-weight: 300;
    line-height: 24px;
    margin: 14px 20px 5px 20px;
    transition: all 0.2s ease-in-out 0s;
    font-style: normal;
}
.nam-old-authorization-process-container-adm {
    padding: 10px 20px 0 20px;
}
.nam-old-authorization-process .columns.end {
    float: left !important;
}

.nam-old-authorization-process label.table-cell {
    height: 32px;
    line-height: 1.125em;
}
.nam-old-authorization-process .table-cell {
    display: table-cell;
    vertical-align: middle;
}
.nam-old-authorization-process-container-adm label.table-cell-adm {
    margin: 0;
    height: auto !important;
    line-height: 1.3em !important;
}
.nam-old-authorization-process .nam-authorization-overflow {
    background-color: var(--bw-255);
    opacity: 0.001;
    pointer-events: all;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.nam-old-authorization-process .action-cancel-nam-active {
    z-index: 3010;
    cursor: wait;
}
.nam-old-authorization-process .action-cancel-nam-active .action-cancel {
    z-index: 3010;
    pointer-events: all;
    cursor: pointer;
    background-color: transparent;
}
.nam-old-authorization-process .action-cancel-nam-active #cmd_action_cancel {
    z-index: 3010;
    pointer-events: all;
    cursor: pointer;
    position: relative;
}
.nam-old-authorization-process .action-cancel-nam-active #eko-actions-aditional-content {
    display: none;
}
.panel-nam-adm {
    background-color: var(--color-grey-bg);
}
.nam-old-authorization-process .progress-title {
    display: table !important; margin: 0 auto; font-weight: normal;
}
.nam-old-authorization-process .progress {
    position: relative;
    background-color: var(--color-green-900);
    height: 6px;
    border-radius: 6px;
}
.nam-old-authorization-process .progress .progress-meter {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--color-green-500);
    border-radius: 6px;
}
.nam-old-authorization-process .progress .progress-meter.finished {
    transition: width 30s linear; width: 0%;
}
.nam-old-authorization-process .nam-wait-screen-progress-title {
    font-style: 12px;
    margin-bottom: 3px;
}
.nam-old-authorization-actions-container-adm .empty-action-area-adm {
    display: none;
}
.nam-old-authorization-actions-container-adm .nam-old-authorization-action-panel-adm {
    width: 100% !important;
    padding: 0;
}

#loader, #ngLoader {
    bottom: 0;
    height: 50px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 100px;
    cursor:wait;
    z-index: 10000 !important;
}

/* ----- CZESC SKOPIOWANA Z FOUNDATION.CSS - calej biblioteki nie mozemy wrzucic ------*/

.row-print {
    max-width: 81.25em;
    width: 100%;
}

.row,
.row-base {
    margin: 0 auto;
    max-width: 81.25em;
    width: 100%;
}

.row:before, .row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.row.collapse > .column,
.row.collapse > .columns {
    padding-left: 0;
    padding-right: 0;
}

.row.collapse .row {
    margin-left: 0;
    margin-right: 0;
}

.row .row {
    margin: 0 -10px;
    max-width: none;
    width: auto;
}

.row .row:before, .row .row:after {
    content: " ";
    display: table;
}

.row .row:after {
    clear: both;
}

.row .row.collapse {
    margin: 0;
    max-width: none;
    width: auto;
}

.row .row.collapse:before, .row .row.collapse:after {
    content: " ";
    display: table;
}

.row .row.collapse:after {
    clear: both;
}

.column,
.columns {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    float: left;
}

.column + .column:last-child,
.columns + .column:last-child, .column +
.columns:last-child,
.columns +
.columns:last-child {
    float: right;
}

.column + .column.end,
.columns + .column.end, .column +
.columns.end,
.columns +
.columns.end {
    float: left;
}
.small-1 {
    width: 5%;
}
.small-2 {
    width: 10%;
}
.small-3 {
    width: 15%;
}
.small-4 {
    width: 20%;
}
.small-5 {
    width: 25%;
}
.small-6 {
    width: 30%;
}
.small-7 {
    width: 35%;
}
.small-8 {
    width: 40%;
}
.small-9 {
    width: 45%;
}
.small-10 {
    width: 50%;
}
.small-11 {
    width: 55.0%;
}
.small-12 {
    width: 60%;
}
.small-13 {
    width: 65%;
}
.small-14 {
    width: 70%;
}
.small-15 {
    width: 75%;
}
.small-16 {
    width: 80%;
}
.small-17 {
    width: 85%;
}
.small-18 {
    width: 90%;
}
.small-19 {
    width: 95%;
}
.small-20 {
    width: 100%;
}
.small-offset-0 {
    margin-left: 0 !important;
}
.small-offset-1 {
    margin-left: 5% !important;
}
.small-offset-2 {
    margin-left: 10% !important;
}
.small-offset-3 {
    margin-left: 15% !important;
}
.small-offset-4 {
    margin-left: 20% !important;
}
.small-offset-5 {
    margin-left: 25% !important;
}
.small-offset-6 {
    margin-left: 30% !important;
}
.small-offset-7 {
    margin-left: 35% !important;
}
.small-offset-8 {
    margin-left: 40% !important;
}
.small-offset-9 {
    margin-left: 45% !important;
}
.small-offset-10 {
    margin-left: 50% !important;
}
.small-offset-11 {
    margin-left: 55.0% !important;
}
.small-offset-12 {
    margin-left: 60% !important;
}
.small-offset-13 {
    margin-left: 65% !important;
}
.small-offset-14 {
    margin-left: 70% !important;
}
.small-offset-15 {
    margin-left: 75% !important;
}
.small-offset-16 {
    margin-left: 80% !important;
}
.small-offset-17 {
    margin-left: 85% !important;
}
.small-offset-18 {
    margin-left: 90% !important;
}
.small-offset-19 {
    margin-left: 95% !important;
}
.large-1 {
    width: 5%;
}
.large-2 {
    width: 10%;
}
.large-3 {
    width: 15%;
}
.large-4 {
    width: 20%;
}
.large-5 {
    width: 25%;
}
.large-6 {
    width: 30%;
}
.large-7 {
    width: 35%;
}
.large-8 {
    width: 40%;
}
.large-9 {
    width: 45%;
}
.large-10 {
    width: 50%;
}
.large-11 {
    width: 55.0%;
}
.large-12 {
    width: 60%;
}
.large-13 {
    width: 65%;
}
.large-14 {
    width: 70%;
}
.large-15 {
    width: 75%;
}
.large-16 {
    width: 80%;
}
.large-17 {
    width: 85%;
}
.large-18 {
    width: 90%;
}
.large-19 {
    width: 95%;
}
.large-20 {
    width: 100%;
}
.large-offset-0 {
    margin-left: 0 !important;
}
.large-offset-1 {
    margin-left: 5% !important;
}
.large-offset-2 {
    margin-left: 10% !important;
}
.large-offset-3 {
    margin-left: 15% !important;
}
.large-offset-4 {
    margin-left: 20% !important;
}
.large-offset-5 {
    margin-left: 25% !important;
}
.large-offset-6 {
    margin-left: 30% !important;
}
.large-offset-7 {
    margin-left: 35% !important;
}
.large-offset-8 {
    margin-left: 40% !important;
}
.large-offset-9 {
    margin-left: 45% !important;
}
.large-offset-10 {
    margin-left: 50% !important;
}
.large-offset-11 {
    margin-left: 55.0% !important;
}
.large-offset-12 {
    margin-left: 60% !important;
}
.large-offset-13 {
    margin-left: 65% !important;
}
.large-offset-14 {
    margin-left: 70% !important;
}
.large-offset-15 {
    margin-left: 75% !important;
}
.large-offset-16 {
    margin-left: 80% !important;
}
.large-offset-17 {
    margin-left: 85% !important;
}
.large-offset-18 {
    margin-left: 90% !important;
}
.large-offset-19 {
    margin-left: 95% !important;
}
.spacer.s1 {
    height: 10px;
}
.spacer.s2 {
    height: 20px;
}
.spacer {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative;
    clear: both;
}
/*------------------------------*/

.alert-box {
    position: relative;
    border-radius: var(--alert-box-border-radius);
    display: block;
    font-size: var(--font-size-13);
    background-color: var(--bw-255);
    padding: 16px 36px 16px 20px;
    margin-bottom: 16px;
    line-height: 1.5em;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.025);
}

.alert-box.overridePayer .row {
    margin-bottom: 10px;
}

.alert-box.overridePayer .row div span {
    position: absolute;
    bottom: 0px;
}

.alert-box.overridePayer .row.end {
    margin-bottom: 0px;
}

.alert-box.overridePayer .row a {
    margin-bottom: 0px;
}

.alert-box:before {
    content: '';
    width: var(--alert-box-border-left-width);
    height: 100%;
    display: block;
    border-radius: 5px 0 0 5px;
    position: absolute;
    left: 0;
    top: 0;
}

.alert-box.success {
    border: var(--alert-box-border-success);
    background-color: var(--alert-box-background-success);
}

.alert-box.success:before {
    background-color: var(--alert-box-border-color-success);
}

.alert-box.alert {
    border: var(--alert-box-border-warning);
    background-color: var(--alert-box-background-warning);
}

.alert-box.alert:before {
    background-color: var(--alert-box-border-color-warning);
}

.alert-box.imessage, .alert-box.info {
    border: var(--alert-box-border-info);
    background-color: var(--alert-box-background-info);
}

.alert-box.imessage:before, .alert-box.info:before {
    background-color: var(--alert-box-border-color-info);
    color: var(--bw-255);
    width: var(--alert-box-border-left-width);
    height: var(--alert-box-icon-height);
    padding-top: 12px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: var(--alert-box-icon-content-info);
    line-height: 100%;
    vertical-align: top;
    text-align: center;
    font-size: var(--font-size-12);
    font-family: var(--font-family-icon);
    font-weight: 100;
}

.alert-box.error {
    border: var(--alert-box-border-error);
    background-color: var(--alert-box-background-error);
}

.alert-box.error:before {
    background-color: var(--alert-box-border-color-error);
}

.alert-box.hide {
    display: none;
}

.alert-box i.close {
    position: absolute;
    top: 7px;
    right: 7px;
    display: block;
    width: 35px;
    height: 35px;
    background-color: transparent;
    color: transparent;
    cursor: pointer;
}

.alert-box i.close:before, .alert-box i.close:after {
    content: '';
    width: var(--alert-box-close-icon-width);
    height: var(--alert-box-close-icon-height);
    display: block;
    position: absolute;
    top: 16px;
    left: 12px;
    background-color: var(--alert-box-close-icon-color);
}

.alert-box i.close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.alert-box i.close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.alert-box.small-margin-bottom {
    margin-bottom: 16px !important;
}

.alert-box.success, .alert-box.alert, .alert-box.info, .alert-box.error, .alert-box.imessage {
    padding: var(--alert-box-padding);
    margin-bottom: 19px;
}

.alert-box.success:after, .alert-box.alert:after, .alert-box.info:after, .alert-box.error:after, .alert-box.imessage:after {
    content: '';
    color: var(--bw-255);
    font-size: var(--font-size-16);
    line-height: 16px;
    position: absolute;
    top: var(--alert-box-icon-top);
    left: var(--alert-box-icon-left);
    width: var(--alert-box-icon-width);
    height: var(--alert-box-icon-height);
    display: block;
    text-align: center;
    font-weight: 700;
}

.alert-box.success a.plus, .alert-box.alert a.plus, .alert-box.info a.plus, .alert-box.error a.plus, .alert-box.imessage a.plus {
    color: var(--bw-000);
}

.alert-box.alert:after, .alert-box.error:after {
    content: var(--alert-box-icon-content);
}

.alert-box.success:after {
    content: '';
    height: var(--alert-box-icon-height-success);
    width: var(--alert-box-icon-width-success);
    display: block;
    border-left: var(--alert-box-icon-border);
    border-bottom: var(--alert-box-icon-border);
    margin-top: 0px;
    position: absolute;
    top: var(--alert-box-icon-top-success);
    left: var(--alert-box-icon-left-success);
    -webkit-transform: var(--alert-box-icon-transform);
    -moz-transform: var(--alert-box-icon-transform);
    -ms-transform: var(--alert-box-icon-transform);
    transform: var(--alert-box-icon-transform);
}

.alert-box.success:after {
    background: var(--alert-box-icon-background-success);
}

.alert-box.alert:after {
    background: var(--alert-box-icon-background-warning);
}

.alert-box.info:after, .alert-box.imessage:after {
    background: var(--alert-box-icon-background-info);
}

.alert-box.error:after {
    background: var(--alert-box-icon-background-error);
}

.alert-box .title, .alert-box .stat-widget .panel .title_column, .stat-widget .panel .alert-box .title_column, .alert-box .manage-widget-modal-content .form-row:not(.extended) .widget-preview .panel .title_column, .manage-widget-modal-content .form-row:not(.extended) .widget-preview .panel .alert-box .title_column {
    font-size: var(--font-size-16);
    display: block;
    margin-bottom: 16px;
}

.alert-box .title strong, .alert-box .stat-widget .panel .title_column strong, .stat-widget .panel .alert-box .title_column strong, .alert-box .manage-widget-modal-content .form-row:not(.extended) .widget-preview .panel .title_column strong, .manage-widget-modal-content .form-row:not(.extended) .widget-preview .panel .alert-box .title_column strong {
    font-weight: 600;
}

.alert-box .table-wrap {
    position: relative;
    display: block;
    margin-bottom: 24px;
    line-height: 21px;
}

.alert-box .table-wrap.spaced .row .columns span {
    margin-bottom: 10px;
}

.alert-box .table-wrap.spaced .row:last-child .columns span {
    margin-bottom: 0;
}

.alert-box .table-wrap .row .columns span {
    display: block;
}

.alert-box .table-wrap .foot {
    padding-top: 20px;
}

.alert-box .table-wrap .status-error,
.alert-box .table-wrap .status-alert {
    display: block;
    padding-left: 20px;
    position: relative;
}

.alert-box .table-wrap .status-error:before,
.alert-box .table-wrap .status-alert:before {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
}

.alert-box .table-wrap .status-error:before {
    background-color: var(--color-red-500);
}

.alert-box .table-wrap .status-alert:before {
    background-color: var(--color-amber-400);
}

.alert-box hr,
.alert-box .hr {
    background-color: var(--bw-190);
    margin: 24px 0;
}
.alert-box .icon-attention:before {
    content: "!";
}
.alert-box ul.no-bullet {
    margin-left: 0;
}

.alert-box  ul.no-bullet {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.alert-box ul.no-bullet li ul,
.alert-box ul.no-bullet li ol {
    margin-left: 20px;
    margin-bottom: 0;
    list-style: none;
}

.alert-box h4 {
    font-weight: 600;
    font-family: var(--font-family-legacy-default);
    line-height: 1.2em;
    margin: 0 0 0.5em;
    color: var(--bw-051);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: var(--font-size-15);
}
#sess-refresh-global-cover {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 999999999;
    padding-top: 300px;
    opacity: 0.01;
    text-align: center;
}
.sess-refresh-msg {
    text-align: center;
    font-weight: 600;
    font-size: var(--font-size-30);
}
.opacity1 {
    opacity: 1 !important;
}
#sess-refresh-seconds-to-logout,
#sess-refresh-inactivity-minutes,
#sess-refresh-inactivity-seconds {
    padding-top: 10px;
    font-size: var(--font-size-35);
    color: var(--bw-151);
    width: 65px;
    max-width: 65px;
    display: inline-block;
}
#sess-refresh-global-cover .red {
    color: var(--color-red-500);
}
.display-none {
    display: none
}
.bank-admin-panel-container .eko-is-loading-ng4{
    height: 50px;
    width: 100%;
    position: relative;
    background: url("../img/loader_2.gif") no-repeat 50% 50%;
    background-size: contain;
}
.bank-admin-panel-container .mt20 {
    margin-top: 20px;
}
.bank-admin-panel-container .bluecoat-in-progress-content {
    z-index: 9999999 !important;
    margin-top: 100px !important;
}
.bank-admin-panel-container .bluecoat-in-progress-content .color-black {
    color: var(--bw-000);
    font-size: var(--font-size-14);
}
.bank-admin-panel-container .blue-coat-verif-container-inline {
    position: fixed;
    width: 100%;
    top: 100px;
    left: 0;
}
.pdb20 {
    padding-bottom: 20px;
}

.icon-print-bank {
    font-family: icon-font;
}

.icon-print-bank:before { content: "\e615"; }

.msg-recipient-lang {
    color: var(--color-amber-400);
    font-weight: 600;
    margin-bottom: 5px;
    font-size: var(--font-size-14);
}