:root {

    --backgroundColor: #f3f3f3 !important;
    --fontColor: #757575 !important;
    --blueButtonColor: #0077ba !important;
    --greyButtonColor: #d2d3d4 !important;
    --newThemeBackground: #FAFAFA !important;
    --newThemeColor: #757575 !important;
    --newThemeHihglightBackground: #eeeeee !important;
    --newThemeHighlight: #0077BA !important;
    --newThemeBorderColor: #bfbfbf ;
    --newThemeBorderColor2: #d3d3d3;
    --newThemeHighlight2: #00de7d;
    --fontColorDark: rgba(0,0,0,0.85);//rgba(0,0,0,0.65);
    --darkerColorFont: #777; 
    --lighterFiltrColor: rgb(0,0,0,0.45);
    --inputTextPlaceHolderColor:      rgb(0,0,0,0.35);
    --inputTextBackgroundResults:      rgb(0,0,0,0.05);

    --fontFamily: Verdana, "Times New Roman", sans-serif !important;
}

#helpStyle {
    text-align: justify;
    /*height: 100% !important;*/
}

input.ui-state-focus {
    color: var(--fontColorDark) !important;
}

.ui-messages-error,.ui-messages-info {
    font-size: 0.8em;
}

.ui-messages-error-summary,.ui-messages-error-detail,.ui-messages-info-summary,.ui-messages-info-detail {
    margin-left: 0px;
}

.login_register_label {
    display: block;
    color: var(--fontColorDark) !important;
}

.login_register_div {
    max-width: 100%;
    margin-top: 2px; 
    padding-left: 2px; 
    background: var(--newThemeBackground);
    border: 1px var(--newThemeBorderColor2) solid;
}

.login_register_icon {
    width: 15px;
    text-align: center;
    color: var(--newThemeHighlight2); 
}

.login_text {
    margin-left: 5px; 
    display: inline-block; 
    border: none !important;
    width: calc(100% - 20px); 
    padding: 4px 0 !important;
    max-width: 100% !important;
}

.register_text {
    width: 100%;
    margin-top: 2px;
    display: inline-block;
    padding: 4px 0 !important;
    max-width: 100% !important; 
}

.login_register_btn {
    width: 300px; 
    display: block; 
    margin: 0 auto;
}

.ui-widget {
    font-family: var(--fontFamily) !important;
}

#accept_personal_data_label, #accept_marketing_label, #accept_regulations_label {
    width: calc(100% - 35px);
    text-align: justify;
}

#footer_outside_panel > div {
    padding: 0px !important;
}

.ui-state-active{
    border: none !important;
}
.ui-chkbox-box.ui-state-active {
    border: 1px solid #d3d3d3 !important;
}

.noarrowStyle span.ui-treetable-toggler.ui-icon.ui-icon-triangle-1-s.ui-c{
    display: none;
}
.inputData > .ui-state-disabled{
    color: var(--fontColorDark) !important;
}				 
.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-highlight{
    background: var(--newThemeBackground);
}
.jqplot-yaxis {
    margin-right: 10px;
}
.jqplot-point-label {
    font-size: 0.625em !important;
    /*    font-family: Verdana,"Century Gothic","Times New Roman",sans-serif !important;*/
    font-family: var(--fontFamily) !important;
}
.jqplot-target {
    /*font-family: Verdana,"Century Gothic","Times New Roman",sans-serif !important;*/
    font-family: var(--fontFamily) !important;
}
.jqplot-hidden-point {
    visibility: hidden;
}
.jqplot-visible-point {
    visibility: visible;
}
.greyToGreen,.GreenSparkle:hover, .ui-state-disabled.greyToGreen:hover{
    background: none !important;
    border: var(--newThemeHighlight2) 1px solid !important;
    color: var(--blueButtonColor) !important;
    font-size: 1.1em !important;
    font-weight: bold !important;
    transition: ease 0.3s all !important;
    border-radius: 18px  !important;
}

.GreenSparkle,.greyToGreen:hover{
    background: var(--newThemeHighlight2) !important;
    border: var(--newThemeHighlight2) 1px solid !important;
    color: var(--blueButtonColor) !important;
    font-size: 1.1em !important;
    font-weight: bold !important;
    transition: ease 0.3s all !important;
    border-radius: 18px  !important;
}
.newGreyButton, .ui-state-disabled.newGreyButton:hover{
    background: none !important;
    border: var(--newThemeHighlight2) 1px solid !important;
    color: var(--blueButtonColor) !important;
    font-size: 1.1em !important;
    font-weight: bold !important;
    transition: ease 0.3s all !important;
    border-radius: 18px  !important;
}

