/*WTW color scheme*/
/*

#711984 / filter: invert(18%) sepia(47%) saturate(3371%) hue-rotate(272deg) brightness(91%) contrast(105%); - purple (main accent)
#390B43 / filter: invert(5%) sepia(51%) saturate(7443%) hue-rotate(285deg) brightness(85%) contrast(96%); - dark purple (gradient shade) 
#a5a5a5 / filter: invert(76%) sepia(7%) saturate(0%) hue-rotate(162deg) brightness(89%) contrast(83%); - gray (ex. footer, borders)
#424242 / filter: invert(26%) sepia(0%) saturate(0%) hue-rotate(315deg) brightness(101%) contrast(100%); - dark gray (ex. font)
#920a0a / filter: invert(6%) sepia(91%) saturate(7114%) hue-rotate(358deg) brightness(98%) contrast(96%); - dark red (ex. validation error)
#ff0000 / filter: invert(19%) sepia(88%) saturate(7488%) hue-rotate(4deg) brightness(107%) contrast(122%); - red (ex. table data accent)
#0BA71B / filter: invert(37%) sepia(96%) saturate(1435%) hue-rotate(101deg) brightness(96%) contrast(91%); - green (ex. validation)

*/

/*hidden functionalities*/
#main.main .topMenuMain > .logins,
#navPanel.navigationPanel .fastsearch,
#navPanel.navigationPanel .languageBar,
#main.main .topMenuMain .topmenu a#TopMenu1_topMenuProgramUrl .topMenuProgram,
#main.main .topMenuMain .topmenu #TopMenu1_upExpand,
#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div1LoginProgramAppChoiceClass,
#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice #TopMenu1_LoginProgramAppChoicePanel_upAppChoice,
.listsearchextender,
.content.witamy .appLogin,
.content.witamy .programsContainer,
.content.witamy .welcomeBackMessageClass,
.content.witamy a.advTextBold,
.paginationDiv .sliderBtn,
.paginationDiv .pageSlider,
.SliderPanel .ajax__slider_h_rail,
/*hidden br*/
#navPanel.navigationPanel #leftblock.leftblock br,
.FilterMainDiv br,
.modalPopup br,
.simplebutton + br,
.content.witamy .fastsearch .wholeSearch .policyNumberDiv br,
.content.witamy > br,
.ajax__slider_h_rail,
.errorModalPopup .errorModalPopupPanel > br,
html .dhx_toolbar_base_18_dhx_terrace div.dhx_toolbar_arw,
html .dhxtoolbar_icons_18 div.dhx_toolbar_arw {
    display: none;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div2LoginProgramAppChoiceClass > div > div > span:last-of-type,
#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div3LoginProgramAppChoiceClass > span:last-of-type
{
    display:none !important;
}

/*Framework*/

html,
html .ajax__tab_xp .ajax__tab_body,
html .ajax__tab_xp .ajax__tab_header,
html div.gridbox_dhx_terrace table.hdr td,
html div.gridbox_dhx_terrace table.obj tr td,
html .TippedToolTip,
html .dhtmlxcalendar_dhx_terrace,
html .ui-widget {
    color: #101010 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 500;
}

.dhtmlxcalendar_dhx_terrace
{
    z-index:999999 !important;
}

*
{
    box-sizing:border-box;
}

*:focus
{
    outline: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus
{
    border-color:#711984;
}

#navPanel.navigationPanel
{
    position: fixed;
    top: 49px;
    left: 50%;
    margin-left: 320px;
    width: calc(100% - 320px);
    max-width: calc(1366px - 320px);
    transform: translate(calc(-50% - 160px), 0);
    z-index: 99;
    height: 50px;
    backface-visibility: hidden;
}

#navPanel.navigationPanel #leftblock.leftblock
{
    display:flex;
    flex-direction:column;
    height:100%;
}

#navPanel.navigationPanel #leftblock.leftblock #wholeMenu
{
    display: flex;
    flex-grow: 1;
    align-items: flex-end;
    justify-content: flex-start;
    padding-left:15px;
}

#navPanel.navigationPanel table.menustyle
{
    text-transform:uppercase;
    font-size:14px;
}

#navPanel.navigationPanel table.menustyle td
{
    padding:12px 15px;
    text-align: center;
    vertical-align: bottom;
    cursor:pointer;
}

#navPanel.navigationPanel table.menustyle td:first-of-type
{
    background:url("../../Images/Layout/DealerPakietow/ico/home_line.svg") no-repeat scroll center top transparent;
    filter: invert(18%) sepia(47%) saturate(3371%) hue-rotate(272deg) brightness(91%) contrast(105%);
    background-size:25px auto;
    font-size:0px;
}

#navPanel.navigationPanel table.menustyle td:first-of-type:hover
{
    background:url("../../Images/Layout/DealerPakietow/ico/home_solid.svg") no-repeat scroll center top transparent;
    filter: invert(18%) sepia(47%) saturate(3371%) hue-rotate(272deg) brightness(91%) contrast(105%);
    background-size:25px auto;
}

#navPanel.navigationPanel table.submenu 
{
    margin-left: calc(-50vw - 320px + 9px);
    margin-top: -47px;
    box-shadow:0px 2px 5px 0px rgb(0,0,0,0.2);
}

#navPanel.navigationPanel table.submenu tr
{
    border-left:1px solid #711984;
    background:#ffffff;
    padding:0px 10px;
    display:block;
}

#navPanel.navigationPanel table.submenu tr:last-of-type
{
    padding-bottom:10px;
}

#navPanel.navigationPanel table.submenu td
{
    border-bottom: 1px solid #a5a5a5;
    display:block;
    padding:10px 20px 10px 0px;
    text-transform:uppercase;
    font-size: 14px;
}

#navPanel.navigationPanel table.submenu td:hover
{
    font-weight:700;
}

#main.main
{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    height:101px;
    width:100%;   
    border-bottom: 2px solid #711984 ;
    position:relative;
    z-index:9;
    box-shadow:0px 2px 5px 0px rgb(0,0,0,0.2);
}

#main.main .topMenuMain,
#main.main .topMenuMain .topmenu
{
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    justify-content:space-between;
    width:100%;
    max-width:1366px;
    height:100%;
}

#main.main .topMenuMain .topmenu a#TopMenu1_topMenuProgramUrl
{
    width:320px;
    height:100%;
    border-right: 1px solid #a5a5a5;
    opacity:1;
    background:url("../../Images/Layout/DealerPakietow/WTW_logo_2022.svg") scroll no-repeat left center transparent;
    background-size:180px auto;
    padding-left:200px;
}

#main.main .topMenuMain .topmenu .logoutlink
{
    width:18px;
    height:20px;
    margin-top:16px;
    background:url("../../Images/Layout/DealerPakietow/ico/log_off.svg") no-repeat scroll center center transparent;
    filter: invert(18%) sepia(47%) saturate(3371%) hue-rotate(272deg) brightness(91%) contrast(105%);
    display:inline-block;
    background-size:contain;
    font-size:0px;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv
{
    position: fixed;
    top: 10px;
    left: 50%;
    margin-left: 200px;
    width: calc(100% - 200px);
    max-width: calc(1366px - 200px);
    transform: translate(calc(-50% - 100px), 0);
    z-index: 99;
    height: 0px;
    overflow:visible;
    backface-visibility: hidden;
    padding-right:15px;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice
{
    display:flex;
    flex-direction:row-reverse;
    align-items:flex-start;
    justify-content:space-between;
    height: 0px;
    overflow: visible;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div3LoginProgramAppChoiceClass
{
    height: 79px;
    overflow:visible;
    width: 119px;
    padding-right: 19px;
}

#TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div3LoginProgramAppChoiceClass
{
    height: 79px;
    overflow:visible;
    width: 119px;
    padding-right: 19px;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div3LoginProgramAppChoiceClass > span#TopMenu1_LoginProgramAppChoicePanel_hypProgram_dropWrapper
{
    display:inline-block;
    position:relative;
    padding-right:25px;
    cursor:pointer !important;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div3LoginProgramAppChoiceClass > span#TopMenu1_LoginProgramAppChoicePanel_hypProgram_dropWrapper:before 
{
    content:'';
    width:16px;
    height:16px;
    pointer-events:none;
    position:absolute;
    right:0px;
    top:calc(50% - 8px);
    background: url('../../Images/Layout/DealerPakietow/ico/Icon ionic_ios_arrow_down.svg') no-repeat scroll center center transparent;
    filter: invert(18%) sepia(47%) saturate(3371%) hue-rotate(272deg) brightness(91%) contrast(105%);
    display: inline-block;
    background-size: contain;
    font-size: 0px;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div3LoginProgramAppChoiceClass div#TopMenu1_LoginProgramAppChoicePanel_panelProgram {
    display: flex;
    flex-direction: column;
    width: 75px;
    padding: 8px;
    background: #ffffff;
    max-height: calc(60vh - 135px);
    overflow: auto;
    box-shadow: 0px 2px 5px 0px rgb(0,0,0,0.2);
    border-left: 1px solid #711984;
    left: 0px !important;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div3LoginProgramAppChoiceClass div#TopMenu1_LoginProgramAppChoicePanel_panelProgram input
{
    margin:4px 0px;
    border-bottom: 1px solid #a5a5a5 !important;
    padding:8px 0px;
    cursor:pointer !important;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div3LoginProgramAppChoiceClass img
{
    max-height:100%;
    max-width:100%;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div2LoginProgramAppChoiceClass > div
{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    padding:0px 0px 10px 0px;
    position:relative;
    min-width:220px; 
    top: 6px;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div2LoginProgramAppChoiceClass > div:before
{
    content:'';
    display:block;
    width:calc(100% + 15px);
    height:1px;
    background:#a5a5a5;
    position:absolute;
    bottom:0px;
    left:0px;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div2LoginProgramAppChoiceClass > div > div
{
    border-right:1px solid #a5a5a5;
    padding-right:17px;
    padding-top:4px;
    height:20px;
    margin-right:23px;
    width: 100%;
    position:relative;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div2LoginProgramAppChoiceClass > div > div span,
#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div2LoginProgramAppChoiceClass > div > div a
{
    display:inline-block;
    width: 100%;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div2LoginProgramAppChoiceClass > div > div span.lbLocalisationClass,
#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div2LoginProgramAppChoiceClass > div > div a.lbLocalisationRedirectClass
{
    position:relative;
    padding-right:25px;
    cursor:pointer !important;
    color:#101010;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div2LoginProgramAppChoiceClass > div > div span.lbLocalisationClass:before
{
    content:'';
    width:20px;
    height:20px;
    pointer-events:none;
    position:absolute;
    right:0px;
    top:-2px;
    background: url('../../Images/Layout/DealerPakietow/ico/Icon ionic_ios_arrow_down.svg') no-repeat scroll center center transparent;
    filter: invert(18%) sepia(47%) saturate(3371%) hue-rotate(272deg) brightness(91%) contrast(105%);
    display: inline-block;
    background-size: contain;
    font-size: 0px;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div2LoginProgramAppChoiceClass > div > div span.lbLocalisationClass
{
    width:20px;
    height:20px;
    display:inline-block;
    position:absolute;
    right: 17px;
    top: 4px;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div2LoginProgramAppChoiceClass div#TopMenu1_LoginProgramAppChoicePanel_panelLogin {
    display: flex;
    flex-direction: column;
    padding: 8px 13px;
    background: #ffffff;
    max-height: calc(100vh - 135px);
    overflow: auto;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 20%);
    border-left: 1px solid #711984;
    margin-top: 8px;
    left: 0px !important;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div2LoginProgramAppChoiceClass div#TopMenu1_LoginProgramAppChoicePanel_panelLogin input
{
    margin: 4px 0px;
    border: none;
    border-bottom: 1px solid rgba(165,165,165,0.7);
    padding: 8px 20px 8px 0px;
    background: transparent;
    cursor: pointer !important;
    border-radius: 0px !important;
    color: #424242;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div2LoginProgramAppChoiceClass div#TopMenu1_LoginProgramAppChoicePanel_panelLogin input:hover
{
    font-weight:700;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv + .main
{
    height:calc(100vh - 141px);
    overflow:auto;
    padding:0px 0px;
    padding-bottom: 120px; /*due to fixed buttonbar*/
    position:relative;  /*due to selectContainer of custom select*/
}

.selectContainer
{
    position: absolute;
    top: -101px;
    left: 0px;
    width: 0px;
    height: 0px;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv + .main > div.content,
#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv + .main .validationpanelmain
{
    max-width:1366px;
    margin:auto;
}

#footer.footer
{
    position:fixed;
    bottom:0px;
    left:0px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content: center;
    color:#ffffff;
    background:#a5a5a5;
    width:100%;
    height:40px;
    z-index:9;
    font-size:10px;
}

#footer.footer #footer_left_logo
{
    max-width:1366px;
    width:100%;
}

#footer.footer a
{
    color:#ffffff;
    text-decoration:none;
}

/*Inputs*/

a,
.field.complexfield .ComplexOptButItem .complexActionsMenu table td
{
    color:#711984 ;
    text-decoration:none;
}

a:hover
{
    opacity:0.5;
}

td a:hover,
.field.complexfield .ComplexOptButItem .complexActionsMenu table td:hover
{
    color:#390B43;
    opacity:1;
}

input[type="text"],
input[type="password"],
select,
textarea,
html div.gridbox_dhx_terrace td.filter .dhx_combo_box,
html div.gridbox_dhx_terrace td.filter input, 
html div.gridbox_dhx_terrace td.filter select
{
    height:35px;
    border-radius:8px;
    border:1px solid rgba(0,0,0,0.2);
    padding: 0px 15px 0px 12px;
}

html div.gridbox_dhx_terrace td.filter .dhx_combo_box
{
    padding:0px;
}

html div.gridbox_dhx_terrace td.filter .dhx_combo_box .dhx_combo_input
{
    border:none;
}

html div.gridbox_dhx_terrace td.filter .dhx_combo_box .dhx_combo_img
{
    top:calc(50% - 10px);
}

.selectContainer .optionWrapper 
{
    border-radius: 8px;
    border: 1px solid #00000033;
    background:#ffffff;
    margin-top:5px;
    padding:10px 0px;
    overflow-y:auto;
    overflow-x: hidden;
    max-height: 150px;
    z-index:999999;
}

.selectContainer .optionWrapper > .option
{
    padding: 5px 15px 5px 12px;
}

.FilterAccordion input[type="text"], 
.FilterAccordion input[type="password"], 
.FilterAccordion select, 
.FilterAccordion textarea,
.AccordionPaneFilter input[type="text"], 
.AccordionPaneFilter input[type="password"], 
.AccordionPaneFilter select, 
.AccordionPaneFilter textarea
{
    padding: 0px 15px 0px 15px;
}

.selectContainer .optionWrapper > .option
{
    padding: 5px 15px 5px 15px;
}

.selectContainer .optionWrapper > .option:hover
{
    background:rgba(165, 165, 165, 0.3);
    cursor:pointer;
}

.selectContainer .optionWrapper > .option label
{
    cursor:pointer;
}

.field .inputWrapper
{
    width:100%;
}

.field.fieldSelect .inputWrapper {
    position:relative;
}

.field.fieldSelect .inputWrapper > input {
    background-image: url("../../Images/Layout/DealerPakietow/ico/Icon ionic_ios_arrow_down_80.svg");
    background-repeat: no-repeat;
    backgrount-attachment: scroll;
    background-position: calc(100% - 15px) calc(50% + 1px);
    background-size: 16px auto;
    width: 100%;
    padding-right: 35px;
}

.field.fieldSelect .inputWrapper .autofocusPrevTextDiv {
   position: absolute;
   background-color: #ffffff;
   top: -45px;
   left: 0px;
   padding: 10px 10px;
   height: 40px;
   width: 100%;
   border: 1px solid rgba(0,0,0,0.2);
   border-radius: 8px;
 }

.styledSelect select {
    width: 100%;
}

textarea
{
    resize:vertical;
    max-height:200px;
    min-height:35px;
    width:100%;
    padding-top:8px;
}

html .field.calendarField
{
    width:170px !important;
    min-width:170px !important;
    max-width:170px !important;
}

html input[type="text"].datetextbox,
html .calendarField input[type="text"].datetextbox,
html .content.dopasowywanieprzelewow .calendarField input[type="text"]
{
    background-image:url("../../Images/Layout/DealerPakietow/ico/Icon featherc_alendar_gray.svg");
    background-repeat:no-repeat;
    background-position:calc(100% - 20px) center;
    background-size: 18px auto;
    padding-right:40px;
    width:153px !important;
    min-width:153px !important;
    max-width:153px !important;
}

html input[type="text"].datetextbox:disabled,
html .calendarField input[type="text"].datetextbox:disabled,
html .content.dopasowywanieprzelewow .calendarField input[type="text"]:disabled
{
    background-color:#DADADA;
    background-image:none;
}

html input[type="text"].timetextbox,
html .calendarField input[type="text"].timetextbox
{
    width:85px !important;
    min-width:85px !important;
    max-width:85px !important;
}

.content.importpolis a.importbutton,
.content.importdealerow a.importbutton,
.content.importprzelewow a.importbutton,
.resourceEditItem:first-of-type > a,
.buttonbar a.buttonlinkstyle,
.genericList .ui-menu .ui-menu-item div
{
    display:inline-flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    padding:0px 20px;
}

input[type="button"],
input[type="submit"],
button,
.content.importpolis a.importbutton,
.content.importdealerow a.importbutton,
.content.importprzelewow a.importbutton,
.resourceEditItem:first-of-type > a,
.buttonbar a.buttonlinkstyle,
.genericList .ui-menu .ui-menu-item div,
.content.rozliczenia .accPeriods table a.uploadedfilesbutton
{
    height: 35px;
    border-radius: 10px;
    border: 1px solid #711984;
    color:#711984;
    background:transparent;
    cursor:pointer;
}

input[type="button"]:hover,
input[type="submit"]:hover,
button:hover,
.resourceEditItem:first-of-type > a:hover,
.buttonbar a.buttonlinkstyle:hover,
.genericList .ui-menu .ui-menu-item div:hover,
.content.rozliczenia .accPeriods table a.uploadedfilesbutton:hover
{
    background: linear-gradient(115deg, rgba(113,25,132,0.1) 0%, rgba(165,165,165,0.1) 100%) !important;
    opacity:1;
}

input.grayButton
{
    border: 1px solid rgba(66,66,66,0.8);
    color:rgba(66,66,66,0.8);
}

input.grayButton:hover
{
    border: 1px solid #424242;
    color:#424242;
    background:transparent;
}

input.btnFilterSearch,
input.mainButton,
input[type="submit"].filterbutton,
.filterbuttonbar input[type="submit"].standardbutton,
.AccordionPaneFilter + .FilterMainDivInner .simplebutton input[type="submit"],
table.changePasswordTable td input[type="submit"],
.content.importpolis a.importbutton,
.content.importdealerow a.importbutton,
.content.importprzelewow a.importbutton,
.mainFormButtonbar input[type="submit"],
.transferPageButtons input[type="submit"]:not(.returnButtonClass)
{
    border:none;
    color:#ffffff;
    background: linear-gradient(180deg, rgba(113,25,132,0.85) 0%, rgba(113,25,132,1) 100%);
    box-shadow:0px 2px 5px 0px rgb(0,0,0,0.2);
    width:174px;
}

input.btnFilterSearch:hover,
input.mainButton:hover,
input[type="submit"].filterbutton:hover,
.filterbuttonbar input[type="submit"].standardbutton:hover,
.AccordionPaneFilter + .FilterMainDivInner .simplebutton input[type="submit"]:hover,
table.changePasswordTable td input[type="submit"]:hover,
.content.importpolis a.importbutton:hover,
.content.importdealerow a.importbutton:hover,
.content.importprzelewow a.importbutton:hover,
.mainFormButtonbar input[type="submit"]:hover,
.transferPageButtons input[type="submit"]:not(.returnButtonClass):hover
{
    background: linear-gradient(180deg, rgba(57,11,67,0.85) 0%, rgba(57,11,67,1) 100%);
}

input.moreOptionsButton,
input.moreOptionsButton:hover
{
    background:url("../../Images/Layout/DealerPakietow/ico/Icon ionic_ios_arrow_down.svg") no-repeat scroll right 19px transparent;
    background-size: 20px auto;
    filter: invert(18%) sepia(47%) saturate(3371%) hue-rotate(272deg) brightness(91%) contrast(105%);
    color:#000000;
    border-color:transparent;
    font-weight:600;
    padding:11px 39px 0px 9px;
    margin-bottom: 2px;
}

input.moreOptionsButton.collapse,
input.moreOptionsButton.collapse:hover
{
    background:url("../../Images/Layout/DealerPakietow/ico/Icon ionic_ios_arrow_up.svg") no-repeat scroll right 19px transparent;
    background-size: 20px auto;
    filter: invert(18%) sepia(47%) saturate(3371%) hue-rotate(272deg) brightness(91%) contrast(105%);
    color:#000000;
    border-color:transparent;
    font-weight:600;
    padding:11px 39px 0px 9px;
    margin-bottom: 2px;
}

/*Calendar*/

html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left,
html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover
{
    background:url("../../Images/Layout/DealerPakietow/ico/ios_arrow_dropleft.svg") no-repeat scroll left center transparent;
    filter: invert(26%) sepia(0%) saturate(0%) hue-rotate(315deg) brightness(101%) contrast(100%);
    background-size:contain;  
}

html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right,
html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover
{
    background:url("../../Images/Layout/DealerPakietow/ico/ios_arrow_dropright.svg") no-repeat scroll left center transparent;
    filter: invert(26%) sepia(0%) saturate(0%) hue-rotate(315deg) brightness(101%) contrast(100%);
    background-size:contain;  
}

html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover,
html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover
{
    filter: invert(18%) sepia(47%) saturate(3371%) hue-rotate(272deg) brightness(91%) contrast(105%);
}

html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month,
html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend,
html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell, 
html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend, 
html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date, 
html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend
{
    border:1px solid transparent;
}

html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_hover
{
    color:#711984;
    border:1px solid #711984;
    background:transparent;
}

html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_hover,
html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_hover, 
html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_hover, 
html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_hover, 
html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_hover
{
    border:1px solid #711984;
    background:transparent;
}

html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date,
html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_hover,
html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_active, 
html .dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_hover
{
    color:#ffffff;
    background-color:#711984;
}


/*Tables*/

.field:not(.complexfield) table,
.field:not(.complexfield) table tr,
.field:not(.complexfield) table td,
.field:not(.complexfield) table th
{
    border:none;
    background:transparent;
    box-shadow:none;
    padding:0px;
    margin:0px;
}

table.searchresults,
table.searchresults2,
table.searchresults3,
/*#divChangesList*/ table.gridView,
.complexfield table,
.accPeriods table
{
    border-radius:4px;
    box-shadow:0px 2px 5px 0px rgb(0,0,0,0.2);
    border:1px solid rgba(165,165,165,0.5);
    width:100%;
    border-spacing: 0px;
    border-collapse: separate !important;
    background:#ffffff;
}

table.searchresults tr td,
table.searchresults2 tr td,
table.searchresults3 tr td,
/*#divChangesList*/ table.gridView tr td,
.complexfield table tr td,
.accPeriods table tr td
{
     border-top:1px solid rgba(165,165,165,0.5);
     font-weight:400;
}

table.searchresults td,
table.searchresults th,
table.searchresults2 td,
table.searchresults2 th,
table.searchresults3 td,
table.searchresults3 th,
/*#divChangesList*/ table.gridView td,
/*#divChangesList*/ table.gridView th,
.complexfield table td,
.complexfield table th,
.accPeriods table td,
.accPeriods table th
{
    border:none;
    padding:10px;
}

table.searchresults th,
table.searchresults th tr td,
table.searchresults2 th,
table.searchresults2 th tr td,
table.searchresults3 th,
table.searchresults3 th tr td,
/*#divChangesList*/ table.gridView th,
/*#divChangesList*/ table.gridView th tr td,
.complexfield table th,
.complexfield table th tr td,
.accPeriods table th,
.accPeriods table th tr td,
.accPeriods table tr:first-of-type td
{
    font-weight:500;
    text-transform: uppercase;
    text-align:left;
    font-size:13px;
}

table.searchresults th table,
table.searchresults th tr,
table.searchresults th td,
table.searchresults2 th table,
table.searchresults2 th tr,
table.searchresults2 th td,
table.searchresults3 th table,
table.searchresults3 th tr,
table.searchresults3 th td,
/*#divChangesList*/ table.gridView th table,
/*#divChangesList*/ table.gridView th tr,
/*#divChangesList*/ table.gridView th td,
.complexfield table th table,
.complexfield table th tr,
.complexfield table th td,
.accPeriods table th table,
.accPeriods table th tr,
.accPeriods table th td,
.accPeriods table tr:first-of-type td
{
    border:none;
    border-radius:0px;
    box-shadow:none;
    padding:0px;
}

table.searchresults > tbody > tr:first-of-type,
table.searchresults2 > tbody > tr:first-of-type,
table.searchresults3 > tbody > tr:first-of-type,
html div.gridbox_dhx_terrace .xhdr,
/*#divChangesList*/ table.gridView > tbody > tr:first-of-type,
.complexfield table > tbody > tr:first-of-type,
.accPeriods table > tbody > tr:first-of-type
{
    background: linear-gradient(115deg, rgba(113,25,132,0.1) 0%, rgba(165,165,165,0.1) 100%) !important;
}

table.searchresults th a,
table.searchresults th tr td a,
table.searchresults2 th a,
table.searchresults2 th tr td a,
table.searchresults3 th a,
table.searchresults3 th tr td a,
/*#divChangesList*/ table.gridView th a,
/*#divChangesList*/ table.gridView th tr td a,
.complexfield table th a,
.complexfield table th tr td a,
.accPeriods table th a,
.accPeriods table th tr td a
/*hover*/
table.searchresults th a:hover,
table.searchresults th tr td a:hover,
table.searchresults2 th a:hover,
table.searchresults2 th tr td a:hover,
table.searchresults3 th a:hover,
table.searchresults3 th tr td a:hover,
/*#divChangesList*/ table.gridView th a:hover,
/*#divChangesList*/ table.gridView th tr td a:hover,
.complexfield table th a:hover,
.complexfield table th tr td a:hover,
.accPeriods table th a:hover,
.accPeriods table th tr td a:hover
{
    color:#424242;
    opacity:1;
}

table.gridheadertable
{
    min-height:24px;
}

html div.gridbox_dhx_terrace table.hdr
{
    min-height:44px;
}

html div.gridbox_dhx_terrace table.hdr tr,
html div.gridbox_dhx_terrace table.hdr td
{
    background:transparent;
}

html div.gridbox_dhx_terrace
{
    border-radius:4px;
    box-shadow:0px 2px 5px 0px rgb(0,0,0,0.2);
    border:1px solid rgba(165,165,165,0.5);
    box-sizing: content-box !important;
}

html div.gridbox_dhx_terrace .xhdr {
    border-bottom: 1px solid rgba(165,165,165,0.5);
}

html div.gridbox_dhx_terrace table.obj tr td
{
    border-color: rgba(165,165,165,0.5);
    font-weight:400;
}

html div.gridbox_dhx_terrace .odd_dhx_terrace
{
    background:#ffffff;
}

table.searchresults th,
table.searchresults2 th,
table.searchresults3 th,
html div.gridbox_dhx_terrace table.hdr td,
html div.gridbox_dhx_terrace table.hdr td div.hdrcell,
/*#divChangesList*/ table.gridViews th
{
    font-weight:500;
    line-height:normal !important;
    font-size:13px;
}

    html div.gridbox_dhx_terrace table.hdr td {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        vertical-align: middle !important;
    }

html .DHTMLXGenericListClass
{
    position:relative;
}

html .DHTMLXGenericListClass .GridNoRecord
{
    position:absolute;
    top: 100px;
    left: 0px;
    width: 100%;
    text-align: center; 
}

td input[value="..."],
td input[value="..."]:hover
{
    height:28px;
    width:28px;
    border-radius: 50%;
    border:none;
    background:url("../../Images/Layout/DealerPakietow/ico/Component 30_246.svg") no-repeat scroll left center transparent;
    filter: invert(18%) sepia(47%) saturate(3371%) hue-rotate(272deg) brightness(91%) contrast(105%);
    background-size:contain;
    font-size:0px;
}

.genericList .ui-menu
{
    background:#ffffff;
    border:1px solid rgba(165,165,165,0.5);
    border-radius:8px;
    padding:25px;
    width:auto;
    margin-top: -101px; /*due .main container relative position*/
}

.genericList .ui-menu .ui-menu-item div
{
    white-space:nowrap;
    width:100%;
    margin:0px !important;
}

.genericList .ui-menu .ui-menu-item
{
    padding-bottom:20px;
    border:none;
    font-weight:normal;
}

.genericList .ui-menu .ui-menu-item:last-child
{
    padding-bottom:0px;
}

.genericList .ui-menu .ui-menu-item a,
.genericList .ui-menu .ui-menu-item a:hover
{
    opacity:1;
}

html div.gridbox_dhx_terrace table.obj tr.rowselected,
.rowstyleSelected,
.rowstyleOnHoverSelected {
    background: linear-gradient(115deg, rgba(113,25,132,0.1) 0%, rgba(165,165,165,0.1) 100%) !important;
}

    html div.gridbox_dhx_terrace table.obj tr.rowselected td,
    html div.gridbox_dhx_terrace table.obj tr.rowselected td.cellselected {
        background: transparent !important;
    }

td .UnderZero,
td .UnderSeven,
td .UnderThirteen,
td .UnderTwenty,
td .UnderThirty,
td .AboveThirty,
td .valueAboveZero,
td .valueUnderZero
{
	font-weight: 500;
	margin:auto;
	text-align:center;
}

td .UnderZero,
td .valueUnderZero
{
    color: #920A0A;
}

td .UnderSeven
{
    color: #ff0000;
}

td .UnderThirteen
{
    color: #ff8000;
}

td .UnderTwenty
{
    color: #9c9e00;
}

td .UnderThirty
{
    color: #33cc33;
}

td .AboveThirty,
td .valueAboveZero
{
    color: #0ba71b;
}

td .alignRight,
th .alignRight,
td .alignCenter,
th .alignCenter
{
    margin:auto;
    width:100%;
	display:inline-block;
}

td .alignRight,
th .alignRight,
td.alignRight,
th.alignRight
{
	text-align:right;
}

td .alignCenter,
th .alignCenter,
td.alignCenter,
th.alignCenter
{
	text-align:center;
}

td.linkColumn,
td.linkColumn *
{
    color:#711984;
    cursor:pointer;
}

td .NotOKIcon
{
    display:block;
    background:url("../../Images/Layout/DealerPakietow/ico/close_line.svg") no-repeat scroll left center transparent;
    background-size:contain;
    filter: invert(26%) sepia(0%) saturate(0%) hue-rotate(315deg) brightness(101%) contrast(100%);
    width:13px;
    height:13px;
    margin:auto;
}

td .OKIcon
{
    display:block;
    background:url("../../Images/Layout/DealerPakietow/ico/check_1.svg") no-repeat scroll left center transparent;
    background-size:contain;
    filter: invert(37%) sepia(96%) saturate(1435%) hue-rotate(101deg) brightness(96%) contrast(91%);
    width:16px;
    height:16px;
    margin:auto;
}

html div.gridbox_dhx_terrace
{
    max-width:calc(100% - 2px);
    width:100% !important;
}

html div.gridbox_dhx_terrace .xhdr,
html div.gridbox_dhx_terrace table.hdr,
html div.gridbox_dhx_terrace .objbox,
html div.gridbox_dhx_terrace table.obj
{
    width:100% !important;
}

html div.gridbox_dhx_terrace .objbox,
html div.gridbox_dhx_terrace
{
    height:auto !important;
}

html div.dhx_toolbar_poly_18_dhx_terrace table.buttons_cont td.td_btn_txt,
html div.dhx_toolbar_poly_dhx_terrace table.buttons_cont td.td_btn_txt,
html div.dhx_toolbar_poly_24_dhx_terrace table.buttons_cont td.td_btn_txt,
html div.dhx_toolbar_poly_32_dhx_terrace table.buttons_cont td.td_btn_txt,
html div.dhx_toolbar_poly_48_dhx_terrace table.buttons_cont td.td_btn_txt {
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
}

html div.dhx_toolbar_poly_18_dhx_terrace,
html div.dhx_toolbar_poly_dhx_terrace,
html div.dhx_toolbar_poly_24_dhx_terrace,
html div.dhx_toolbar_poly_32_dhx_terrace,
html div.dhx_toolbar_poly_48_dhx_terrace {
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 20%);
    background: rgba(113,25,132,0.75);
    border: none;
    border-radius: 4px;
}

    html div.dhx_toolbar_poly_18_dhx_terrace table.buttons_cont td.td_btn_img,
    html div.dhx_toolbar_poly_dhx_terrace table.buttons_cont td.td_btn_img,
    html div.dhx_toolbar_poly_24_dhx_terrace table.buttons_cont td.td_btn_img,
    html div.dhx_toolbar_poly_32_dhx_terrace table.buttons_cont td.td_btn_img,
    html div.dhx_toolbar_poly_48_dhx_terrace table.buttons_cont td.td_btn_img {
        display: none;
    }

    html div.dhx_toolbar_poly_18_dhx_terrace table.buttons_cont tr.tr_btn.tr_btn_over,
    html div.dhx_toolbar_poly_dhx_terrace table.buttons_cont tr.tr_btn.tr_btn_over,
    html div.dhx_toolbar_poly_24_dhx_terrace table.buttons_cont tr.tr_btn.tr_btn_over,
    html div.dhx_toolbar_poly_32_dhx_terrace table.buttons_cont tr.tr_btn.tr_btn_over,
    html div.dhx_toolbar_poly_48_dhx_terrace table.buttons_cont tr.tr_btn.tr_btn_over,
    html div.dhx_toolbar_poly_18_dhx_terrace table.buttons_cont tr.tr_btn.tr_btn_selected,
    html div.dhx_toolbar_poly_dhx_terrace table.buttons_cont tr.tr_btn.tr_btn_selected,
    html div.dhx_toolbar_poly_24_dhx_terrace table.buttons_cont tr.tr_btn.tr_btn_selected,
    html div.dhx_toolbar_poly_32_dhx_terrace table.buttons_cont tr.tr_btn.tr_btn_selected,
    html div.dhx_toolbar_poly_48_dhx_terrace table.buttons_cont tr.tr_btn.tr_btn_selected,
    .tr_btn_over {
        background-color: transparent !important;
        font-weight: bold !important;
    }

    html div.dhx_toolbar_poly_18_dhx_terrace table.buttons_cont tr,
    html div.dhx_toolbar_poly_dhx_terrace table.buttons_cont tr,
    html div.dhx_toolbar_poly_24_dhx_terrace table.buttons_cont tr,
    html div.dhx_toolbar_poly_32_dhx_terrace table.buttons_cont tr,
    html div.dhx_toolbar_poly_48_dhx_terrace table.buttons_cont tr {
        border-bottom: 1px solid #ffffff;
        display: block;
        margin: 0px 6px;
        height: auto !important;
        padding: 5px 0px;
        cursor: pointer;
    }

/*Sort*/
table input[alt="sortarrow"]
{
    /*opacity:0.4;*/
    margin-left:0px;
    height: 17px;
}

table input[alt="sortarrow"]:hover
{
    opacity:1;
}

table.gridheadertable 
{
    width:100%;
}

table.gridheadertable tr
{
    position:relative;
}

table.gridheadertable td.tcSortDesc,
table.gridheadertable td.tcSortAsc
{
    position: absolute;
    top: 0px;
    right: 4px;
    height: 100%;
    display: inline-flex;
    align-items: center;
}

td .hdrcell .sortable,
table.gridheadertable a
{
    background-image:url("../../Images/Layout/Statusy/sort.gif");
    background-repeat:no-repeat;
    background-position:calc(100% - 3px) center;
    padding-right:16px;
}

table.gridheadertable a
{
    display:inline-block;
    width:100%;
}

.xhdr > img 
{
    margin-top: 9px;
}

table td input[type="image"].VaryonImageButton
{
    margin-left:10px;
}

table td input[type="image"].VaryonImageButton:first-of-type
{
    margin-left:0px;
}

/*Pagination*/
.paginationDiv,
.SliderPanel #lbPageNumberStyle,
.PageSliderContainer #lbPageNumberStyle,
.editablePagination
{
    display:inline-flex;
    flex-direction:row;
    align-items:center;
    padding:30px 0px 20px 0px;
}

.SliderPanel #lbPageNumberStyle,
.PageSliderContainer #lbPageNumberStyle
{
    position:relative;
}

.SliderPanel #lbPageNumberStyle .pageswitcher,
.PageSliderContainer #lbPageNumberStyle .pageswitcher
{
    display:inline-flex;
    flex-direction:row;
    align-items:center;
}

.paginationDiv .currentPageLbl,
.SliderPanel #lbPageNumberStyle span,
.SliderPanel #lbPageNumberStyle input[type="text"],
.PageSliderContainer #lbPageNumberStyle span,
.PageSliderContainer #lbPageNumberStyle input[type="text"],
.editablePagination input.currentPageInput
{
    margin:0px 10px;
    border-bottom:1px solid #424242;
    color:#424242;
    font-size:15px;
}

.paginationDiv .currentPageLbl .currentPageTextLb1
{
    display:none;
}

.paginationDiv .prevBtn
{
    padding-right: 0px;
}

.SliderPanel #lbPageNumberStyle input[type="text"],
.PageSliderContainer #lbPageNumberStyle input[type="text"],
.editablePagination input.currentPageInput
{
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0px;
    min-height: 0px;
    padding: 3px 0px 2px 0px;
    text-align: center;
    width: 27px;
    display: inline-block;
    height: auto;
    font-weight:500;
}

.SliderPanel #lbPageNumberStyle > span:nth-of-type(1),
.SliderPanel #lbPageNumberStyle > span:nth-of-type(2),
.PageSliderContainer #lbPageNumberStyle > span:nth-of-type(1),
.PageSliderContainer #lbPageNumberStyle > span:nth-of-type(2)
{
    display:none;
}

.SliderPanel #lbPageNumberStyle > span:nth-of-type(3),
.PageSliderContainer #lbPageNumberStyle > span:nth-of-type(3)
{
    border-color:transparent;
    padding-bottom:2px;
    padding-top:3px;
    order:2;
    margin-right:32px;
    margin-left:0px;
    display:none;
}

.paginationDiv .nextBtn,
.paginationDiv .nextBtn:hover,
.paginationDiv .prevBtn,
.paginationDiv .prevBtn:hover,
.SliderPanel #lbPageNumberStyle input[type="image"],
.SliderPanel #lbPageNumberStyle input[type="image"]:hover,
.PageSliderContainer #lbPageNumberStyle input[type="image"],
.PageSliderContainer #lbPageNumberStyle input[type="image"]:hover,
.editablePagination .nextBtn,
.editablePagination .nextBtn:hover,
.editablePagination .prevBtn,
.editablePagination .prevBtn:hover,
.editablePagination .lastBtn,
.editablePagination .lastBtn:hover,
.editablePagination .firstBtn,
.editablePagination .firstBtn:hover
{
    height:22px;
    width:22px;
    font-size:0px;
    border:none;
    background:url("../../Images/Layout/DealerPakietow/ico/ios_arrow_dropright.svg") no-repeat scroll left center transparent;
    filter: invert(26%) sepia(0%) saturate(0%) hue-rotate(315deg) brightness(101%) contrast(100%);
    background-size:contain;  
    padding-left:22px;  
    cursor:pointer;
}

.paginationDiv .prevBtn,
.paginationDiv .prevBtn:hover,
.SliderPanel #lbPageNumberStyle input[alt="arrowback"],
.SliderPanel #lbPageNumberStyle input[alt="arrowback"]:hover,
.PageSliderContainer #lbPageNumberStyle input[alt="arrowback"],
.PageSliderContainer #lbPageNumberStyle input[alt="arrowback"]:hover,
.editablePagination .prevBtn,
.editablePagination .prevBtn:hover
{
    background:url("../../Images/Layout/DealerPakietow/ico/ios_arrow_dropleft.svg") no-repeat scroll left center transparent;
    filter: invert(26%) sepia(0%) saturate(0%) hue-rotate(315deg) brightness(101%) contrast(100%);
    background-size:contain;
}

.editablePagination .lastBtn,
.editablePagination .lastBtn:hover
{
    background:url("../../Images/Layout/DealerPakietow/ico/ios_arrow_last.svg") no-repeat scroll left center transparent;
    filter: invert(26%) sepia(0%) saturate(0%) hue-rotate(315deg) brightness(101%) contrast(100%);
    background-size:contain;
}

.editablePagination .firstBtn,
.editablePagination .firstBtn:hover
{
    background:url("../../Images/Layout/DealerPakietow/ico/ios_arrow_first.svg") no-repeat scroll left center transparent;
    filter: invert(26%) sepia(0%) saturate(0%) hue-rotate(315deg) brightness(101%) contrast(100%);
    background-size:contain;
}

.paginationDiv .nextBtn:hover,
.paginationDiv .prevBtn:hover,
.SliderPanel #lbPageNumberStyle input[alt="arrownext"]:hover,
.SliderPanel #lbPageNumberStyle input[alt="arrowback"]:hover,
.PageSliderContainer #lbPageNumberStyle input[alt="arrownext"]:hover,
.PageSliderContainer #lbPageNumberStyle input[alt="arrowback"]:hover,
.editablePagination .nextBtn:hover,
.editablePagination .prevBtn:hover,
.editablePagination .lastBtn:hover,
.editablePagination .firstBtn:hover
{
    filter: invert(18%) sepia(47%) saturate(3371%) hue-rotate(272deg) brightness(91%) contrast(105%);
}

.SliderPanel #lbPageNumberStyle input[alt="arrownext"],
.PageSliderContainer #lbPageNumberStyle input[alt="arrownext"]
{
    /*position:absolute;
    right:0px;*/
    position:static;
    margin-left:13px;
}

.SliderPanel #lbPageNumberStyle input[alt="arrowback"],
.PageSliderContainer #lbPageNumberStyle input[alt="arrowback"]
{
    margin-right:13px;
}

.editablePagination input.currentPageInput
{
    margin:0px 25px;
}

.editablePagination .firstBtn
{
    margin:0px 10px 0px 0px;
}

.editablePagination .lastBtn
{
    margin:0px 0px 0px 10px;
}

.editablePagination .nextBtn,
.editablePagination .prevBtn,
.editablePagination .lastBtn,
.editablePagination .firstBtn
{
    max-width:22px;
    width:22px;
    padding:0px;
}

/*List Filter*/

.FilterMainDiv,
.accordionContent,
.AccordionPaneFilter + .FilterMainDivInner
{
    border-radius:4px;
    background:rgba(165,165,165,0.12);
    padding: 10px 20px 30px 20px;
    margin-bottom:35px;
    position:relative;
}

.FilterAccordion center,
.FilterAccordion .accordionHeader,
.FilterAccordion .accordionHeaderSel,
.AccordionPaneFilter
{
    font-size:0px;
    background:url("../../Images/Layout/DealerPakietow/ico/Icon ionic-ios-options.svg") no-repeat scroll left center transparent;
    filter: invert(18%) sepia(47%) saturate(3371%) hue-rotate(272deg) brightness(91%) contrast(105%);
    background-size:contain;
    height:20px !important;
    margin:15px 0px;
    cursor:pointer;
    display:block;
    flex-shrink: 0;
}

.FilterAccordion .filterHeaderSelected span,
.FilterAccordion .accordionHeaderSel span,
.AccordionPaneFilter.selected span
{
    display:block;
    height:100%;
    background:url("../../Images/Layout/DealerPakietow/ico/close_line.svg") no-repeat scroll right center transparent;
    background-size:contain;
}

.simplebutton,
.filterbuttonbar
{
    text-align:center;
    clear:both;
    padding-top:40px;
}

input.btnFilterSearch,
input[type="submit"].filterbutton,
.filterbuttonbar input[type="submit"].standardbutton,
.AccordionPaneFilter + .FilterMainDivInner .simplebutton input[type="submit"]
{
    width:174px;
    height:40px;
}

.FilterMainDiv input[value="Wyczyść"],
.FilterMainDiv input[value="Wyczyść"]:hover,
.accordionContent input[type="button"].filterbutton,
.accordionContent input[type="button"].filterbutton:hover,
.filterbuttonbar input[type="button"].standardbutton,
.filterbuttonbar input[type="button"].standardbutton:hover,
.AccordionPaneFilter + .FilterMainDivInner input[value="Wyczyść"],
.AccordionPaneFilter + .FilterMainDivInner input[value="Wyczyść"]:hover
{
    border:none;
    background:url("../../Images/Layout/DealerPakietow/ico/erase.svg") no-repeat scroll center center transparent;
    filter: invert(23%) sepia(13%) saturate(0%) hue-rotate(214deg) brightness(100%) contrast(91%);
    background-size:20px auto;
    font-size:0px;
    min-width:35px;
    position: absolute;
    bottom: 24px;
    left: calc(50% - 135px);
}

.FilterMainDivInner input[type="checkbox"] + label
{
    padding-left:16px;
}

/*Forms*/

.borderSpacerTemplate,
.borderSpacerTemplateGray
{
    clear:both;
    width:100%;
    float:left;
    height:1px;
    margin:20px 0px;
    border-top:1px solid #711984;
    background:transparent;
}

.borderSpacerTemplateGray
{
    border-top:1px solid rgba(165,165,165,0.5);
    margin:5px 0px;
}

.field
{
    position: relative;
    float: left;
    padding: 8px 10px;
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.field > label,
.field > .label
{
    padding-right:10px;
}

.field.labelWidthFull > label,
.field.labelWidthFull > .label
{
    padding-left:12px;
    padding-bottom:5px;
}

.FilterAccordion .field.labelWidthFull > label,
.FilterAccordion .field.labelWidthFull > .label,
.FilterAccordion label,
.FilterAccordion .label
.AccordionPaneFilter .field.labelWidthFull > label,
.AccordionPaneFilter .field.labelWidthFull > .label,
.AccordionPaneFilter label,
.AccordionPaneFilter .label
{
    padding-left:15px;
}

.field.checkBoxDiv
{
    border:none !important;
}

.field.horizontalRadioField table
{
    width:100%;
}

.field.horizontalRadioField tbody
{
    display: flex;
    flex-direction:row;
    justify-content: flex-start;
}

html .field.complexfield input[type="submit"].addElement
{
    min-width:100px;
    margin:0px 10px 16px 0px;
}

html .field.complexfield .ComplexDelButItem
{
    width:120px;
}

html .field.complexfield .ComplexDelButItem input[type="button"]
{
    min-width:100px;
}

html .field.complexfield > div,
html .field.complexfield table
{
    width:100%;
}

html .field.complexfield table th
{
    text-align:left;
}

input[type="checkbox"]
{
    width:21px;
    height:21px;
    float:left;
    border:2px solid #424242;
    border-radius:2px;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
    display: inline-flex !important;
    align-items:center;
    position: relative;
    padding-left: 15px;
    width:calc(100% - 21px) !important;
    min-height:21px;
    visibility:visible !important;
}

input[type="checkbox"] + label[style="width:0px; padding:0px; margin:0px; font-size:0px;"],
.field.checkboxComplexTemplate input[type="checkbox"] + label
{
    padding-left: 15px !important;
}

input[type="checkbox"] + label:before {
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    background-image: url("../../Images/Layout/DealerPakietow/ico/checkbox.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: contain;
    position: absolute;
    top: 0px;
    left: -21px;
    pointer-events: none;
    filter: invert(26%) sepia(0%) saturate(0%) hue-rotate(315deg) brightness(101%) contrast(100%);
    z-index: 2;
}

input[type="checkbox"] + label:after
{
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    background:#ffffff;
    position: absolute;
    top: 0px;
    left: -21px;
    pointer-events: none;
}

.FilterMainDiv input[type="checkbox"] + label:after,
.accordionContent input[type="checkbox"] + label:after,
.AccordionPaneFilter + .FilterMainDivInner input[type="checkbox"] + label:after
{
    background:#f4f4f4;
}

input[type="checkbox"]:checked + label:before {
    background-image: url("../../Images/Layout/DealerPakietow/ico/Icon feather_check_square.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: contain;
    pointer-events: none;
    filter: invert(18%) sepia(47%) saturate(3371%) hue-rotate(272deg) brightness(91%) contrast(105%);
}

input[type="checkbox"]:disabled + label:after
{
    background:#f2f2f2;
}

input[type="checkbox"]:disabled + label:before,
input[type="checkbox"]:checked:disabled + label:before,
input[type="radio"]:disabled + label:before,
input[type="radio"]:checked:disabled + label:before
{
    opacity:0.5;
    filter: invert(26%) sepia(0%) saturate(0%) hue-rotate(315deg) brightness(101%) contrast(100%);
}


input[type="checkbox"]:disabled + label,
input[type="radio"]:disabled + label
{
    color:#777777;
}


input[type="radio"] + label:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background: transparent;
    border: 2px solid #C0C0C0;
    position: absolute;
    top: -1px;
    left: -16px;
    border-radius: 50%;
    pointer-events: none;
    z-index:2;
    box-sizing:border-box;
}

input[type="radio"] + label:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background:#ffffff;
    border: 2px solid transparent;
    position: absolute;
    top: -1px;
    left: -16px;
    border-radius: 50%;
    pointer-events: none;
    z-index:1;
}

input[type="radio"]:checked + label:before {
    background-image: url("../../Images/Layout/DealerPakietow/ico/radio_checked.svg");
    background-repeat: no-repeat;
    background-position: 3px 3px;
    background-attachment: scroll;
    pointer-events: none;
    background-size: 12px 12px;
    border-color:#000000;
    filter: invert(18%) sepia(47%) saturate(3371%) hue-rotate(272deg) brightness(91%) contrast(105%);
}

html .ajax__tab_xp .ajax__tab_body input[type="button"],
html .ajax__tab_xp .ajax__tab_body input[type="submit"],
html .ajax__tab_xp .ajax__tab_body button,
html fieldset input[type="button"],
html fieldset input[type="submit"],
html fieldset button
{
    margin:8px;
}

html .field input[type="button"],
html .field input[type="submit"],
html .field button
{
    margin:0px;
}

fieldset,
html .ajax__tab_xp .ajax__tab_body
{
    border:1px solid rgba(165,165,165,0.5);
    border-radius:4px;
    padding:8px 10px;
}

fieldset.hiddenFieldset
{
    padding:0px;
    margin:0px;
    border:none;
    border-radius:0;
    background:transparent;
}

.linkMenuContainer
{
    border-bottom:1px solid #711984;
}

html .ajax__tab_xp .ajax__tab_header,
html .ajax__tab_xp .ajax__tab_header span,
html .ajax__tab_xp .ajax__tab_header .ajax__tab_active span,
html .ajax__tab_xp .ajax__tab_header .ajax__tab_hover span,
.linkMenuContainer,
.linkMenuContainer span
{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    background:none scroll no-repeat center center transparent;
    height:auto;
    margin:0px;
    padding:0px;
}

html .ajax__tab_xp .ajax__tab_header,
.linkMenuContainer
{
    padding:10px 0px 3px 0px;
}

html .ajax__tab_xp .ajax__tab_header .ajax__tab_tab,
html .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab,
html .ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_tab,
.linkMenuContainer .linkTabOuter a
{
    padding:0px 20px;
    border-radius:4px;
    border:1px solid rgba(165,165,165,0.5);
    margin:0px 10px 12px 0px;
    display: inline-flex;
    align-items: center;
    height: 34px;
}

html .ajax__tab_xp .ajax__tab_header .ajax__tab_tab div
{
    min-height:18px;
}

html .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_tab,
html .ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_tab,
.linkMenuContainer .linkTabOuter.linkMenuActive a,
.linkMenuContainer .linkTabOuter:hover a
{
    border-color:#711984;
    color:#711984;
}

html .ajax__tab_xp .ajax__tab_header .ajax__tab_inner,
.linkMenuContainer .linkTabOuter .linkMenuInner
{
    position:relative;
}

html .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_inner:before,
.linkMenuContainer .linkTabOuter.linkMenuActive .linkMenuInner:before
{
    content:"";
    display:inline-block;
    position:absolute;
    bottom:0px;
    right:30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 11px 0 11px;
    border-color: #711984 transparent transparent transparent;
}

html .hiddenTabHeader.ajax__tab_xp .ajax__tab_header
{
    display:none;
}

html .hiddenTabBody.ajax__tab_xp .ajax__tab_body
{
    background:transparent;
    padding:0px;
    border:none;
}

/*List summary*/
.operationmenucontent
{
    border-radius:4px;
    border:1px solid rgba(165,165,165,0.3);
    padding: 15px 10px;
    display: inline-block;
    min-width:297px;
}

.operationmenucontent > .policystatus
{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    padding:0px 0px 15px 0px;
}

.operationmenucontent > .borderSpacerTemplateGray
{
    float: none;
    margin: 0px;
    position: relative;
    top: -7px;
}

.operationmenucontent > .policystatus:last-of-type
{
    padding:0px;
}

.operationmenucontent > .policystatus .policystatuslabel
{
    padding-left:20px;
}

/*Rozliczenia Finansowe Dealer*/
.content.financialSettlement,
.financialSettlementBalance
{
    max-width:1050px;
    margin:auto;
}

.content.financialSettlement .financialSettlementGroups
{
    max-width:881px;
    margin: auto;
}

.content.financialSettlement .financialSettlementGroups .lbGroups,
.content.financialSettlement .financialSettlementGroups br
{
    display:none;
}

.content.financialSettlement .financialSettlementGroups .scrollPanelClass table.searchresults
{
    max-height: 406px; /*changed from height on client demand in PAKIETY-984*/
    overflow: auto;
    display: block;
    position: relative;
}

.content.financialSettlement .financialSettlementGroups .scrollPanelClass table.searchresults > tbody
{
    width:100%;
    display: table;
}

.content.financialSettlement .financialSettlementGroups .scrollPanelClass table.searchresults > tbody > tr:first-of-type
{
    position: sticky;
    top: 0px;
    z-index: 1;
    background:linear-gradient(115deg, #E2D1E6 0%, #EEEDEE 100%);
}

.content.financialSettlement .financialSettlementGroups .scrollPanelClass table.searchresults > tbody > tr:first-of-type th
{
    border-bottom: 1px solid rgba(165,165,165,0.5);
}

.content.financialSettlement .financialSettlementGroups .scrollPanelClass table.searchresults > tbody > tr:nth-of-type(2) td
{
    border-top:none;
}

.content.financialSettlement table.searchresults
{
    margin-bottom:35px;
}

.content.financialSettlement table.searchresults td[colspan="6"],
.content.financialSettlement table.searchresults td[colspan="11"]
{
    text-align:center;
    background:#ffffff;
    font-weight:500;
}

.content.financialSettlement .transferList
{
    position:relative;
}

.content.financialSettlement .transferList .forceShowPayments
{
    text-align:center;
}

.content.financialSettlement .transferList .forceShowPayments input[type="submit"]
{
    width:165px;
}

.content.financialSettlement .transferList .noTransferInfo
{
    position: absolute;
    top: 55px;
    left: 1px;
    width: calc(100% - 2px);
    background: #ffffff;
    padding: 5px;
    text-align: center;
    font-size:14px;
}

.content.financialSettlement .paymentsList table.searchresults tr td:last-of-type input
{
    float:left;
}

.content.financialSettlement .paymentsList table.searchresults tr th:last-of-type,
.content.financialSettlement .paymentsList table.searchresults tr td:last-of-type
{
    width:230px;
    text-align:left;
}

.content.financialSettlement .paymentsList table.searchresults tr td.tcSortAsc,
.content.financialSettlement .paymentsList table.searchresults tr td.tcSortDesc
{
    width:auto
}

.content.financialSettlement .paymentsList table.searchresults tr td.tcSortAsc input,
.content.financialSettlement .paymentsList table.searchresults tr td.tcSortDesc input
{
    float:none;
}

.content.financialSettlement .paymentsList table.searchresults tr td:last-of-type input[type="text"]
{
    width:100px;
    margin-right:10px;
}

.content.financialSettlement .paymentsList table.searchresults tr td:last-of-type input[value="100%"],
.content.financialSettlement .paymentsList table.searchresults tr td:last-of-type input[value="100%"]:hover
{
    border: none;
    color:#424242;
    font-weight:500;
    background:transparent;
    margin-right:10px;
}

.content.financialSettlement .paymentsList table.searchresults tr td:last-of-type input[value="Wyczyść"],
.content.financialSettlement .paymentsList table.searchresults tr td:last-of-type input[value="Wyczyść"]:hover
{
    border: none;
    background: url(../../Images/Layout/DealerPakietow/ico/erase.svg) no-repeat scroll center center transparent;
    filter: invert(23%) sepia(13%) saturate(0%) hue-rotate(214deg) brightness(100%) contrast(91%);
    background-size: 20px auto;
    font-size: 0px;
    min-width: 35px
}


/*Policy Error List*/
.operationmenucontent2.operationmenucontent
{
    border-radius:4px;
    border:1px solid #920a0a;
    padding: 15px 10px;
    display: inline-block;
}

.operationmenucontent2.operationmenucontent > .policystatus
{
    color: #920a0a;
    padding:0px 0px 15px 0px;
    font-weight: 500;
}

.operationmenucontent2.operationmenucontent > .validationstatus table tr td:first-of-type
{
    display:none;
}

.main > #OperationMenuContent_upState
{
    max-width: 1366px;
    margin: auto;   
}

/*Page/Form header*/

.content > h1,
.content > .ListTitle,
.content > .header,
.content .ListTitle
{
    text-align:center;
    margin:50px 0px 20px 50%;
    transform:translate(-50%, 0);
    backface-visibility: hidden;
    justify-content: center;
    display: inline-flex;
    padding:0px 2vw 10px 2vw;
    font-size:18px;
    text-transform:uppercase;
    font-weight:400;
    color:#711984;
    border-bottom:1px solid #711984;
    min-width:500px;
    white-space: nowrap;
    overflow: visible;
}

.content.kartapolisy > .header
{
    margin-top:42px;
}

/*Main form button bar*/
.mainFormButtonbar,
.transferPageButtons
{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content: center;
    width: 100%;
    padding:20px 0px;
}

.mainFormButtonbar input[type="submit"],
.transferPageButtons input[type="submit"] 
{
    margin:0px 10px;
    width: auto;
    min-width: 175px;
}

/*Toolbar*/

html .dhtmlx_toolbar,
.buttonbar
{
    height:80px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content: flex-start;
    box-shadow: 4px 2px 5px 0px rgb(0,0,0,0.2);
    background: url(../../Images/Layout/DealerPakietow/bbar_bg.svg) no-repeat scroll left center transparent;
    border-radius:4px;
    padding:0px 20px 0px 40px;
    width: 100%;
    max-width:1333px;
    position:fixed;
    bottom:60px;
    z-index:2;
    left: 50%;
    transform: translateX(-50%);
    margin-left:17px;
    background-size:auto 80px;
}

html .dhtmlx_toolbar:before,
.buttonbar:before
{
    content: "";
    display: block;
    position: absolute;
    width: 50px;
    top: calc(50% - 25px);
    height: 50px;
    left: -33px;
    background-size: contain;
    border-radius:50%;
    background: url(../../Images/Layout/DealerPakietow/bbar_leftCircle.svg) no-repeat scroll right center transparent;
}

.oldButtonBar .buttonbar
{
    bottom:155px;
    background:rgba(0,0,0,0.1);
    border:1px solid red;
}

.oldButtonBar .buttonbar:before
{
    display:none;
}

.oldButtonBar .buttonbar:after
{
    content:"Stary buttonbar do likwidacji. Funkcjonalności należy przenieść do nowego toolbara";
    color:Red;
    display:block;
    position:absolute;
    top:3px;
    left:0px;
    width:100%;
    text-align:center;    
}

html .dhx_toolbar_base_18_dhx_terrace,
html .dhxtoolbar_icons_18 div.dhx_toolbar_arw {
    height: auto;
}

html .dhtmlx_toolbar div.dhx_toolbar_btn,
html .dhtmlx_toolbar div.dhx_toolbar_btn:hover,
html .dhtmlx_toolbar div.dhx_toolbar_btn.over,
.buttonbar a.buttonlinkstyle,
.buttonbar a.buttonlinkstyle:hover
{
    box-shadow: 0px 2px 5px 0px rgb(0,0,0,0.2);
    background:#ffffff;
    height: 45px;
    border-radius: 8px !important;
    color:#711984;
    cursor:pointer;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    border:none !important;
    margin:5px;
}

html .dhtmlx_toolbar div.dhx_toolbar_btn:hover,
html .dhtmlx_toolbar div.dhx_toolbar_btn.over,
.buttonbar a.buttonlinkstyle:hover
{
    box-shadow: 0px 0px 5px 0px rgb(255,255,255,0.75);
}

html .dhtmlx_toolbar div.dhx_toolbar_btn img,
.buttonbar a.buttonlinkstyle img,
.buttonbar .buttonbreak
{
    display:none;
}

html .dhtmlx_toolbar div.dhx_toolbar_btn div,
.buttonbar a.buttonlinkstyle span
{
    text-align:center;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    color: #711984;
    cursor:pointer;
}

.NewsManagementContent .buttonbar,
.content.witamy .buttonbar
{
    height:auto;
    display:block;
    box-shadow: none;
    background:transparent;
    border-radius:0px;
    padding:0px;
    max-width: 100%;
    width: 100%;
    position:static;
    bottom:auto;
    z-index:0;
    transform: none;
}

.NewsManagementContent .buttonbar a.buttonlinkstyle,
.NewsManagementContent .buttonbar a.buttonlinkstyle:hover
{
    height: 35px;
    border-radius: 8px !important;
    border: 1px solid #711984 !important;
    color:#711984;
    background:transparent;
    cursor:pointer;
    box-shadow:none;
    width:auto;
    display: inline-flex;
}

.NewsManagementContent .buttonbar .Add a.buttonlinkstyle,
.NewsManagementContent .buttonbar .Add a.buttonlinkstyle:hover
{
    margin:0px 0px 34px 0px;
}

.NewsManagementContent .buttonbar .SaveNewsButton a.buttonlinkstyle,
.NewsManagementContent .buttonbar .SaveNewsButton a.buttonlinkstyle:hover
{
    margin:36px 0px 0px 0px;
}
    
.NewsManagementContent .buttonbar a.buttonlinkstyle:hover
{
    background: linear-gradient(115deg, rgba(113,25,132,0.1) 0%, rgba(165,165,165,0.1) 100%) !important;
    opacity:1;
    box-shadow:none;
}

.NewsManagementContent .TinyMCEEditor
{
    margin-top:27px;
}

/*Eurotax equipment*/
.EnhancedEurotaxEquipmentTemplateTable .multiViewContainer
{
    max-height:600px;
    overflow:auto;
}

.EnhancedEurotaxEquipmentTemplateTable .multiViewContainer table td
{
    padding:8px 0px;
}

.EnhancedEurotaxEquipmentTemplateTable .multiViewContainer table td span
{
    min-height: 21px;
    display: inline-flex;
    align-items: center;
}

.EnhancedEurotaxEquipmentTemplateTable .multiViewContainer table td input[type="checkbox"] + label
{
    padding-right:0px;
}

/*Wait*/

html .blockUI.blockMsg {
    opacity: 1 !important;
    outline: none !important;
    background:transparent  !important;
    z-index: 99999999 !important;
}

html .blockUI.blockOverlay {
    background: rgba(255,255,255,0.75) !important;
}

html .masterupdatestyle,
html .blockUI.blockOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.75);
    top: 0px;
    left: 0px;
    z-index: 9999999 !important;
}

html .masterupdateinnerstyle img {
    display: none;
}

html .masterupdateinnerstyle,
html .masterupdateinnerstyle:after,
html .blockUI.blockMsg,
html .blockUI.blockMsg:after,
html .recfoundDiv,
html .recfoundDiv:after  {
  border-radius: 50%;
  width: 10em !important;
  height: 10em  !important;
}

html .masterupdateinnerstyle,
html .blockUI.blockMsg,
html .recfoundDiv {
    
position: fixed !important;
   
 border: 10px solid #711984 !important;
  
  border-right-color: transparent !important;
   
left:calc(50% - 5em) !important;
    top:calc(50% - 5em) !important;

    animation: 2.2s linear 2s infinite loader-rotate ;
    margin-left:0px !important;
    margin-top:0px !important;
	visibility: hidden;
}

html .masterupdateinnerstyle > span,
html .blockUI h1
{
    font-size:0px;
}

@keyframes loader-rotate {
 
  100% {
    transform: rotate(360deg); 
	visibility: visible;} 
}

html .content.witamy .recfoundDiv,
html .content.witamy .recfoundDiv:after
{
    display:none !important;
}

/*Validation*/

input.formvalidation_fieldError,
input.formvalidation_fieldFatalError,
textarea.formvalidation_fieldError,
textarea.formvalidation_fieldFatalError,
select.formvalidation_fieldError,
select.formvalidation_fieldFatalError,
input.formvalidation_fieldWarning,
input.formvalidation_fieldAlert,
textarea.formvalidation_fieldWarnig,
textarea.formvalidation_fieldAlert,
select.formvalidation_fieldWarning,
select.formvalidation_fieldAlert,
.formvalidation_fieldError input[type="checkbox"] + label,
.formvalidation_fieldFatalError input[type="checkbox"] + label,
.formvalidation_fieldError input[type="radio"] + label,
.formvalidation_fieldFatalError input[type="radio"] + label,
.formvalidation_fieldWarning input[type="checkbox"] + label,
.formvalidation_fieldAlert input[type="checkbox"] + label,
.formvalidation_fieldWarning input[type="radio"] + label,
.formvalidation_fieldAlert input[type="radio"] + label,
.modalPopup.validationModalPopup .Error .popupHandle + div[align="center"] span
{
    color:#920A0A;
}

.modalPopup.validationModalPopup .Error .popupHandle + div[align="center"] span 
{
    display: block;
}

input.formvalidation_fieldError,
input.formvalidation_fieldFatalError,
textarea.formvalidation_fieldError,
textarea.formvalidation_fieldFatalError,
select.formvalidation_fieldError,
select.formvalidation_fieldFatalError,
input.formvalidation_fieldWarning,
input.formvalidation_fieldAlert,
textarea.formvalidation_fieldWarning,
textarea.formvalidation_fieldAlert,
select.formvalidation_fieldWarning,
select.formvalidation_fieldAlert,
.formvalidation_fieldError input[type="checkbox"],
.formvalidation_fieldFatalError input[type="checkbox"],
.formvalidation_fieldError input[type="radio"],
.formvalidation_fieldFatalError input[type="radio"],
.formvalidation_fieldWarning input[type="checkbox"],
.formvalidation_fieldAlert input[type="checkbox"],
.formvalidation_fieldWarning input[type="radio"],
.formvalidation_fieldAlert input[type="radio"]
{
    border-color:#920A0A;
}

input.formvalidation_fieldError,
input.formvalidation_fieldFatalError,
textarea.formvalidation_fieldError,
textarea.formvalidation_fieldFatalError,
select.formvalidation_fieldError,
select.formvalidation_fieldFatalError,
input.formvalidation_fieldWarning,
input.formvalidation_fieldAlert,
textarea.formvalidation_fieldWarning,
textarea.formvalidation_fieldAlert,
select.formvalidation_fieldWarning,
select.formvalidation_fieldAlert
{
    background-image:url("../../Images/Layout/DealerPakietow/ico/alert_circle.svg");
    background-size: 18px auto;
    background-repeat:no-repeat;
    background-position: calc(100% - 8px) center;
    padding-right: 34px;
}

.formvalidation_fieldError input[type="checkbox"] + label,
.formvalidation_fieldFatalError input[type="checkbox"] + label,
.formvalidation_fieldError input[type="radio"] + label,
.formvalidation_fieldFatalError input[type="radio"] + label,
.formvalidation_fieldWarning input[type="checkbox"] + label,
.formvalidation_fieldAlert input[type="checkbox"] + label,
.formvalidation_fieldWarning input[type="radio"] + label,
.formvalidation_fieldAlert input[type="radio"] + label,
.tabpanelnameerror
{
    background-image:url("../../Images/Layout/DealerPakietow/ico/alert_circle.svg");
    background-size: 18px auto;
    background-repeat:no-repeat;
    background-position: 100% center;
    padding-right:23px;
}

.formvalidation_validationpanel {
    position: absolute;
    padding: 0px;
    transition: none;
    background: transparent;
    z-index: 9;
    margin-top: 9px;
}

    .formvalidation_validationpanel ul {
        display: block;
        padding: 0px;
        margin: 0px;
    }

    .formvalidation_validationpanel li {
        display: block;
        padding: 0px 5px;
        margin: 0px;
    }

ul.formvalidation_messagelist {
    list-style-type: none;
    position: relative;
    float: right;
    pointer-events: none;
    top: -6px;
}

    ul.formvalidation_messagelist li.formvalidation_Error,
    ul.formvalidation_messagelist li.formvalidation_FatalError,
    ul.formvalidation_messagelist li.formvalidation_Warning,
    ul.formvalidation_messagelist li.formvalidation_Alert {
        padding:10px 20px;
        color: #424242 !important;
        border: 1px solid #920A0A !important;
        background-color: #ffffff;
        border-radius:4px;
        box-shadow:0px 2px 5px 0px rgb(0,0,0,0.2);
    }

/*Tooltip*/
html .TippedToolTip
{
    background: url("../../Images/Layout/DealerPakietow/ico/question.svg") no-repeat scroll center center transparent!important;
    background-size: contain;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    font-size: 0;
    opacity: 0.8;
    filter: invert(26%) sepia(0%) saturate(0%) hue-rotate(315deg) brightness(101%) contrast(100%);
}

html .TippedToolTipField > .styledSelect, 
html .TippedToolTipField > input[type="text"], 
html .TippedToolTipField > input[type="password"], 
html .TippedToolTipField > select, 
html .checkBoxDiv.TippedToolTipField > span {
    width: calc(100% - 24px);
}

html .tpd-tooltip 
{
    opacity:0.8 !important;
}

html .tpd-skin-gray .tpd-background
{
    background:#711984 !important;
    border-radius:4px;
}

html .tpd-background-box
{
    display:block !important;
}

html .tpd-shift-stem
{
    display:none;
}

/*Popups*/

.modalBackground,
.PopupDivModal,
.ModalBackground
{
    background:rgba(255,255,255,0.75);
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index: 99;
}

.modalPopup,
.PopupDiv,
.errorModalPopup,
.PopupPanel .ValidModalPopup,
.PopupPanel .ErrorModalPopup,
.modalAnnexPopup,
.JournalContent .EntryPanel
{
    background:#ffffff;
    border-radius:4px;
    box-shadow:0px 2px 5px 0px rgb(0,0,0,0.2);
    max-width:80vw;
    width: auto !important; /*PAKIETY-964 fixed popup widths in element style override*/
    min-width: 400px; /*PAKIETY-964 fixed popup widths in element style override*/
    position:fixed !important;
    top:50vh !important;
    left:50% !important;
    transform:translate(-50%, -50%);
    backface-visibility: hidden;
    z-index: 999;
}

.modalPopup *,
.PopupDiv *,
.errorModalPopup *,
.PopupPanel .ValidModalPopup *,
.PopupPanel .ErrorModalPopup *,
.modalAnnexPopup *
{
    backface-visibility: hidden;
}

.popupHandle,
.PopupDivHeader,
.ModalLabel,
.modalAnnexPopup .listazmiananeks > span:first-of-type
{
    background: linear-gradient(115deg, rgba(113,25,132,0.1) 0%, rgba(165,165,165,0.1) 100%);
    display:flex;
    flex-direction:row;
    width:100%;
    height:45px;
    align-items:center;
    justify-content:center;
    font-size:16px;
}

.popupHandle > span
{
    display:inline-block;
    text-align:center;
}

.modalPopup .formstyle.EditorContent,
.ModalContent,
.PopupPanel .ValidModalPopup .popupHandle + .popupText,
.PopupPanel .ErrorModalPopup .popupHandle + .popupText,
.errorModalPopup .errorModalPopupPanel .popupHandle + br + span
{
    padding:10px 20px;
    max-height:calc(100vh - 200px);
    overflow:auto;
    display:block;
}

.ModalButtonsDiv,
.lowerbuttonbar,
.npPopupButtons,
.PopupButtons,
.errorModalPopup .errorModalPopupPanel + div[align="center"],
#MC_OrganizationManagement_FormPopupForm_formPanel .bottomBar,
.modalAnnexPopup .listazmiananeks > div[align="center"]
{
    display:flex;
    flex-direction:row;
    width:100% !important;
    height:100px;
    align-items:center;
    justify-content:center;
    margin:0px !important;
}

.ModalButtonsDiv input,
.lowerbuttonbar input,
.npPopupButtons input,
.PopupButtons input,
.errorModalPopup .errorModalPopupPanel + div[align="center"] input,
.modalAnnexPopup .listazmiananeks > div[align="center"] input
{
    margin:5px;
    min-width:100px;
}

.ModalButtonsDiv input[type="image"],
.ModalButtonsDiv input.VaryonImageButton
.lowerbuttonbar input[type="image"],
.lowerbuttonbar input.VaryonImageButton,
.npPopupButtons input[type="image"],
.npPopupButtons input.VaryonImageButton ,
.PopupButtons input[type="image"],
.PopupButtons input.VaryonImageButton
{
    max-height: 23px;
    width: auto;
    min-width: 0px;
}

.ModalButtonsDiv input[value="Anuluj"],
.lowerbuttonbar input[value="Anuluj"],
.npPopupButtons input[value="Anuluj"],
.PopupButtons input[value="Anuluj"],
.ModalButtonsDiv input[value="Anuluj"]:hover,
.lowerbuttonbar input[value="Anuluj"]:hover,
.npPopupButtons input[value="Anuluj"]:hover,
.PopupButtons input[value="Anuluj"]:hover,
.successMsgPopup .ModalButtonsDiv input[type="submit"],
.successMsgPopup .ModalButtonsDiv input[type="submit"]:hover,
.errorMsgPopup .ModalButtonsDiv input[type="submit"],
.errorMsgPopup .ModalButtonsDiv input[type="submit"]:hover,
.modalPopup.formPopup.jobStatusPopup .closeButton input,
.modalPopup.formPopup.jobStatusPopup .closeButton input:hover,
.modalAnnexPopup .listazmiananeks > div[align="center"] input[value="Anuluj"],
.modalAnnexPopup .listazmiananeks > div[align="center"] input[value="Anuluj"]:hover
{
    position:absolute;
    top: 20px;
    right: 20px;
    margin:0px;
    border:none;
    font-size:0px;
    height:18px;
    width:18px;
    min-width:18px;
    max-width:18px;
    background:url("../../Images/Layout/DealerPakietow/ico/close_line.svg") no-repeat scroll center center transparent;
    background-size: contain;
    filter: invert(76%) sepia(7%) saturate(0%) hue-rotate(162deg) brightness(89%) contrast(83%);
}

.modalPopup.validationModalPopup .popupHandle + div[align="center"]
{
    max-height:calc(100vh - 300px);
    overflow:auto;
    position:relative;
}

.modalPopup.validationModalPopup .popupHandle + div[align="center"] > div
{
    padding-top:10px;
}

.modalPopup.validationModalPopup .popupHandle + div[align="center"],
.modalPopup.validationModalPopup .popupHandle + div[align="center"] > div
{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.modalPopup.validationModalPopup .popupHandle + div[align="center"] span
{
    display: inline-block;
    padding: 8px 20px;
}

.modalPopup.validationModalPopup .popupHandle + div[align="center"] .ModalButtonsDiv
{
    position: sticky;
    bottom: 0;
    background: #fff;
}

fieldset.PopupDivBody
{
    border-radius:0px;
    border:none;
    margin:0px;
    padding:0px;
}

.successMsgPopup .ModalLabel,
.errorMsgPopup .ModalLabel
{
    display:none;
}

.successMsgPopup .ModalButtonsDiv,
.errorMsgPopup .ModalButtonsDiv
{
    height:auto;
}

.successMsgPopup .ModalContent,
.errorMsgPopup .ModalContent
{
    height:193px;
    width:552px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:400;
}

.successMsgPopup .ModalContent:before
{
    content:"";
    display:block;
    width:32px;
    height:32px;
    position:absolute;
    top:30px;
    left:calc(50% - 16px);
    background:url("../../Images/Layout/DealerPakietow/ico/Group 1957.svg") no-repeat scroll center center transparent;
    background-size: contain;
    filter: invert(18%) sepia(47%) saturate(3371%) hue-rotate(272deg) brightness(91%) contrast(105%);
}

.errorMsgPopup .ModalContent:before
{
    content:"";
    display:block;
    width:32px;
    height:32px;
    position:absolute;
    top:30px;
    left:calc(50% - 16px);
    background:url("../../Images/Layout/DealerPakietow/ico/alert_circle.svg") no-repeat scroll center center transparent;
    background-size: contain;
}

.modalAnnexPopup .listazmiananeks > br
{
    display:none;
}

.modalAnnexPopup .listazmiananeks .field.changeListTextField
{
    padding-left:0px;
    padding-right:0px;
}

/*Main Page*/

.content.witamy
{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    flex-wrap:nowrap;
    padding-top:50px;
    max-width:1300px;
}

.content.witamy .leftColumn
{
    width:calc(100% - 385px - 120px);
}

.content.witamy .rightColumn
{
    width:385px;
    margin-left:120px;
}

.content.witamy .buttonbar
{
    width:385px;
    display:inline-flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    margin: 0px;
}

.content.witamy .buttonbar:before
{
    display:none;
}

.content.witamy .buttonbar a.buttonlinkstyle
{
    border-radius: 4px;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 20%);
    border: 1px solid rgba(165,165,165,0.5) !important;
    background:#ffffff;
    width:150px;
    height: 80px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px;
    margin:0px 20px 20px 0px;
}

.content.witamy .buttonbar a.buttonlinkstyle:hover
{
    cursor:pointer;
    border: 1px solid #711984 !important;
}

.content.witamy .buttonbar a.buttonlinkstyle img
{
    display:none;
}

.content.witamy .buttonbar a.buttonlinkstyle span
{
    text-align:center;
}

.content.witamy .AlertsLabel,
.content.witamy .NewsLabel,
.content.witamy .RenewalLabel,
.content.witamy .ShortcutsLabel,
.content.witamy .fastsearch > legend,
.content.witamy .MessagesMainPage > span:first-of-type,
.content.witamy .WznowieniaLabel
{
    font-weight: 500;
    display: inline-block;
    padding: 0px 0px 15px 0px;
    width:100%;
}

.content.witamy .PolicyIDColumn,
.content.witamy .VINColumn
{
    font-weight:bold;
}

.content.witamy .shortcutsWrapper
{
    position:relative;
}

.content.witamy .shortcutsWrapper .workModel
{
    position:absolute;
    bottom:20px;
    left:170px;
    width:150px;
    z-index:1;
}

.content.witamy .WorkModeLabel
{
    padding:0px 0px 8px 18px;
    color:#711984;
}

.content.witamy .WorkModeLabel + select
{
    width:100%;
    background:#ffffff;
    padding:0px 18px;
}

.content.witamy .MAAlerts
{
    width:385px;
}

.content.witamy .MAAlerts .AlertsGridType > div:last-of-type table.searchresults
{
    margin-top:15px;
}

.content.witamy .MAAlerts table.searchresults th
{
    text-align:left;
    font-size:0px;
}

.content.witamy .MAAlerts table.searchresults th:nth-of-type(2),
.content.witamy .MAAlerts table.searchresults td:nth-of-type(2)
{
    text-align:right;
    width:80px;
    padding-right:30px;
}

.content.witamy .MAAlerts table.searchresults th:nth-of-type(3),
.content.witamy .MAAlerts table.searchresults td:nth-of-type(3)
{
    display:none;
}

.content.witamy .fastsearch
{
    padding:0px;
    margin:40px 0px 50px 0px;
    border:none;
}

.content.witamy .fastsearch .wholeSearch
{
    display:flex;
    flex-direction:row;
    align-items: baseline;
    justify-contnent: space-between;
    position:relative;
}

.content.witamy .fastsearch .wholeSearch .lbErrorMessage
{
    position:absolute;
    color:#920a0a;
    left: 0px;
    bottom: -25px;
}

.content.witamy .fastsearch .wholeSearch .policyNumberDiv{
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    min-width: 200px;
    margin-right:20px;
}

.content.witamy .fastsearch .wholeSearch .policyNumberDiv span
{
    padding-left:15px;
}

.content.witamy .fastsearch .wholeSearch .policyNumberDiv input
{
    width:100% !important;
    margin-top:5px;
}

.content.witamy .fastsearch .wholeSearch .searchButtons input
{
    margin:0px;
    padding:0px 20px;
}

.content.witamy .MessagesMainPage,
.content.witamy .listaDoWznowien
{
    width:100% !important;
    height:auto !important;
    float: left;
    padding: 0px 0px 0px 0px;
}

.content.witamy div.gridbox_dhx_terrace
{
    width:100% !important;
    min-height: 81px;
}

html .content.witamy .DHTMLXGenericListClass .GridNoRecord
{
    top:55px;
}

.content.witamy div.gridbox_dhx_terrace table.hdr,
.content.witamy div.gridbox_dhx_terrace table.obj
{
    width:100% !important;
    padding-right: 0px !important;
}

.content.witamy .MessagesMainPage .GridBoxDiv.gridbox.gridbox_dhx_terrace {
    height: auto !important; /*PAKIETY-964*/
}

.content.witamy .MessagesMainPage div.gridbox_dhx_terrace table.obj tr td,
.content.witamy .MessagesMainPage div.gridbox_dhx_terrace table.obj tr td.cellselected,
.content.witamy .MessagesMainPage div.gridbox_dhx_terrace table.obj tr,
.content.witamy .MessagesMainPage div.gridbox_dhx_terrace table.obj tr.rowselected
{
    padding:0px;
    background:transparent;
}

.content.witamy .MessagesMainPage .content[style="display: block;"]
{
    padding:0px 70px 0px 20px;
    color:#a5a5a5;
    border-top:1px solid rgba(165,165,165,0.5);
}

.content.witamy .MessagesMainPage button.collapsible,
.content.witamy .MessagesMainPage button.collapsible:hover
{
    color:#101010;
    border:none;
    padding:10px 70px 10px 20px;
    height:65px;
    text-align: left;
    border-radius:0px;
    background:url("../../Images/Layout/DealerPakietow/ico/Icon ionic_ios_arrow_down_80.svg") no-repeat scroll calc(100% - 40px) center transparent;
    background-size: 16px auto;
    font-weight:500;
}

.content.witamy .MessagesMainPage button.collapsible.redAlert
{
    color: #920a0a;
    filter:none;
}

.content.witamy .MessagesMainPage button.collapsible.redAlert:hover
{
    color:#ff0000;
    filter:none;
}

.content.witamy .MessagesMainPage button.collapsible:hover
{
    color:#711984;
}

.content.witamy .MessagesMainPage button.collapsible.active,
.content.witamy .MessagesMainPage button.collapsible.active:hover
{
    background:url("../../Images/Layout/DealerPakietow/ico/Icon ionic_ios_arrow_up_80.svg") no-repeat scroll calc(100% - 40px) center transparent;
    background-size: 16px auto;
}

/*Profil*/

.content.profile,
.content.profile .ChangePasswordDiv
{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
}


.content.profile
{
    max-width:1050px;
    margin:auto;
}

.content.profile .settingsMenu
{
    width:100%;
    text-align:left;
    padding-top:145px;
    padding-bottom:5px;
}

.content.profile .settingsMenu input,
.content.profile .settingsMenu input:hover
{
    border:none;
    background:transparent;
    color:#424242;
    font-size:15px;
    padding:0px 26px;
    height:auto;
    min-height:0px;
    max-height:100%;
}

.content.profile .settingsMenu input.active,
.content.profile .settingsMenu input:hover
{
    font-weight:600;
}

.content.profile .settingsMenu .PurpleRectangleSeparator
{
    color:#711984;
    margin:0px 6px;
}

.content.profile .borderSpacerTemplate
{
    border-top:1px solid #a5a5a5;
}

.content.profile .ChangePasswordDiv
{
    margin-right:176px;
}

.content.profile .ChangePasswordDiv .Caption
{
    width:100%;
}

.content.profile .ChangePasswordDiv h1
{
    font-weight: 400;
    font-size: 18px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    padding: 60px 0px 40px 0px;
    margin: 0px;
    width:280px;
    float:right;
}

.content.profile .ChangePasswordDiv h1 span
{
    display: inline-flex;
    height: 24px;
    align-items: flex-end;
    line-height: 14px;
}

.content.profile .ChangePasswordDiv h1:before
{
    background:url("../../Images/Layout/DealerPakietow/ico/Group 1904.svg") no-repeat scroll center center transparent;
    filter: invert(18%) sepia(47%) saturate(3371%) hue-rotate(272deg) brightness(91%) contrast(105%);
    background-size:contain;
    content:'';
    display:inline-block;
    width:16px;
    height:24px;
    margin:0px 10px 0px 0px;
}

table.changePasswordTable tr
{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
}

table.changePasswordTable tr:last-of-type
{
    padding-top:10px;
}

table.changePasswordTable tr:last-of-type th
{
    width:176px;
}

table.changePasswordTable th,
table.changePasswordTable td
{
    padding-bottom:20px !important;
}

table.changePasswordTable th span
{
    font-weight:400;
    font-size:15px;
    width:176px;
    display:inline-flex;
    height: 40px;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    text-align:left;
}

table.changePasswordTable input[type="password"]
{
    width:280px;
    height:40px;
}

.content.profile .ChangeDataDiv
{
    display:flex;
    direction:row;
    align-items:flex-start;
    justify-content:space-between;
    width:100%;
    padding-top:28px;
}

.content.profile .ChangeDataDiv .title
{
    display:inline-block;
    coloR:#711984;
    padding-bottom:23px;
    font-size:16px;
}

.content.profile .ChangeDataDiv .contactData
{
    width:674px;
    padding-left:28px;
}

.content.profile .ChangeDataDiv .priviliges
{
    width:calc(100% - 674px);
}

.content.profile .ChangeDataDiv .contactData tr th
{
    text-align:left;
    font-weight:400;
    width:134px;
}

.content.profile .ChangeDataDiv .contactData tr td,
.content.profile .ChangeDataDiv .contactData tr th
{
    padding-bottom:20px;
}

.content.profile .ChangeDataDiv .contactData tr:last-of-type td,
.content.profile .ChangeDataDiv .contactData tr:last-of-type th
{
    padding-bottom:0px;
    text-align:center;
}

.content.profile .ChangeDataDiv .contactData tr td input
{
    width:325px;
}

.content.profile .ChangeDataDiv .contactData tr td input[readonly="readonly"] 
{
    color:rgba(66,66,66,0.5);
}

.content.profile .ChangeDataDiv .contactData tr td input[type="submit"]
{
    width:130px;
    margin-top:26px;
}

.content.profile .ChangeDataDiv .contactData tr td input[type="submit"] + input[type="submit"]
{
    margin-left:19px;
}

.content.profile .ChangeDataDiv .priviliges table
{
    border-spacing:0px;
    border-collapse:collapse;
    min-width:200px;
}

.content.profile .ChangeDataDiv .priviliges tr td
{
    border-bottom:1px solid rgba(165,165,165,0.5);
    padding:14px 0px;
}

.content.profile .ChangeDataDiv .priviliges tr td:last-of-type
{
    text-align:right;
}

/*Import Przelewu*/

/*Karta Przelewu*/

.content.kartaprzelewu > h1
{
    min-width:350px;
    margin-bottom:50px;
}

.content.kartaprzelewu .transferPageButtons
{
    padding-bottom:0px;
}

.content.kartaprzelewu .paneldiv
{
    display:flex;
    flex-direction:column;
    align-items:/*center*/flex-start;
    justify-content:flex-start;
    /*nc*/
    width:464px;
    margin:auto;
    overflow:visible;
}

.content.kartaprzelewu .paneldiv table.standardtable tr
{
    padding-bottom:20px !important;
}

.content.kartaprzelewu .paneldiv table.standardtable th span
{
    font-weight:400;
    font-size:14px;
}

.content.kartaprzelewu .paneldiv table.standardtable
{
    width:auto !important;
}

.content.kartaprzelewu .paneldiv table.standardtable th,
.content.kartaprzelewu .paneldiv table.standardtable tr
{
    text-align:left;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    max-width: 465px;
}

.content.kartaprzelewu .paneldiv table.standardtable tr.transferNotes
{
    align-items:flex-start;
}

.content.kartaprzelewu .paneldiv table.standardtable tr.transferNotes th
{
    padding-top:10px;
}

.content.kartaprzelewu .paneldiv table.standardtable tr td
{
    width:100%;
}

.content.kartaprzelewu .paneldiv table.standardtable th
{
    width:145px;
    padding-right:20px;
}

.content.kartaprzelewu .paneldiv table.standardtable input[type="text"]
{
    width:100% !important;
}

.content.kartaprzelewu .paneldiv table.standardtable input[type="text"].transferAmountInput
{
    max-width:150px;
}

.content.kartaprzelewu .paneldiv table.standardtable input[type="text"].transferNumberInput
{
    max-width:235px;
}

.content.kartaprzelewu .paneldiv table.standardtable .field.divDataWykonPrzelewu 
{
    padding: 0px;
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    width: 270px;
}

.content.kartaprzelewu .paneldiv table.standardtable .field.divDataWykonPrzelewu > label
{
    display:none;
}

.transferPageButtons input[type="submit"].returnButtonClass
{
    min-width:150px;
}

/*Rozliczenia*/

.content.obce .FilterAccordion,
.content.obce #MC_upMain
{
    max-width:1130px;
    margin:auto;
}

.content.obce table.searchresults
{
    max-width:1130px;
}

.content.obce td.col7
{
    text-align:right;
    padding-right:50px;
}

.content.obce td.col5 span,
.content.obce td.col7 span
{
    color:#711984;
}

.content.obce td.col8 > div
{
    display:inline-flex;
    width:100%;
    direction:row;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items:center;
}

.content.obce td.col8 > div input
{
    margin:0px 5px;
}

.content.obce td.col8 > div input:first-of-type
{
    margin-left:0px;
}

.content.obce td.col8 > div input:last-of-type
{
    margin-right:0px;
}

.content.obce td.col8 > div input[alt="REFRESH"]
{
    display:none;
}

.content.rozliczenia > h1,
.content.sprawdzprodukcje > h1
{
    min-width:350px;
    max-width:350px;
    width:350px;
}

.content.rozliczenia .dataListFilterField
{
    float:none;
    margin-top:6px;
}

.content.rozliczenia .content.datalist
{
    padding-top:22px;
}

.content.rozliczenia .dataListFilterWrapper,
.content.rozliczenia .content.datalist table.searchresults,
.content.rozliczenia .accPeriods h3,
.content.rozliczenia .content.datalist .PageSliderContainer
{
    width:591px;
    margin-left:50%;
    transform:translate(-50%, 0);
}

.content.rozliczenia .dataListFilterWrapper,
.content.rozliczenia .content.datalist table.searchresults,
.content.rozliczenia .dataListFilterWrapper *,
.content.rozliczenia .content.datalist table.searchresults *
{
    backface-visibility:hidden;
}

html .content.rozliczenia .accPeriods .ajax__tab_xp .ajax__tab_body 
{
    padding:20px 0px 0px 0px;
    border:none;
}

.content.rozliczenia .accPeriods h3
{
    fonr-size:15px;
    font-weight:500;
    text-align:center;
    border-bottom:1px solid #707070;
    width:400px;
    display:inline-block;
    padding-bottom:12px;
    margin-bottom:10px;
}

.content.rozliczenia .accPeriods > table[style="clear: left;"]
{
    display:none;
}

.content.rozliczenia .accPeriods table a.uploadedfilesbutton
{
    width:90px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:30px;
    font-size:13px;
}

.content.rozliczenia .accPeriods table a.uploadedfilesbutton + a.uploadedfilesbutton
{
    margin-left:10px;
}

.content.rozliczenia .accPeriods table a.uploadedfilesbutton + a.uploadedfilesbutton + a.uploadedfilesbutton
{
    margin-left:0px;
}

.content.rozliczenia .accPeriods table a.uploadedfilesbutton + a.uploadedfilesbutton + a.uploadedfilesbutton,
.content.rozliczenia .accPeriods table a.uploadedfilesbutton + a.uploadedfilesbutton + a.uploadedfilesbutton + a.uploadedfilesbutton
{
    margin-top:10px;
}

.content.rozliczenia .accPeriods table td:nth-of-type(2),
.content.rozliczenia .accPeriods table td:last-of-type
{
    width:215px;
}

.lbGroups
{
    font-size:15px;
    font-weight:500;
    display:block;
    padding-bottom:15px;
}

.content.rozliczenia .content.datalist table.searchresults > tbody > tr > td
{
    padding:19px 10px;
}

/*Import polis*/

.content.importpolis,
.content.importdealerow,
.content.importprzelewow
{
    text-align:center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content.importpolis > h1,
.content.importdealerow > h1,
.content.importprzelewow > h1
{
    transform:none;
    margin:40px 0px 20px 0px;
    min-width:350px;
    max-width:350px;
    width:350px;
}

.content.importpolis > input[type="file"],
.content.importdealerow > input[type="file"],
.content.importprzelewow > input[type="file"]
{
    display: block;
    margin: 10px 0px 0px 0px;
    width:350px;
}

.content.importpolis input[type="text"],
.content.importpolis select,
.content.importdealerow input[type="text"],
.content.importdealerow select,
.content.importprzelewow input[type="text"],
.content.importprzelewow select
{
    width:235px !important;
}

.content.importpolis div.field,
.content.importdealerow div.field,
.content.importprzelewow div.field
{
    float:none;
    display:inline-flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    width: 377px;
    padding:30px 0px 0px 0px;
    margin-left: 30px;
}

.content.importpolis div > span,
.content.importdealerow div > span,
.content.importprzelewow div > span
{
    display:inline-block;
    text-align:left;
    width:142px;
    padding:0px 25px 0px 0px;
}

.content.importpolis .field.generateDocs
{
    padding:29px 0px 0px 0px;
}

.content.importpolis .field.generateDocs span
{
    padding:0px;
}

.content.importpolis .field.policyCount
{
    padding-top:20px;
}

.content.importpolis .field.policyCount input[type="text"]
{
    width:100px !important;
}

.content.importpolis > input[type="checkbox"],
.content.importdealerow > input[type="checkbox"],
.content.importprzelewow > input[type="checkbox"]
{
    float:none;
    position: relative;
    top: 5px;
}

.content.importpolis a.importbutton,
.content.importdealerow a.importbutton,
.content.importprzelewow a.importbutton
{
    margin:0px 10px;
}

.content.importpolis .formButtonBar,
.content.importdealerow .formButtonBar,
.content.importprzelewow .formButonBar
{
    padding-top:62px;
}

/*Import dealerow*/

.content.importdealerow .importInfo span 
{
    display:inline-block;
    padding-right:25px;
}

.content.importdealerow .importInfo select
{
    width: 235px;
}

/*Edytor szablonów*/

.resourceTree
{
    border:1px solid rgba(165,165,165,0.3);
    border-radius:4px;
    padding:30px 30px 13px 30px;
}

.content.EditTemplatePage .resourceTree
{
    float:left;
    width:calc(50% - 15px);
    margin-top:20px;
}

.content.EditTemplatePage .resourceTree td div[style="width:20px;height:1px"]
{
    min-width:45px;
}

.content.EditTemplatePage .resProperties 
{
    float:right;
    width:calc(50% + 15px);
    padding-left:30px;
    margin-top:20px;
}

html .resourceEditItem
{
    border:none;
}

.resourceEditItem:not(:first-of-type) > a
{
    display:inline-flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    height:50px;
    width:100%;
    border-radius: 4px;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 20%);
    border: 1px solid rgba(165,165,165,0.5);
    background:#ffffff;
    color:#711984;
    font-weight:500;
    text-transform:uppercase;
    padding:0px 30px;
    font-size:16px;
    position:relative;
    line-height: normal;
}

.resourceEditItem:not(:first-of-type) > a:after {
    content: '';
    width: 16px;
    height: 16px;
    pointer-events: none;
    margin-left:10px;
    background: url('../../Images/Layout/DealerPakietow/ico/Icon ionic_ios_arrow_down.svg') no-repeat scroll center center transparent;
    filter: invert(18%) sepia(47%) saturate(3371%) hue-rotate(272deg) brightness(91%) contrast(105%);
    display: inline-block;
    background-size: contain;
    font-size: 0px;
    position:absolute;
    left:215px;
}

.resourceEditItem:not(:first-of-type) > a.collapsible.active:after 
{
    background: url('../../Images/Layout/DealerPakietow/ico/Icon ionic_ios_arrow_up.svg') no-repeat scroll center center transparent;
    filter: invert(18%) sepia(47%) saturate(3371%) hue-rotate(272deg) brightness(91%) contrast(105%);
    background-size: contain;
    
}

.resourceEditItem:first-of-type > a
{
    padding:0px 20px;
}

.resourceEditItem #divOverrideTemplate
{
    border:1px solid rgba(165,165,165,0.3);
    border-radius:4px;
    padding:20px !important;
    width:100%;
    max-width:470px;
    display:inline-block;
    margin-top:20px;
}

.resourceEditItem #divOverrideTemplate > span
{
    padding-left:20px;
    display:inline-block;
    font-weight:400;
}

.resourceEditItem #divOverrideTemplate input[type="submit"]
{
    margin:10px auto 0px 50%;
    transform:translate(-50%, 0);
    backface-visibility:hidden;
    width:110px;
}

.resourceTree table
{
    padding-bottom:17px;
}

.resourceTree table td > a > img
{
    margin-right:17px;
}

.resourceTree table a,
.resourceTree table a:hover
{
    color:#424242;
    white-space:normal;
}

.resProperties .tbComment
{
    width:410px !important;
}

/*Do pobrania*/

.content.resourceslist  > h1
{
    min-width:350px;
}

.content.resourceslist .resourcesgrid
{
    max-width:666px;
    margin:auto;
}

.content.resourceslist  table.searchresults
{
    border:1px solid rgba(165,165,165,0.3);
    box-shadow:none;
}

.content.resourceslist  table.searchresults tr,
.content.resourceslist  table.searchresults tr td
{
    background:transparent;
    border:none;
}

.content.resourceslist  table.searchresults tr td
{
    padding-left:25px;
    padding-right:25px;
}

.content.resourceslist  table.searchresults tr:first-of-type td
{
    padding-top:25px;
}

.content.resourceslist  table.searchresults tr:last-of-type td
{
    padding-bottom:25px;
}

.content.resourceslist h3,
.content.resourceslist h4
{
    font-size:15px;
    font-weight:500;
}

/*Zarządzanie komunikatami*/

.NewsManagementContent {
    display: block;
    height: calc(100vh - 141px); 
}

.NewsManagementContent > div
{
    width:640px;
    float: right;
}

.NewsManagementContent #MC_NewsList
{
    height:100%;
    padding-right:25px;
    width:calc(100% - 640px);
    float:left;
}

.NewsManagementContent > div.bbBarBorder
{
    padding-top:54px;
    float: right;
}

.NewsManagementContent .NewsContetnt
{
    order: 3;
    flex-grow: 1;
    flex-shrink: 1;
    overflow: auto;
    height: calc(100% - 140px);
}

.NewsManagementContent .SaveNewsButtonBorder
{
    order:4;
}

.NewsManagementContent .buttonbar a
{
    margin:5px;
}

.NewsManagementContent .buttonbar a.buttonlinkstyle img
{
    display:none;
}

.NewsManagementContent .SaveNewsButtonBorder .buttonbar a.buttonlinkstyle,
.NewsManagementContent .SaveNewsButtonBorder .buttonbar a.buttonlinkstyle:hover
{
    border:none !important;
    color:#ffffff;
    background: linear-gradient(180deg, rgba(113,25,132,0.85) 0%, rgba(113,25,132,1) 100%);
    box-shadow:0px 2px 5px 0px rgb(0,0,0,0.2);
    width:174px;
    justify-content: center;
}

.NewsManagementContent .SaveNewsButtonBorder .buttonbar a.buttonlinkstyle span
{
    color:#ffffff;
}

.NewsManagementContent .SaveNewsButtonBorder .buttonbar
{
    text-align:center;
}

.NewsManagementContent .buttonbar:before
{
    display:none;
}

.NewsManagementContent .SaveNewsButtonBorder .buttonbar a.buttonlinkstyle:hover
{
    background: linear-gradient(180deg, rgba(57,11,67,0.85) 0%, rgba(57,11,67,1) 100%);
}

.NewsManagementContent #MC_NewsList .genericList,
.NewsManagementContent #MC_NewsList .GenericListWithFilter
{
    display:flex;
    flex-direction:column;
    height:100%;
}

.NewsManagementContent .DHTMLXGenericListClass
{
    display:flex;
    flex-direction:column;
    flex-grow:1;
    flex-shrink:1;
    overflow:hidden;
}

html .NewsManagementContent #MC_NewsList div.gridbox_dhx_terrace
{
    height:calc(100% - 50px) !important;
}

html .NewsManagementContent #MC_NewsList  div.gridbox .objbox
{
    height:calc(100% - 30px) !important;
}

/*Lista przelewów*/

.content.listaprzelewow .accordionContent .radioField.horizontalRadioField tr:nth-of-type(1)
{
    display:block;
    width:145px;
}

.content.listaprzelewow .accordionContent .radioField.horizontalRadioField tr:nth-of-type(2)
{
    display:block;
    width:150px;
}

/*Dopasowanie przelewów*/

.content.dopasowywanieprzelewow .accordionContent
{
    padding-top:15px;
}

.content.dopasowywanieprzelewow .accordionContent .field
{
    padding-top:13px;
}

.content.dopasowywanieprzelewow table.searchresults
{
    border:none;
    box-shadow:none;
    border-radius:0px;
}

.content.dopasowywanieprzelewow table.searchresults2
{
    width:100%;
    max-width:1200px;
    margin:auto;
}

.content.dopasowywanieprzelewow table.searchresults2 td.col6 {
    text-align:center;
}

.content.dopasowywanieprzelewow table.searchresults2 td.col6 br {
    display: none;
}

.content.dopasowywanieprzelewow table.searchresults2 td.col6 img
{
    display: inline-block;
}

.content.dopasowywanieprzelewow table.searchresults > tbody > tr > td
{
    border:none;
    padding:0px;
}

.content.dopasowywanieprzelewow table.searchresults > tbody > tr:first-of-type
{
    display:none;
}

.content.dopasowywanieprzelewow .transferMatchingPanel
{
    display:flex;
    direction:row;
    align-items:center;
    justify-content:space-between;
}

.content.dopasowywanieprzelewow h4
{
    font-size:15px;
    font-weight:500;
    margin: 60px 0px 10px 0px;
}

.content.dopasowywanieprzelewow content
{
    max-width: 985px;
    display: block;
    margin: auto;
}

.content.dopasowywanieprzelewow .FilterAccordion
{
    max-width: 999px;
    display: block;
    margin: auto;
}

/*Inkasa*/

.content.listawplat .transferDetails
{
    margin:40px 0px 60px 0px;
}

/*lista okresów*/
.content.listaokresow table.searchresults
{
    width:720px;
    margin:51px auto 0px auto;
}

.content.listaokresow table.searchresults .previewDownloads input
{
    margin:0px 10px;
}

/*lista raportów*/
.content.listaraportow td b a
{
    font-weight:500 !important;
}

html .reportDownloadPopup .formPopup .ajax__tab_xp .ajax__tab_header
{
    display:none;
}

html .reportDownloadPopup .formPopup .ajax__tab_xp .ajax__tab_body {
    border: none;
    border-radius: 0px;
    padding: 0px;
}

.modalPopup.formPopup.jobStatusPopup
{
    min-width:445px;
}

.modalPopup.formPopup.jobStatusPopup .downloadResources
{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    position:relative;
    padding:50px 0px 30px 0px;
    margin:0px 20px;
    border-top:1px solid rgba(165, 165, 165, 0.5);
}

.modalPopup.formPopup.jobStatusPopup .downloadResources:before
{
    content:"Pliki do pobrania";
    display:inline-block;
    text-align:center;
    width:100%;
    position:absolute;
    top:20px;
    left:0px;
}

.modalPopup.formPopup.jobStatusPopup .jobDetails
{
    padding:20px 20px 10px 20px; 
    text-align:center;
}

.modalPopup.formPopup.jobStatusPopup .jobDetails .jobDetail
{
    padding:0px 0px 10px 0px;
    display:none;
}

.modalPopup.formPopup.jobStatusPopup .downloadResources input
{
    margin:0px 10px;
}

.modalPopup.formPopup.jobStatusPopup .progressBar
{
    position:relative;
    border:none;
}

.modalPopup.formPopup.jobStatusPopup .progressBarOuterDiv
{
    padding:0px 20px 20px 20px;
}

.modalPopup.formPopup.jobStatusPopup .progressBarOuterDiv + input.buttonCancel
{
    margin: 0px 0px 20px calc(50% - 50px);
    width: 100px;
}

.modalPopup.formPopup.jobStatusPopup .progressBarOuterDiv + input[disabled="disabled"].buttonCancel
{
    display:none;
}

.modalPopup.formPopup.jobStatusPopup .counter
{
    text-align:center;
    width:100%;
    padding:10px 20px 0px 20px;
}

.modalPopup.formPopup.jobStatusPopup .progressBar .progress-label
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
}

.modalPopup.formPopup.jobStatusPopup .progressBar .ui-progressbar-value
{
    margin:0px;
    background: none repeat scroll left top #711984;
}

/*Raty*/

.content.installments .policyData,
.content.installments .installmentDataRow 
{
    display:inline-flex;
    flex-direction:row;
    align-items:strech;
    justify-content:center;
    width:100%;
}

.content.installments .installmentDataRow .field.formButtonField,
.content.installments .policyData .field.formButtonField,
.content.installments .installmentDataRow .installmentNoField
{
    align-items:flex-end;
}

.content.installments .installmentDataRow .installmentNoField label,
.content.installments .installmentDataRow .installmentNoField input
{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    color: #711984;
}

.content.installments .installmentDataRow .installmentNoField label
{
    height:35px;
    align-items:center;
    display:inline-flex;
}

.content.installments .installmentDataRow .installmentNoField input
{
    border:none;
    background:transparent;
}

.content.installments .policyData .field
{
    width:100%;
    max-width:240px;
}

.content.installments .policyData .field.formButtonField
{
    max-width:135px;
}

.content.installments .field.formButtonField input
{
    width:100%;
}

.content.installments .installmentDataRow .field
{
    width:100%;
    max-width:155px;
}

.content.installments .installmentDataRow .field.installmentNoField 
{
    max-width:125px;
}

.content.installments .installmentDataRow .field.formButtonField
{
    max-width:180px;
}

.content.installments .modalPopup .ModalContent table th,
.content.installments .modalPopup .ModalContent table td
{
    text-align:left;
    padding:5px;
}

.content.installments .messagePanel
{
    padding:5px;
    text-align:center;
    color: #920a0a;
}

/* Magazyn Numerów*/

.NumberPoolMgrNumbers .genericList
{
    max-width:920px;
    margin: auto;
}

.NumberPoolMgrNumbers .divNumberPoolTitle + br + .FilterAccordion,
.NumberPoolMgrNumbers .secondary
{
    max-width:715px;
    margin: auto;
}

.NumberPoolMgrNumbers .divNumberPoolTitle
{
    text-align:center;
    color:#711984;
}

.NumberPoolMgrNumbers .filterContent,
.content.obce .FilterAccordion .filterContent /*rozliczenia*/,
.content.financialSettlement .FilterAccordion .filterContent /*rozliczenia*/
{
    display:inline-flex;
    width:100%;
    direction:row;
    flex-wrap:wrap;
    justify-content: center;
}

.NumberPoolMgrNumbers .filterContent .numberPoolFilterField
{
    min-width:180px;
}

.addNumberPopup .npPopupStatus,
.addNumberPopup .npPopupMessage,
.addNumberPopup .npPopupPrintNum,
.showBasicPoolCountPopup .npPopupStatus,
.showBasicPoolCountPopup .npPopupMessage,
.showBasicPoolCountPopup .npPopupPrintNum
{
    display:block;
    text-align:center;
    color:#424242 !important;
    width: 100%;
}

.addNumberPopup .npPopupStatus br,
.addNumberPopup .npPopupMessage br,
.addNumberPopup .npPopupPrintNum br,
.showBasicPoolCountPopup .npPopupStatus br,
.showBasicPoolCountPopup .npPopupMessage br,
.showBasicPoolCountPopup .npPopupPrintNum br
{
    display:block;
}

.addNumberPopup .ModalContent
{
    padding-bottom:0px;
}

.showBasicPoolCountPopup .ModalContent
{
    padding-bottom:20px;
}

/*Rozliczanie płatności*/

.paymentAccountingPopup .tmPaymentsInfo
{
    float:left;
    clear:both;
    width:100%;
    padding:15px 0px 0px 0px;
}

.paymentAccountingPopup .field span.tmBalance
{
    color:#0BA71B;
}

.paymentAccountingPopup .tmPaymentsInfo > div
{
    padding:10px 0px 0px 0px;
}

.paymentAccountingPopup .tmPaymentsInfo > div > span
{
    display:inline-block;
}

.paymentAccountingPopup .tmPaymentsInfo > div > span:nth-of-type(1)
{
    width:80px;
}

.paymentAccountingPopup .tmPaymentsInfo > div > span:nth-of-type(2)
{
    width:130px;
}

.paymentAccountingPopup .tmPaymentsInfo > div > span:nth-of-type(3)
{
    width:60px;
}

.paymentAccountingPopup .tmPaymentsInfo > div > span:nth-of-type(4)
{
    width:50px;
}

.paymentAccountingPopup .tmPaymentsInfo > div > span:nth-of-type(5)
{
    width:100px;
}

.paymentAccountingPopup .tmPaymentsInfo > div > span:nth-of-type(6)
{
    color:#920A0A;
}

.paymentAccountingPopup .tmLastInfo
{
    display: flex;
    width: 100%;
    clear: both;
    float: left;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 34px 0px 0px 0px;
    color:#920A0A;
    font-size: 13px;
    line-height: 18px;  
}

/*File Upload*/

.fileUploadContent {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.fileUploadContent a
{
    height: 35px;
    border-radius: 10px;
    border: 1px solid #711984;
    color:#711984;
    background:transparent;
    cursor:pointer;
    display:inline-flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    padding:0px 20px;
    width:160px;
    margin-right:15px;
}

.fileUploadContent a:hover
{
    background: linear-gradient(115deg, rgba(113,25,132,0.1) 0%, rgba(165,165,165,0.1) 100%);
    opacity:1;
}

.fileUploadContent .uploadFileTextBoxClass
{
    width:235px;
} 

/* RWD */

@media screen and (max-width: 1366px) {
  #main.main .topMenuMain .topmenu a#TopMenu1_topMenuProgramUrl
    {
        background:url("../../Images/Layout/DealerPakietow/WTW_logo_2022.svg") scroll no-repeat 10px center transparent;
        background-size:180px auto;
    }
    
  #main.main .topMenuMain .topmenu
    {
        padding-right:15px;
    }
    
    #Div2LoginProgramAppChoice
    {
        margin-right:15px;
    }
}

/*webkit srollbar*/

::-webkit-scrollbar {
    width: 11px;
}

::-webkit-scrollbar-button
{
    height:5px;
}
  
::-webkit-scrollbar-track 
{
    background: rgba(165, 165, 165, 1);
    border-left: 5px solid white;
    border-right: 5px solid white;
}
  
::-webkit-scrollbar-thumb
{
    background: rgba(113, 25, 132, 0.8);
    border-radius: 10px;
    height:100px;
}

/*PAKIETY-964 MW styles*/

.selectContainer .optionWrapper{
    max-height: 300px;
}

input[type="submit"].accordionBtn, input[type="button"].accordionBtn {
    border-radius: 4px;
    border: 1px solid rgba(165,165,165,0.5);
    background-color: #fff;
    padding: 0 20px;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 20%);
    text-transform: uppercase;
    font-weight: 600;
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) calc(50% + 1px);
    background-size: 16px auto;
    padding-right: 35px;
}

input[type="submit"].accordionBtn.up, input[type="button"].accordionBtn.up {
    background-image: url("../../Images/Layout/DealerPakietow/ico/Icon ionic_ios_arrow_up_primaryColor.svg");
    }
input[type="submit"].accordionBtn.up::after,input[type="button"].accordionBtn.up::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0
        }
input[type="submit"].accordionBtn.down,input[type="button"].accordionBtn.down {
    background-image: url("../../Images/Layout/DealerPakietow/ico/Icon ionic_ios_arrow_down_primaryColor.svg");
    }

.transparentGroup {
    border: none;
    margin:0;
    padding:0;
}

.rightSeparator {
    border-right: 1px solid #711984;
}

fieldset.rightSeparatorFieldset, fieldset.leftSeparatorFieldset {
    padding: 0px;
    margin: 0px;
    border: none;
    border-radius: 0;
    background: transparent;
}
fieldset.rightSeparatorFieldset > legend, fieldset.leftSeparatorFieldset > legend,  fieldset.hiddenFieldset > legend {
    display: none;
    }
fieldset.rightSeparatorFieldset {
    /*padding-right: 28px;*/
    border-right: 1px solid #711984;
}
fieldset.leftSeparatorFieldset {
    padding-left: 28px;
    border-left: 1px solid #711984;
}

fieldset.hiddenFieldset.rightSeparatorFieldset {
    padding-left: 28px;
}

.field td input[type="checkbox"] + label, .field td input[type="radio"] + label {
    padding-right: 30px;
}

.field td:last-of-type input[type="checkbox"] + label, .field td:last-of-type input[type="radio"] + label {
    padding-right: 0px;
}

.field .formvalidation_fieldError td:last-of-type input[type="checkbox"] + label , .field .formvalidation_fieldError td:last-of-type input[type="radio"] + label
{
    padding-right: 30px;
}


html .selectMaterialHiddenSelect{
    display:none !important;
}

.ajax__tab_body .field{
    min-height:51px;
}

html .complexfield table tbody tr td input[value="..."] {
    display: none;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div3LoginProgramAppChoiceClass div#TopMenu1_LoginProgramAppChoicePanel_panelProgram{
    width:105px;
}

#main.main + #TopMenu1_LoginProgramAppChoicePanel_LoginProgramAppChoiceDiv .CenteredDivLoginProgramAppChoice .Div3LoginProgramAppChoiceClass img + div#TopMenu1_LoginProgramAppChoicePanel_panelProgram{
    display:none;
}

html .field.noIcon input[type="text"].datetextbox,
html .field.noIcon input[type="text"],
html .field.noIcon input[type="password"],
html .field.noIcon input,
html input[type="text"].emailtemplate {
    background-image: none;
}

.field.TippedToolTipField > input,
.field.TippedToolTipField > .styledSelect,
.field.TippedToolTipField > span.value,
.field.TippedToolTipField > textarea,
.field.TippedToolTipField > .inputWrapper {
    width: auto;
    margin-right: 4px
}

/*EDIT ORGANIZATION POPUP*/

#MC_OrganizationManagement_FormPopupForm_formPanel
{
    width:auto !important;
}

#MC_OrganizationManagement_FormPopupForm_formPanel .lowerbuttonbar
{
    display:none;
}

/*READONY DISABLED*/

.ReadOnly input,
input.ReadOnly,
.field input:disabled,
.fielddd.ReadOnly.formvalidation_fieldValid[readonly="readonly"],
.datetextbox.ReadOnly.formvalidation_fieldValid[readonly="readonly"]  {
    background-color: #f2f2f2;
    color: #777777;
    cursor: text;
}

/*forms/styles.css hack*/

html .fielddd.ReadOnly.formvalidation_fieldValid[readonly="readonly"],
html .datetextbox.ReadOnly.formvalidation_fieldValid[readonly="readonly"]
{
    border-radius:8px;
}

/*Complex Buttons*/

.field.complexfield .ComplexOptButItem .complexActionsMenu
{
    cursor:pointer;
}

.field.complexfield .ComplexOptButItem .complexActionsMenu table,
.field.complexfield .ComplexOptButItem .complexActionsMenu table tr,
.field.complexfield .ComplexOptButItem .complexActionsMenu table td,
.field.complexfield .ComplexOptButItem .complexActionsMenu table th
{
    padding:0px; 
    margin:0px;
    background:transparent;
    box-shadow:none;
    border:none;
}

/*Fields inside Complex table*/

.field.complexfield  table .field
{
    min-height:0px;
    padding:0px;
}

/*checkboxComplexTemplate */

.field.checkboxComplexTemplate tr th
{
    display:none;
}

.field.checkboxComplexTemplate tr td
{
    padding-bottom:16px;
}

.field.checkboxComplexTemplate tr td span
{
    display:inline-flex;
    align-items:center;
    min-height:calc(51px - 16px);
}

.field.checkboxComplexTemplate tr:last-of-type td
{
    padding-bottom:0px;
}

html .ajax__tab_xp.ajax__tab_container h4
{
    margin-bottom:13px;
}

/*Dodawanie wpisu do dziennika*/

.JournalContent .EntryPanel
{
    max-width:445px;
}

.JournalContent .EntryPanel .field > .fieldlabel,
.JournalContent .EntryPanel .field.fieldPerson > span:not(.validator)
{
    width: 114px;
}

.JournalContent .EntryPanel .field > span.validator,
.JournalContent .EntryPanel .field.fieldDate > span:not(.fieldlabel)
{
    position:absolute;
    left:130px;
    pointer-events:none;
    bottom: -5px;
    font-size: 12px;
}

.JournalContent .EntryPanel .field .ajax__calendar_container
{
    z-index:9;
}

/*walidacja formularza*/
.ajax__tab_container
{
    position:relative;
}

/*Wsparcie klas Klienta*/

.transparentgroup > div[class="_body"]{border:none !important; margin:0px 0px 0px -8px !important; padding: 0px !important;}

.transparentgroup > div[class="_header"]{display:none !important;}

div.gridbox_dhx_terrace table.obj.row20px tr td:first-child {
padding-left: 5px !important;
}

.ui-autocomplete.optionWrapperExternal {
    background-color: #ffffff !important;
    border-radius: 8px;
    position: fixed  !important;
    max-height: 300px;
    border: 1px solid #00000033;
    margin-top: 50px;
    padding: 10px 0px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 999999;
}

    .ui-autocomplete.optionWrapperExternal.ui-widget-content .ui-menu-item div.ui-menu-item-wrapper {
       border-color: transparent !important;
        width: 100%;
        padding: 5px 15px 5px 12px !important;
        font-size: 14px !important;
        font-weight: 500;
    }

    .ui-autocomplete.optionWrapperExternal.ui-widget-content .ui-menu-item {
        padding: 0!important;
        font-size: 14px !important;
        font-weight: 500;
    }
    
   
.ui-autocomplete.optionWrapperExternal.ui-widget-content .ui-state-active
{
	background: rgba(165, 165, 165, 0.3);
	cursor:pointer;
}


#MC_btnsavemainprogram
{
    margin-top: 20px;
}

.dhx_toolbar_shadow
{
    background-color: transparent;
    height:auto;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn div.dhxtoolbar_text {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #711984;
    cursor: pointer;
}

div.dhx_toolbar_poly_dhx_terrace .tr_btn_over td, div.dhx_toolbar_poly_dhx_terrace .tr_btn_selected td
{
    background-color: transparent !important;
}

/*PAKIETY-1484*/

div.gridbox_dhx_terrace.gridbox table.hdr td div.hdrcell label {
    padding-left: 0 !important;
}

.modalPopup.validationModalPopup .ModalContent > br + span {
    width:100%;
}

form[action="./GroupOperationList.aspx"] .modalPopup.validationModalPopup .ModalContent span.Valid {
    color: #0ba71b;
}

form[action="./GroupOperationList.aspx"] .modalPopup.validationModalPopup .ModalContent span.Error {
    color: #ff0000;
}

td input[type="checkbox"].masterCheckbox {
    margin-right:-1px;
}


form[action="./GroupOperationList.aspx"] .modalPopup.validationModalPopup .popupHandle + div[align="center"] .ModalButtonsDiv {
    position: absolute !important;
    bottom: -100px !important;
    box-shadow: 0px 2px 5px 0px rgb(0, 0, 0, 0.2);
}

form[action="./GroupOperationList.aspx"] .modalPopup.validationModalPopup .popupHandle + div[align="center"] {
    max-height: calc(100vh - 300px);
    overflow: unset !important;
    position: relative;
}

form[action="./GroupOperationList.aspx"] .modalPopup.validationModalPopup .ModalContent {
    max-height: calc(100vh - 500px) !important;
}