.newGreyButton:hover{
    background: var(--newThemeHighlight2) !important;
    border-radius: 18px  !important;
    border-color: var(--newThemeHighlight2) !important;
    color: var(--blueButtonColor) !important;
    font-size: 1.1em !important;
    font-weight: bold !important;
    transition: ease 0.3s all !important;
}
/*@media(min-width: 1300px){*/
.pg_noborder_padding.ui-panelgrid > tbody > tr, .pg_noborder_padding.ui-panelgrid > tbody > tr > td, .pg_noborder_padding.ui-panelgrid > tfoot > tr, .pg_noborder_padding.ui-panelgrid > tfoot > tr > td, .pg_noborder_padding .ui-panelgrid .ui-panelgrid-cell{
    border: window !important;
    /*}*/
}

body {
    font-size: 13.5px !important;
    background-color: var(--newThemeHihglightBackground) !important;
}
.standingTable td,.standingTable tr,.standingTable div{
    background: none;
}
/*.newGreenButton{
    background: var(--newThemeHighlight2) !important;
    border-radius: 18px  !important;
    border: 1px solid var(--newThemeHighlight2) !important;
    color: var(--blueButtonColor) !important;
    font-size: 1.1em !important;
    font-weight: bold !important;
    transition: ease 0.3s all !important;
}
.newGreenButton:hover{
    transition: ease 0.3s all !important;
    background: none !important;
}
.newGreenButton span{
    color: var(--blueButtonColor) !important;
}*/					 
#user_profile_form input,#user_profile_form .file-button,#account_change_form_id input,
#newIndexDef_from input, #formula_builder ul,#password_change_form_id input,
#client_form input,#client_form .file-button,.inputBackground input,.inputBackground textarea,
#balance_upload .file-button ,#account_upload .file-button,
.insideInputColor,.insideInputColor input,.file-button {
    background: var(--newThemeBackground) !important;
    color: var(--fontColorDark) !important;
}
#account_change_form_id label{
    color: var(--fontColorDark);
}
.tableTest td{
    color: var(--fontColorDark) !important;
}
.tableTest>table>tfoot>tr>td{
    background: var(--inputTextBackgroundResults) !important;
}
.backgroundColorInside ,.backgroundColorInside>button{
    background: var(--newThemeBackground) !important;
    color: var(--fontColorDark);
}
.fontColorInside label,.fontColorInside div,.fontColorInside span,.fontColorInside td{
    color: var(--fontColorDark) !important;
}
.fontColorInsideFilter label,.fontColorInsideFilter div,.fontColorInsideFilter span,.fontColorInsideFilter td{
    color: var(--lighterFiltrColor) !important;
} 
/*#user_profile_form label,#user_profile_form input,#user_profile_form div,#user_profile_form > .file-button
{
    color: var(--fontColorDark);
}*/
.newGreenButton, .ui-state-disabled.newGreenButton:hover{
    background: var(--newThemeHighlight2) !important;
    border-radius: 18px  !important;
    border: 1px solid var(--newThemeHighlight2) !important;
    color: var(--blueButtonColor) !important;
    font-size: 1.1em !important;
    font-weight: bold !important;
    transition: ease 0.3s all !important;
}
.newGreenButton:hover{
    transition: ease 0.3s all !important;
    background: none !important;
}

.newGreenButton span{
    color: var(--blueButtonColor) !important;
}
#admin_menu_form p{
    color: var(--fontColorDark);
}
::-moz-placeholder { /* Code for Firefox */
    color: var(--inputTextPlaceHolderColor);
}

::-webkit-input-placeholder { /* Chrome, Safari and Opera */
    color: var(--inputTextPlaceHolderColor);
}

:-ms-input-placeholder { /* Internet Explorer */
    color: var(--inputTextPlaceHolderColor);
}

::placeholder {
    color: var(--inputTextPlaceHolderColor);
}

.panelborder {
    border: 1px solid var(--newThemeBorderColor2);
}
#comment_view >div{
    padding-right: 0 !important; 
}
.ui-chkbox-icon.ui-icon.ui-icon-blank.ui-c{
    background: var(--inputTextBackgroundResults);
}
.ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left,.ui-paginator-next.ui-state-default.ui-corner-all,.ui-paginator-last.ui-state-default.ui-corner-all,
.ui-paginator-prev.ui-state-default.ui-corner-all,.ui-paginator-first.ui-state-default.ui-corner-all,.ui-paginator-page.ui-state-default.ui-corner-all{
    background: var(--newThemeBackground);
}

.ui-paginator-page.ui-state-default.ui-corner-all.ui-state-active,.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active{
    background: lightgrey;
}
.ui-paginator-current{
    color: var(--fontColorDark);
    font-weight: 100;;
}
.highlightRow{
    background: var(--newThemeBackground) !important;
}
.darker:hover{
    background: #eeeeee !important;
}
.tdList1{width: 40%;padding-left: 0 !important}
.tdList2{width: 28%}
.tdList3{width: 36%;
}
.iconStyle{
    position: relative;
}
.minHeightTd td,.minHeightTd th,.minHeightTd tr{
    min-height: 60px;
}
.iconStyle::before{
    left: -5px;
    z-index: 999999999;
    position: relative;
    content: "\f0a2";
}
.noBackgroundInsideCalendar > input,.noBackgroundInsideCalendar >button{
    background: var(--newThemeBackground) !important;
}
.newHeader{
    letter-spacing: 2px !important;
    font-weight: lighter !important;
    font-size: 1.2em !important;
    color: var(--fontColorDark);
}
.greenBlueButton{
    width: 200px;
    border-radius: 90px;

    padding: 5px;
    color: white !important ;
    background:#0077ba !important;
}
.whiteGreenButton{
    width: 200px;
    border-radius: 90px;
    padding: 5px;
    background: #00e362 !important;
    color: white !important;
}
.noPaddingInsideDiv >div{
    padding: 0 5px 0 5px !important;
}
.noPaddingTop{
    padding-top: 0 !important;
}


.whiteHeader th{
    background: white !important;
}
.noSidePadding >div{
    padding: 0.5em 0 !important;
}
.mainFontStyle{
    color: var(--newThemeColor) ;
    font-size: 14px;
    font-weight: bold;
    /*letter-spacing: 2px;*/

}
.CommentDiv >div{
    padding-top: 0 !important;
    padding-right: 2px !important;
}
#northlayout{
    border-right: none !important;
}
.row{
    color: var(--fontColorDark) !important ;
    font-size: 13px;
}
.sub_header{
    color: var(--fontColorDark) !important ;
    font-size: 13px;
    /*font-weight: bold;*/
}
.main_header{
    color: var(--fontColorDark)  !important;
    font-size: 13px;
    font-weight: bold;
    background: var(--newThemeBackground) !important;
    /*letter-spacing: 2px;*/
}
.mediumFontStyle{
    color: var(--newThemeColor) ;
    font-size: 13px;
}
.smallFontStyle{
    color: var(--lighterFiltrColor);
    font-size: 11px !important;
}
.smallFontStyle.ui-chkbox-box {
    width: 13px !important;
    height:  13px !important;
}
.smallFontStyle > span{
    color: var(--lighterFiltrColor);
    font-size: 11px !important;
}
#northlayout{
    background: var(--newThemeBackground) !important;
}
.helpMargins{
    margin-top: 80px !important;
}
.tbody255 >tbody{width: 254px !important;}
.ui-panelmenu .ui-panelmenu-header a {
    padding: 0.5em 0.5em 0.5em 2.5em;
}

.ui-panelmenu .ui-panelmenu-header span {
    /*    display: none;*/
}

.newThemeBackground{
    background:  var(--newThemeBackground) !important;
    border-right : 1px solid var(--newThemeBorderColor2) !important;
    /*border-top: 1px solid var(--newThemeBorderColor) !important;*/


}

.listMenuLink {
    width: 8px;
    color: var(--fontColorDark) !important;
}

.newThemeMenuTDbuottom > a:hover, .newThemeMenuTDbuottomNotMobile > a:hover {
    background: var(--newThemeHihglightBackground) !important;
}

.newThemeMenuTD{
    border-top: 1px solid var(--newThemeBorderColor2);
    height: 50px;
}
.newThemeMenuTDbuottom, .newThemeMenuTDbuottomNotMobile {
    border-bottom: 1px solid var(--newThemeBorderColor2);
    height: 50px;
    vertical-align: initial;
}

.newThemeMenuTDbuottom > a, .newThemeMenuTDbuottomNotMobile > a {
    padding: 7px 0px 8px 0px;
}

/*.newThemeMenuTDbuottom > a.selectedTopMenuClass, .newThemeMenuTDbuottomNotMobile > a.selectedTopMenuClass {
    background: var(--greyButtonColor);
}*/

.newThemeMenuTDbuottom > a.selectedTopMenuClass > i, .newThemeMenuTDbuottom > a.selectedTopMenuClass > span, .newThemeMenuTDbuottomNotMobile > a.selectedTopMenuClass > i, .newThemeMenuTDbuottomNotMobile > a.selectedTopMenuClass > span {
    color: var(--newThemeHighlight) !important;
}

.tableNotFirstBorder > tbody > tr:nth-of-type(3) > td.newThemeMenuTDbuottom, .tableNotFirstBorder > tbody > tr:nth-of-type(4) > td.newThemeMenuTDbuottomNotMobile {
    border-bottom: none !important;
}

.tableNotFirstBorder >tbody >tr:first-of-type td{
    border-top: none !important;
}
.tableNoLastBorder >tbody > tr:nth-child(4) >td{
    border-top: none !important;
}
.tableNoBorderOnSecondAndBorderOnLast >tbody >tr:nth-child(3) >td{
    border-top: none !important;
}
.tableNoBorderOnSecondAndBorderOnLast >tbody > tr:nth-child(4) >td{
    border-bottom: 1px solid var(--newThemeBorderColor2);
}
.newThemeMenuTD2{
    border-bottom:none !important;
}
.newThemeFontColor{
    color: var(--fontColorDark) !important;
}

.testDelete >div:first-of-type> h3{
    display: none !important;
}
.testDelete >div:first-of-type >  div a{
    padding: 0.5em 0.5em 0.5em 21px;
    font-size: 1.375em !important;
}
.testDelete >div:first-of-type >  div a:hover{
    background: none !important;
}
#leftAnalysisMenu .ui-state-hover, #leftAnalysisMenu .ui-widget-content .ui-state-hover, #leftAnalysisMenu .ui-widget-header .ui-state-hover, #leftAnalysisMenu .ui-state-focus, #leftAnalysisMenu .ui-widget-content .ui-state-focus, #leftAnalysisMenu .ui-widget-header .ui-state-focus {
    border: none;
    background: none;
    font-weight: normal !important;
    color: var(--newThemeHighlight) !important;
    background-color: (--newThemeHihglightBackground) !important;
}

#leftAnalysisMenu .ui-panelmenu .ui-panelmenu-header, #leftAnalysisMenu .ui-state-default, #leftAnalysisMenu .ui-widget-content .ui-state-default, #leftAnalysisMenu .ui-widget-header .ui-state-default {
    background: none;
    background-color: var(--newThemeBackground) !important;
    border: none;
    /*    color: var(--newThemeColor) !important;*/
    color: var(--fontColorDark) !important;
}

#leftAnalysisMenu .ui-state-default a, #leftAnalysisMenu .ui-state-default a:link/*, #leftAnalysisMenu .ui-state-default a:visited*/ {
    color: var(--newThemeColor) !important;
    font-weight: normal;
}

#leftAnalysisMenu .ui-state-default a:visited {
    font-weight: normal;
}

#leftAnalysisMenu .ui-state-active a, #leftAnalysisMenu .ui-state-active a:link/*, #leftAnalysisMenu .ui-state-active a:visited*/ {
    /*    color: var(--newThemeColor) !important;*/
    color: var(--fontColorDark) !important;
    font-weight: normal;
    /*border-left: 5px #0077ba solid;*/
    /*background-color: var(--newThemeHihglightBackground) !important;*/
}
#leftAnalysisMenu .ui-state-active a:visited {
    font-weight: normal;
}

#leftAnalysisMenu .ui-widget-content {
    border: none;
}
a.leftMenu:link {
    text-decoration: none;
    border: none !important;
    color: var(--fontColorDark) !important;
}

a.leftMenuBigLink:link {
    display: block;
    margin-left: 0px; 
    padding: 7px 0px 7px 38px;
    font-size: 15px !important; 
    /*    color: var(--newThemeColor) !important;*/
    color: var(--fontColorDark) !important;
}

a.leftMenu:visited {
    /*color: var(--newThemeHighlight) !important;*/

    text-decoration: none;
}

a.leftMenu:hover {
    color: var(--newThemeHighlight) !important;
    background: var(--newThemeHihglightBackground) !important;
    font-weight: normal;
}
a.selectedMenuClass:link {
    color: var(--newThemeHighlight) !important;
    /*    background: var(--newThemeHihglightBackground) !important;*/
    background: var(--greyButtonColor) !important;
}

.ourLinks{
    color: var(--fontColorDark) !important;
    padding: 5px !important;
}
.ourLinks:hover{
    background: lightgray !important;
    padding: 5px !important;
    color: var(--newThemeHighlight) !important;
    text-decoration: none !important;
}
#leftAnalysisMenuShort .ui-state-hover, #leftAnalysisMenuShort .ui-widget-content .ui-state-hover, #leftAnalysisMenuShort .ui-widget-header .ui-state-hover, #leftAnalysisMenuShort .ui-state-focus, #leftAnalysisMenuShort .ui-widget-content .ui-state-focus, #leftAnalysisMenuShort .ui-widget-header .ui-state-focus {
    border: none;
    background: none;
    font-weight: normal !important;
    color: var(--newThemeHighlight);
    background-color: (--newThemeHihglightBackground)
}

#leftAnalysisMenuShort .ui-panelmenu .ui-panelmenu-header, #leftAnalysisMenuShort .ui-state-default, #leftAnalysisMenuShort .ui-widget-content .ui-state-default, #leftAnalysisMenuShort .ui-widget-header .ui-state-default {
    background: none;
    background-color: var(--newThemeBackground);
    border: none;
    color: var(--newThemeColor);
}

#leftAnalysisMenuShort .ui-state-default a, #leftAnalysisMenuShort .ui-state-default a:link/*, #leftAnalysisMenuShort .ui-state-default a:visited*/ {
    color: #a6a6a6;
    font-weight: normal;
}

#leftAnalysisMenuShort .ui-state-default a:visited {
    font-weight: normal;
}

#leftAnalysisMenuShort .ui-state-active a, #leftAnalysisMenuShort .ui-state-active a:link/*, #leftAnalysisMenuShort .ui-state-active a:visited*/ {
    color: #ffffff;
    font-weight: normal;
    border-left: 5px #0077ba solid;
}

#leftAnalysisMenuShort .ui-state-active a:visited {
    font-weight: normal;
    border-left: 5px #0077ba solid;
}

#leftAnalysisMenuShort .ui-widget-content {
    border: none;
}
.ui-panelmenu .ui-menuitem-link{

}


.padding10bottom{
    padding-bottom: 10px !important;
}
.noDisplayHelpText{
    display: none !important;
    color:gray !important;
}
.displayHelpText{
    display: block !important;
    color:gray !important;
}
.helpIcon{
    color:grey !important;
    background: none !important;
    border: none !important;
    float: right;height: 17px;
}
.copyRightStyle{
    color:gray;
}
.padding10right{
    padding-right: 10px !important;
}
.padding28left{
    padding-left: 28px !important;
}
.noBorderFilterTable td,tr{
    border: none !important;
}
.noBorderFilterTable{
    width:95%;box-shadow: 5px 9px 20px 5px #757575; ;border: 1px solid gray;display: block;z-index: -10;position: absolute;transition: all 1.5s ease;background: white;opacity: 0
}
.toggleButton{
    background: none !important;
    border: none !important;
    padding-right: 10px;
    transform: scale(1.2);
}
.displayTable{
    display: ;
}
.displayFiltrNormal{
    display: ;
}
.displayFiltr{
    display: none;
}
.newUndisplay{
    display: ;
}
.displayGrid{
    display:none
}

.block50to100 td{
    width: 50%;

}

.row100 td{
    width: 100%;
}

.lightBorder td{
    border:  1px solid #f3f3f3 !important;
}
.noPadding5{
    padding: 5px !important; text-align: center;
    background: #eeece1 !important; margin-right: -12px; margin-left: -13px;
}
.width50P{
    width: 50%;
}
.width50PTop {
    width: 50%;
    vertical-align: top;
}

.empty-logo {
    width: 200px; 
    height: 100px; 
    margin: 0 auto; 
    display: table; 
    text-align: center;
    border: 1px solid var(--newThemeBorderColor2); 
}

.empty-logo > div {
    font-size: 1.75em; 
    font-style: italic;
    display: table-cell; 
    vertical-align: middle; 
    color: var(--newThemeBorderColor2) !important; 
}

.rightAlignTD{
    text-align: right !important;
    border: none;
}
.td50P td{
    width: 50%;
}

.colBoldMiddle{
    text-align: center;
    font-weight: bold;
}
.noborderDataGrid > div{
    border: none;
}
.nobullet_nomargin ul {
    margin: 0;
}
input.ui-inputfield, input.ui-inputtext{
    max-width: 96%;
}
button.ui-button{
    max-width: 96%
}
.firstColOur >tbody >tr:nth-of-type(1) td{
    text-align:  center !important;
    height: 90px !important;
    width: 100% !important; 
    background-color: var(--newThemeBackground) !important;
    padding: 0 !important;
    max-width: 100% !important;
    /*    border: 1px var(--newThemeBorderColor2) solid !important;
        border-left:  1px var(--newThemeBorderColor2) solid !important;
        border-right:  1px var(--newThemeBorderColor2) solid !important;*/
    border-bottom:  1px var(--newThemeBorderColor2) solid !important;
}
.firstColOur >tbody >tr:nth-of-type(2) td{
    width: calc(100% - 20px) !important;
    /*width:500px;*/ 
    background-color: #ffffff;
    /*max-width: 90% !important;*/
    vertical-align: middle !important;
    /*border-left:  1px var(--newThemeBorderColor2) solid !important;*/
    border-right:  1px var(--newThemeBorderColor2) solid !important;
    border-bottom:  1px var(--newThemeBorderColor2) solid !important;
}
.firstColOur >tbody >tr:nth-of-type(3) {display: none;}
.firstColOur >tbody >tr:nth-of-type(3) td{
    height: 100%;
    vertical-align: bottom;
    text-align: center;
    padding: 0 ;
    width: 100% !important; 
    background-color: #1F150B !important;

}
.hoverTest:after{
    width: 0%;
    height: 100%;
    top: 0;
    left: 50%;
    background: white;
    content: '';
    position: absolute;
    z-index: -1;
    /*opacity: 0;*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.hoverTest:before{
    width: 0%;
    height: 100%;
    top: 0;
    right:  50%;
    background: white;
    content: '';
    position: absolute;
    z-index: -1;
    /*opacity: 0;*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.hoverTest{
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 0;
}
.hoverTest:hover:before,
.hoverTest:active:before{
    width: 50%;
    /*opacity: 0.7;*/
}
.hoverTest:hover:after,
.hoverTest:active:after{
    width: 50%;
    /*opacity: 0.7;*/
}
.hoverTest:hover,
.hoverTest:active{
    color:black;
    box-shadow: none;
    border: none;
    /*opacity: 1;*/
    /*font-weight: bold;*/
    font-size: 1.1em;

}
.mobile{
    /*spr czy czegos nie ry*/
    display: none !important;
}
.transitionEase{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.initHelpStyle{
    transition: all 0.4s ease;
    /*display: block !important;*/
    z-index: 10 !important;
    max-width: 400px !important; 
}
.helpOn{
    margin-right: 0px !important;
    display: block !important;
}
.helpOff{
    margin-right: -600px !important;
    display: block !important;
}
.spanButton span:first-of-type{
    margin: auto !important;
    height: auto !important;
    position: initial !important;
    top: initial !important;
    left: initial !important;
}
.spanButton > .ui-button-text {
    display: none !important;
}
#leftSide {
    top: 51px !important;
    border-top: 1px solid var(--newThemeBorderColor2) !important;
    z-index: 10 !important;
}
#northlayout{
    /*border-left: 2px solid black;*/
}
/*DO WERYFIKACJI*/
/*.arrowButtonStyle:hover{
    transform: scale(1.3) !important;
}*/
/*KONIEC DO WERYFIKACJI*/
.spanNoWidth > .ui-treetable-toggler{
    display: none;
}
.blockto100 td{vertical-align: top;}
.colorButton {
    /*width: 15px !important;*/
    /*float: right !important;*/
    border: 1px solid black !important;
    /*-moz-border-radius: 0px !important;*/
    /*-webkit-border-radius: 0px !important;*/
    /*border-radius: 0 !important;*/
    /*background: none !important;*/
    /*position: absolute !important;*/
}

.colorButton:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.colorButton span {
    width: 16px !important;
    padding: 0px !important;
    height: 16px !important;
    text-indent: 2em !important;
}
.tableBorder td{
    border-color: #c6c6c6 !important; 
}
.tableNoth th{
    display: none;
}
.phone{
    display: none;
}
.notPhone{
    display: ;
}
.lineTest1 td:first-of-type{
    width: calc(100% - 30px) !important;
}

.ui-tabs-nav {
    display: none !important;
}
.ui-tabs-panels{
    border-top: none;
}
.noBackground div, .noBackground td, .noBackground tr{
    background: none;

}

.noPaddingOnChartButtons td {
    padding: 1px 1px !important;
}

.noPaddingOnChartButtons table {
    padding: 0px 0px !important;
    margin-left: 0px !important;
}
.inputTextNoBackGround{
    /*font-size: 0.9em !important;*/
    font-weight: lighter !important;
    font-size: 1.1em !important;
    letter-spacing: 1.2px !important;
}

.inputTextNoBackGround {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0 !important;
    background: inherit !important;
    border-width: 0 0 1px 0 !important;
}

.tableTest th{
    background: white !important;
    border: 1px solid #d3d3d3 !important;
}

.tableTest td {
    border: 1px solid #d3d3d3 !important; 
}
.tableTest tr:hover{
    background: #eeeeee !important;/*var(--newThemeBackground)*/
}
.fontColorBrighter  {
    color: var(--fontColor) !important;
    font-family: var(--fontFamily) !important;
}
/*.ui-widget {
    color: var(--fontColor) !important;
    font-family: var(--fontFamily) !important;
}

.ui-widget-content {
    color: var(--fontColor) !important;
    font-family: var(--fontFamily) !important;
}

.ui-selectonemenu-label {
    color: var(--fontColor) !important;
    font-family: var(--fontFamily) !important;
}*/

h6{
    font-size: .95em !important;
    font-weight: lighter !important;
}
.legendStyle {
    /*display: none;*/
    border: none !important;
}

.legendStyle td {
    background: none !important;
}
.legendStyle tbody {
    border: none !important;
}
.getBigger{
    font-size: 1.3em !important;
}
.getHuge{
    font-size: 1.5em !important;
}
.textCentre td{
    text-align: center !important;
}

.notdBorder td{
    border: none !important;
}
th.noheader {
    border: none;
    visibility: hidden;
    padding: 0px 10px !important;
    border-width: 0px !important;
    border-style: none !important;
}
.noBackgroundTR  tr{
    background: none !important;
}
.div50 div{
    width: 48% !important;
}
#menuSwitch div{
    background: none !important;
    color: white !important;
}
#menuSwitch > div.ui-state-active{
    background: #0077BA !important;
    color: white !important;
    border: none !important;
}
#analysis_wizard_form .ui-widget-content{
    border: none;
}
.resultsPanel,#analysis_wizard_form .ui-wizard-content{
    width: auto !important;
    margin: auto !important;
    border: 1px var(--newThemeBorderColor2) solid;
}
.firstColumn{
    width: 5%;
    vertical-align: top !important;
    padding: 0 !important;
}
.firstColumn table , .firstColumn tr,.firstColumn td{
    padding-left:  0 !important;
}
.secondColumn{
    width: 95%;
    padding: 0px !important;
    /*background:  white !important;*/
}
#charts_view  div{
    padding: 0 !important;
}
#charts_view div.jqplot-title {
    padding-bottom: 0.5em !important;
}
.testRadio td{
    border: none !important;
}
.onlyProgress{
    border: none;
    box-shadow: none;
}

.topAlignedColumns td.ui-datagrid-column {
    vertical-align: top;
} 

@media(max-width:1355px){
    .displayFiltrNormal{
        display: none ;
    }
    .displayFiltr{
        display: block;
    }
}
@media(min-width:1011px){

    input.ui-inputfield.ui-inputtext.smaller-select{
        max-width: 200px !important;
    }
    .ui-selectonemenu.smaller-select{
        max-width: 200px;
    }
    .menuOff{
        margin-left: -300px !important;
        z-index: 10 !important;
        display: block !important;
        overflow-y: scroll !important;
    }
    .menuOn{
        margin-left: 0px !important;
        z-index: 10 !important;
        display: block !important;
        overflow-y: scroll !important;
    }
}

@media(max-width:1010px) {
    .chartButtonsPanel tr{
        display: inline-flex !important;
    }

    .noPaddingOnMedia td{
        padding: 2px 0px !important;
    }
    .noPaddingOnMedia tr{
        padding: 0px !important;;
    }
    .noPaddingOnMedia div{
        padding: 0px !important;;
    }
    .noPaddingOnMedia{
        padding: 0px !important;
    }
    .problematicTable th{
        display: none;
    }
    .problematicTable td{
        display: block;
        width: 100%;
    }
    .problematicTable span{
        display: inline-block;
    }
    .displayTable{display: none;}
    .newUndisplay{
        display: none !important;
    }
    /*    .longerInputFilter{
            width: 100% !important;
        }*/
    .tdList1{padding-right: 0 !important;}
    .tdList2 ,.tdList3{display: none;}

    .displayGrid{display: block;}
    .blockto100 td{width: 100% !important;display: block !important;}
    .block50to100 td{width: 100% !important;display: block !important;}
    .block50to90 td{width: 90% !important;display: block !important}
    .block50to90div  td.ui-datagrid-column{width: 90% !important;display: block !important}
    .block50to100div div{width: 100% !important;display: block !important;}
    .block50to100div div.resultsPanel{width: 95% !important;}
    .block50to100div hr{width: 96%;}
    .notMobileButton{display: none !important;}
    .noPaddingMedia >div{
        padding: 0 !important;
    }
    .block50to100td >td{
        width: 100% !important;display: block !important;
    }
    #leftMenuTopCell{height: 45px !important;}
    #helpStyle{
        z-index: 10 !important;
    }

    #centerLayout{
        left: 0 !important;
        width: 100% !important;
    }
    .mobileOff{
        margin-left: -300px !important;
        z-index: 10 !important;
        /*transition: all 0.3s ease;*/
        display: block !important;
        overflow-y: scroll !important;
    }
    .mobileOn{
        margin-left: 0px !important;
        z-index: 10 !important;
        /*transition: all 0.3s ease;*/
        display: block !important;
        overflow-y: scroll !important;
    }

    .centerCol td{
        text-align: center;
    }
    /*spr czy czegos nie rypie*/
    .mobile{display: block !important;}
    .newThemeMenuTDbuottomNotMobile > tbody > tr:first-of-type {
        display: none;
    }
    .notMobile{display: none !important;}
    .tableNotFirstBorder > tbody>tr:first-of-type td.newThemeMenuTDbuottomNotMobile{
        display: none;
    }
    .tableNotFirstBorder >tbody >tr:nth-of-type(2) td.newThemeMenuTDbuottomNotMobile{
        border-top: none !important;
    }
    .wordWrap{max-width: 350px;word-wrap: break-word;}
    .imgMiddle{
        top: calc(50% - 30px) !important;position: relative;
    }
    .blockNoPadding td{padding: 0 !important; width: 100%;}
    .blockNoPadding {padding: 0 !important; width: 100%;}
    .block50to90{
        width: 90%;
    }
    .widthauto >tbody>tr>:nth-child(2){
        width:auto !important; 
    }
    .td45InitDisp td{
        width: 45% !important;display: inline-block !important;
    }
    .block50to100div > .ui-datagrid-content > .ui-grid-row > .ui-datagrid-column{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .noPadding5{
        padding: 0px !important; 
    }
    .td45InitDisp td.withColSpan{
        display: table-cell !important;
    } 
    #selected_products_grid_content{
        border: none !important;
    }
    .noBorderDiv div{
        border: none !important;
    }
    .block50to100FirstTdOnly >tbody>tr>td{
        width: 100% !important;
        display: block !important;
    }
    .displayInlineLegend td{
        display: table-cell !important;

    }
    .smallerMargin >div:first-of-type >div:first-of-type{
        margin: -18px -3px 29px !important;
    }
}

@media(max-width:800px){
    .small50to100 td{
        width: 100% !important;
        display: block !important;
    }
    .smalltoAuto td{
        display: block !important;
        width: auto !important;
    }
    .noMrgR{
        margin-right: 0 !important;
    }
    .block50to100FirstTdOnly td{       
        width: 100% !important;
        display: block !important;
        padding: 5px 0 5px 0 !important;
    }
    .phone{
        display: block;
    }
    .notPhone{
        display: none;
    }
    .displayInlineLegend td{
        display: table-cell !important;

    }
    .ui-panel .ui-panel-content{
        padding: 0 !important;
    }
    .margins1018{
        margin: 0 !important;
    }
    .autoInput input{
        width: auto !important;   
    }
    .addBtn{
        margin-right:  0px !important;
        margin-bottom: 0px !important;
    }
    .autoLabels div:first-of-type{
        width: auto !important;
        min-width: 200px !important;
    }
    .noPaddingTD td{
        padding: 0 !important;
    }
    .width50forSmallTd td{
        width: 50% !important;
        display: inline-table !important;
    }
    .datagrid-margin15px > .ui-datagrid-content{
        margin-left: 0 !important;
    }
    .prodlistpanel .ui-panel-content{
        margin-left: 0 !important;
    }
    .shopMargins{
        margin: 0 !important;
        width: auto !important;
    }
    .imgScale img{
        transform: scale(0.7) !important;
    }
    .middleOnPhone{
        margin-left: -30px !important;
        width: 100% !important;
    }
    .middlePhoneUser{
        width: 100% !important;
        float: none !important;
        margin-top: 5px;
    }
}
@media(max-width: 400px) {
    #helpStyle{
	max-width: 100%;
    }
}
@media(max-width:386px){
    .imgScale img{
        width: 96% !important;
    }
    .block50to90 tr, .block50to90 table{
        display: block !important;
    }
    .pg_noborder_padding.ui-panelgrid > tbody > tr, .pg_noborder_padding.ui-panelgrid > tbody > tr > td, .pg_noborder_padding.ui-panelgrid > tfoot > tr, .pg_noborder_padding.ui-panelgrid > tfoot > tr > td, .pg_noborder_padding .ui-panelgrid .ui-panelgrid-cell{
        max-width: calc(100% - 20px);
    }
    input{
        /*width: calc(100% - 25px) !important;*/
    }
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{
    background: var(--newThemeBackground) !important;
}

.ui-treetable.tableTest thead {
    height: 50px;
}

.ui-chkbox .ui-chkbox-label {
    margin: 3px 0 0 3px;
}

#accept_regulations, #accept_personal, #accept_marketing {
    width: 28px;
}

.wrapped-combo {
    width: 400px;
    font-size: 0.9em;
}

.wrapped-combo > div > ul > li {
    white-space: normal !important;
}

#university_panel > .ui-selectonemenu-filter-container {
    width: calc(100% - 0.8em);
}