/*required red dot*/
INPUT.required
{
    background-image: radial-gradient(#F00 20%, transparent 25%);
    background-size: 1em 1em;
    background-position: right top;
    background-repeat: no-repeat;
    border-color: inherit;
}
input.wide
{
    width:100%;
}
.LeftPanelText, #filterPanel, .myLink, .myLinkBare
{
    padding-left:0;
    font-size: var(--vel-typography-text-50-font_size);
    font-family: var(--vel-typography-text-50-font_family);
}

#ctl00_QuickLinksListView_tblQuickLinks
{
    display:flex;
    flex-direction:column;
}
.LeftPanelText td
{
    padding:0;
}
#ctl00_QuickLinksListView_tblQuickLinks .rowstatus
{
    display:flex;
    flex-direction:row;
}
#ctl00_QuickLinksListView_tblQuickLinks .rowstatus:nth-child(even)
{
        background-color: var(--vel-color-neutral-100);
}
#ctl00_QuickLinksListView_tblQuickLinks .status
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    flex: 1 1 auto;
}
#ctl00_QuickLinksListView_tblQuickLinks .statuscount
{
    width: 35px;
    text-align:center;
}
#ctl00_QuickLinksListView_tblQuickLinks .rowstatus.nonzero .status a,
#ctl00_QuickLinksListView_tblQuickLinks .rowstatus.nonzero .statuscount a
{
    font-weight:bold;
}
#divWOPCS
{
    display:flex;
    flex-direction:row;
    border-top: 1px solid var(--vel-color-neutral-400);
    margin-top: var(--vel-fixed-spacing-02);
    padding-top: var(--vel-fixed-spacing-02);
}
#divWOPCS span{
    flex:1 1 auto;
}
#divWOPCS #wopcs
{
    flex:0 0 auto;
    width:20px;
    text-align:center;
}


.MunkalapSectionTitle.z_accordion
{
    cursor:pointer;
}
.MunkalapSectionTitle .myLink::after
{
    content: '';
    display:block;
    /*margin-left: 1rem;*/
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url('../../img/velocity/chevron_down.svg');
    background-repeat: no-repeat;
    background-position: right center;
}
 

.LeftPanelTitle
{
    margin: 0px;
    font-weight: var(--vel-typography-headline-300-font_weight);
    font-size: var(--vel-typography-headline-300-font_size);
    line-height: var(--vel-typography-headline-300-line_height);
    font-family: var(--vel-typography-headline-300-font_family);
    letter-spacing: var(--vel-typography-headline-300-letter_spacing);
    opacity:0;
    display:none;
}
.MunkalapSectionTitle, .LeftPanelSectionTitle
{
    font-weight: var(--vel-typography-headline-100-font_weight);
    font-size: var(--vel-typography-headline-100-font_size);
    line-height: var(--vel-typography-headline-100-line_height);
    font-family: var(--vel-typography-headline-100-font_family);
    letter-spacing: var(--vel-typography-headline-100-letter_spacing);
    background-color: var(--vel-color-neutral-200);
    color:var(--vel-color-text-headlines);
    
    align-items: center;
}
.MunkalapSectionTitle:not(:empty)
{
    padding-block:  var(--vel-fixed-spacing-02);
    padding-inline: var(--vel-fixed-spacing-04);
    border-radius:  var(--vel-fixed-spacing-02);
}
.MunkalapSectionTitle
{
  display:flex;
  flex-direction:row;
  gap: 1rem;
  margin-top:  var(--vel-fixed-spacing-05);
  margin-bottom: var(--vel-fixed-spacing-02);
  margin-inline:0;
}

.MunkalapSectionTitle .myLink, .MunkalapSectionTitle .myLinkBare
{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap:.5rem;
    font-weight: normal;
    
}
.MunkalapSectionTitle>*:nth-child(2)
{
    margin-left:auto;
}
.MunkalapSectionTitle + div
{
    margin-left:2rem;
}
.rightPanel>.MunkalapSectionTitle:nth-child(1)
{
    margin-top:0;
}

.LeftPanelSectionTitle
{
    margin-top: 0;
}
/*
#ctl00_LeftPanel>*
{
    display:none;
}
#ctl00_LeftPanel:hover>*
{
    display:block;
}
   
#ctl00_LeftPanel>.LeftPanelToggler
{
    display:block;
}
#ctl00_LeftPanel:hover>.LeftPanelToggler
{
    display:none;
}
*/


#ctl00_LeftPanel>.LeftPanelToggler
{
    display:none;
}

.header
{
    display: flex;
    flex-direction: row;
    height: 70px;
    border-bottom: 1px solid var(--vel-color-neutral-300);
    max-width: 1638px;
    margin: 0px auto;
    gap:1rem;
}
.header>.loginstatus {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .5rem;
}
.header>.main-menu{
    flex:0 0 auto;
    display:flex;
    flex-direction:row;
    line-height:2rem;
}
.header .logo
{
    background-image: url(../../img/velocity/logo.svg);
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: 170px;
    background-position-y: center;
    flex:0 0 auto;
    width: 200px;
}
.header .apptitle 
{
    flex:0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: var(--vel-typography-headline-100-font_family);
    font-size: var(--vel-typography-headline-100-font_size);
    padding: 1rem;
    font-weight: var(--vel-typography-headline-100-font_weight);
    /* text-align: left; */
}



a, a:visited,a:link,a:active
{
  /* font-weight: normal; */
}







.wsButtons:not(:empty) {
    padding: 2rem 0 1rem 0;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
}
.wsButtons > .wsButtons-button-right {
  margin-left: auto;
}



.wsExtraApprove
{
  padding:1rem;
}
.container
{
  padding:0.5rem;
}
#ctl00_LeftPanel
{
  border-right: 1px dotted var(--vel-color-neutral-400);
  padding-right: var(--vel-layout-spacing-02);
  width: 150px;
  max-width: 150px;
}
.rightPanel
{
  width: auto;
  text-align: left;
  vertical-align: top;
  /* padding: 0px 2px; */
  /* background-color:var(--vel-color-background-alt); */
  padding-left: .5rem;
  display:flex;
  flex-direction:column;
}
.rightPanel>table
{
    width:calc(100% - 2rem);
    margin-left:2rem;
}
.tablePanel>table>tbody>tr>th,
.MunkalapSection>table>tbody>tr>th,
.rightPanel>table>tbody>tr>th
{
    width:120px;
    font-weight:bold;
}


.rightPanel input[type=submit],.rightPanel input[type=image], .rightPanel input[type=reset], .rightPanel button, .rightPanel .button
{
    min-height: 20px;
    padding-inline: calc(var(--vel-fixed-spacing-03) - 1px);
}
#filterPanel input[type=checkbox]
{
    /*margin-left:4px;*/
}


/*calendar*/
.ajax__calendar_prev 
{
    background-image: url('../../img/velocity/chevron_left.svg') !important;
    background-position: left top !important;
}
.ajax__calendar_next 
{
    background-image: url('../../img/velocity/chevron_right.svg') !important;
    background-position: left top !important;
}

.ajax__calendar .ajax__calendar_today, .ajax__calendar_title {
    font-weight: var(--vel-typography-text-50-bold-font_weight);
    font-size: var(--vel-typography-text-50-font_size);
    line-height: var(--vel-typography-text-50-line_height);
    font-family: var(--vel-typography-text-50-font_family);
    letter-spacing: var(--vel-typography-text-50-letter_spacing);
    box-sizing: border-box;
    color: var(--vel-color-form-text-default);
}
.ajax__calendar_dayname
{
    font-weight: var(--vel-typography-text-50-font_weight);
    font-size: var(--vel-typography-text-50-font_size);
    line-height: var(--vel-typography-text-50-line_height);
    font-family: var(--vel-typography-text-50-font_family);
    letter-spacing: var(--vel-typography-text-50-letter_spacing);
    color: var(--vel-color-neutral-600);
}
.ajax__calendar_day
{
    font-weight: var(--vel-typography-text-50-font_weight);
    font-size: var(--vel-typography-text-50-font_size);
    line-height: var(--vel-typography-text-50-line_height);
    font-family: var(--vel-typography-text-50-font_family);
    letter-spacing: var(--vel-typography-text-50-letter_spacing);
    border-radius: var(--vel-shape300-border_radius);
    transition: color 0.1s ease-out 0s, background 0.1s ease-out 0s;
    color: var(--vel-color-form-text-default);
    text-align:center !important;
}
.ajax__calendar_day:active {
    background: var(--vel-color-neutral-200) !important;
}
.ajax__calendar_prev:hover,
.ajax__calendar_next:hover,
.ajax__calendar_title:hover,
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today,
.ajax__calendar_day:not(.disabled):hover {
    background-color: var(--vel-color-neutral-100) !important;
    color: var(--vel-color-form-text-default)!important;
    border-radius: var(--vel-shape300-border_radius) !important;
}
.ajax__calendar_day.disabled
{
    color: var(--vel-color-form-text-disabled) !important;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_day, .ajax__calendar_active.ajax__calendar_day
{
    font-weight: var(--vel-typography-text-50-bold-font_weight, var(--vel-typography-text-50-font_weight));
    font-size: var(--vel-typography-text-50-bold-font_size, var(--vel-typography-text-50-font_size));
    line-height: var(--vel-typography-text-50-bold-line_height, var(--vel-typography-text-50-line_height));
    font-family: var(--vel-typography-text-50-bold-font_family, var(--vel-typography-text-50-font_family));
    letter-spacing: var(--vel-typography-text-50-bold-letter_spacing, var(--vel-typography-text-50-letter_spacing));
    background: var(--vel-color-secondary-400) !important;
    color: var(--vel-color-text-on_secondary) !important;
    border:none !important;
}

.ajax__calendar_active .ajax__calendar_day:hover,
.ajax__calendar_active .ajax__calendar_day:focus,
.ajax__calendar_active.ajax__calendar_day:hover
{
    background: var(--vel-color-secondary-300) !important;
}
.ajax__calendar .ajax__calendar_today 
{
    height: auto;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {
    color: var(--vel-color-form-text-default) !important;
}


div.ajax__calendar .ajax__calendar_other .ajax__calendar_day {
    background-color: transparent;
    color: #9f9f9f;
}
div.ajax__calendar .ajax__calendar_day {
    border-style:none;
}
div.ajax__calendar div.ajax__calendar_container
{
    width:auto;
}

#ctl00_cphMain_txtUserName,
#ctl00_cphMain_txtPassword,
#ctl00_cphMain_txtRendszam
{
    width:100%;
}
a.quicklink:hover {
    background-color:unset;    
}
a.quicklink, a.quicklink:link, a.quicklink:visited, a.quicklink:hover, a.quicklink:active {
    color: var(--vel-color-primary-400);
    text-decoration: underline;
    font-weight: unset;
}


.workListTable a
{
    color: var(--vel-color-text-default);
    
    text-decoration-line:none;
}
.workListTable a>img
{
    vertical-align:middle;
}
.workListTable a:hover
{
    background-color:transparent;
}

/*table.MunkalapTelephely thead tr:nth-child(1) th,
table.MunkalapAuto thead tr:nth-child(1) th,*/
table.workListTable thead tr:nth-child(1) th,
table.useradminlist thead tr:nth-child(1) th,
table.reairshopadminlist thead tr:nth-child(1) th,
table[id$=_GridViewCar] tbody tr:nth-child(2) th,
table[id$=_GridView1] tbody tr:nth-child(1) th,
table[id$=_CarManufacturersGridView] tbody tr:nth-child(1) th,
table[id$=_ChildRepairShopsView] tbody tr:nth-child(1) th,
table[id$=_ExceptionsGrid] tbody tr:nth-child(1) th,
table[id$=_previousRepairShopGrid] tbody tr:nth-child(1) th,
table[id$=_gvAudaCalc] tbody tr:nth-child(1) th,
table[id$=_gvWorkOrderItem] tbody tr:nth-child(1) th,
table[id$=_gdwModItem] tbody tr:nth-child(1) th,
table[id$=_gdwCommon] tbody tr:nth-child(1) th,
table[id$=_grdEmails] tbody tr:nth-child(1) th,
table[id$=_gvEmailToSelect] tbody tr:nth-child(1) th,
table[id$=_gvEmailTo] tbody tr:nth-child(1) th,
table[id$=_gvRS] tbody tr:nth-child(1) th,
table[id$=_gvHistory] tbody tr:nth-child(1) th,
table[id$=_gvMaintenenceHistory] tbody tr:nth-child(1) th,
table[id$=_gvNOLS] tbody tr:nth-child(1) th,
table[id$=_gvWorkOrderLink] tbody tr:nth-child(1) th,
table[id$=_ExtensionGridView] tbody tr:nth-child(1) th,
table[id$=_gvWorkOrderItem] tbody tr:nth-child(1) th,
table[id$=_gvAcquisition] tbody tr:nth-child(1) th
{
    background: var(--vel-color-neutral-white);
    color: var(--vel-color-text-default)!important;
    font-weight:bold !important;
    border-bottom: var(--vel-table-columns-row-border);
    /*text-align:center;*/
    /* display: flex; */
}
table.pagertopbottom tr:nth-child(1) td table {
    background-color:red;
}

table[id$=_GridViewCar] tbody tr:nth-child(2) th a
{
    color: var(--vel-color-text-default)!important;
    text-decoration:none;
}

table.wsz-striped>tbody>tr:nth-child(odd)>td,table.wsz-striped>tbody>tr:nth-child(odd)>th,
table.MunkalapAuto tbody tr:nth-child(odd) td,
table.workListTable tbody tr:nth-child(odd), /* munkalap sorok szinezese tr-re megy, a td elfedi */
table.useradminlist tbody tr:nth-child(odd) td,
table.reairshopadminlist tbody tr:nth-child(odd) td,
table[id$=_GridView1] tbody tr:nth-child(odd) td,
table[id$=_GridViewCar] tbody tr:nth-child(odd) td,
table[id$=_CarManufacturersGridView] tbody tr:nth-child(odd) td,
table[id$=_ChildRepairShopsView] tbody tr:nth-child(odd) td,
table[id$=_ExceptionsGrid] tbody tr:nth-child(odd) td,
table[id$=_previousRepairShopGrid] tbody tr:nth-child(odd) td,
table[id$=_gvAudaCalc] tbody tr:nth-child(odd) td,
table[id$=_gvWorkOrderItem] tbody tr:nth-child(odd) td,
table[id$=_gdwModItem] tbody tr:nth-child(odd) td,
table[id$=_gdwCommon] tbody tr:nth-child(odd) td,
table[id$=_grdEmails] tbody tr:nth-child(odd) td,
table[id$=_gvEmailToSelect] tbody tr:nth-child(odd) td,
table[id$=_gvEmailTo] tbody tr:nth-child(odd) td,
table[id$=_gvRS] tbody tr:nth-child(odd) td,
table[id$=_gvHistory] tbody tr:nth-child(odd) td,
table[id$=_gvMaintenenceHistory] tbody tr:nth-child(odd) td,
table[id$=_gvNOLS] tbody tr:nth-child(odd) td,
table[id$=_gvWorkOrderLink] tbody tr:nth-child(odd) td,
table[id$=_ExtensionGridView] tbody tr:nth-child(odd) td,
table[id$=_gvWorkOrderItem] tbody tr:nth-child(odd) td,
table[id$=_gvAcquisition] tbody tr:nth-child(odd) td
{
    background: var(--vel-color-neutral-white);
}
table.no-alternate tbody tr:nth-child(odd) td
{
    background-color:transparent;
}

table.wsz-striped>tbody>tr:nth-child(even)>td,table.wsz-striped>tbody>tr:nth-child(even)>th,
table.MunkalapAuto tbody tr:nth-child(even) td,table.MunkalapAuto tbody tr:nth-child(even) th,
table.workListTable tbody tr:nth-child(even), /* munkalap sorok szinezese tr-re megy, a td elfedi */
table.useradminlist tbody tr:nth-child(even) td,
table.reairshopadminlist tbody tr:nth-child(even) td,
table[id$=_GridView1] tbody tr:nth-child(even) td,
table[id$=_GridViewCar] tbody tr:nth-child(even) td,
table[id$=_CarManufacturersGridView] tbody tr:nth-child(even) td,
table[id$=_ChildRepairShopsView] tbody tr:nth-child(even) td,
table[id$=_ExceptionsGrid] tbody tr:nth-child(even) td,
table[id$=_previousRepairShopGrid] tbody tr:nth-child(even) td,
table[id$=_gvAudaCalc] tbody tr:nth-child(even) td,
table[id$=_gvWorkOrderItem] tbody tr:nth-child(even) td,
table[id$=_gdwModItem] tbody tr:nth-child(even) td,
table[id$=_gdwCommon] tbody tr:nth-child(even) td,
table[id$=_grdEmails] tbody tr:nth-child(even) td,
table[id$=_gvEmailToSelect] tbody tr:nth-child(even) td,
table[id$=_gvEmailTo] tbody tr:nth-child(even) td,
table[id$=_gvRS] tbody tr:nth-child(even) td,
table[id$=_gvHistory] tbody tr:nth-child(even) td,
table[id$=_gvMaintenenceHistory] tbody tr:nth-child(even) td,
table[id$=_gvNOLS] tbody tr:nth-child(even) td,
table[id$=_gvWorkOrderLink] tbody tr:nth-child(even) td,
table[id$=_ExtensionGridView] tbody tr:nth-child(even) td,
table[id$=_gvWorkOrderItem] tbody tr:nth-child(even) td,
table[id$=_gvAcquisition] tbody tr:nth-child(even) th,
table.ClaimStatus tbody tr:nth-child(even)>td,table.ClaimStatus tbody tr:nth-child(even)>th
{
    background: var(--vel-color-neutral-100);
    
}

table.no-alternate tbody tr:nth-child(even) td
{
    background-color:transparent;
}

a.TDHeader, a.TDHeader:link, a.TDHeader:visited, a.TDHeader:hover, a.TDHeader:active, .TDHeader {
    color: var(--vel-color-text-default);
    text-decoration: inherit;
    font-weight: inherit;
    /* display: inline-block; */
    /* text-align: center; */
    /* line-height: 100%; */
    background-color: unset;
}
TABLE.MunkalapJavitas
{
    width:auto;
}
 TABLE.MunkalapJavitas TD.reviewRequired {
        vertical-align: middle;
    }
/*#CurrentTireDetails select
{
    width:auto;
}*/
TABLE.MunkalapJavitas TD.reviewRequiredLP {
    vertical-align: middle;
}

.header .LeftPanelLanguageSelector
{
    flex:0 0 auto;
    display: flex;
    flex-direction: row;
    gap: 4px;
    margin-right:8px;
}
.header .LeftPanelLanguageSelector .LanguageSelectorGlobe,
.header .LeftPanelLanguageSelector .LanguageSelectorLanguages
{
    display:flex;
    flex-direction: column;
    justify-content: center;
}
.mainContent
{
    max-width: 1638px;
    margin: 0px auto;
    padding: 1rem;
    min-height: calc(100vh - 200px);
}
.versioninfo
{
    width: 500px;
    font-size:10px;
    margin:auto;
    text-align: center;
    color: var(--vel-color-neutral-400);
}
#divServerTime
{
    display:inline;
}
table.wsz-fixedLayout,
.rightPanel>table.grid-unit-gamma,
.rightPanel>table.grid-unit-delta,
.rightPanel>table.grid-unit-beta
{
    table-layout:fixed;
    border-collapse: collapse;
}
.rightPanel>table.grid-unit-beta,
.grid-unit-beta
{
    width:50%;
}
.rightPanel>table.grid-unit-gamma,
.grid-unit-gamma
{
    width:66%;
}

.grid-unit-delta
{
    width:33%;
}
th.grid-unit-beta
{
    padding:0;
}
.grid-unit-popup .grid-unit-gamma,
.grid-unit-popup .grid-unit-beta
{
    width:100%;
}


.grid-unit-override .grid-unit-beta
{
    width:unset;
}
/*switch approval*/
.threeStateApprover>tbody>tr>td>input[type=radio]
{
  /*opacity:0;*/
}
.threeStateApprover>tbody>tr>td>label
{
  display:none;
}

.threeStateApprover>tbody>tr>td
{
    padding:0;
    width:33%;
}
.threeStateApprover>tbody>tr>td>input[type=radio]
{
  box-sizing: border-box;
  appearance: none;
  outline: none;
  position: relative;
  vertical-align: top;
  isolation: isolate;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  width: 100%;
  min-width:24px;
  border:0px solid transparent;
  padding: 0px;
  margin: 0px;
  border-radius:0;
  background-color: var(--vel-color-neutral-300);
  background-position: center center;
  background-size:20px;
  background-repeat:no-repeat;
  box-shadow:none;
  filter: grayscale(100%);
  opacity:.3;
  transition: filter .3s,  opacity .3s;
}
.threeStateApprover>tbody>tr>td>input[type=radio]:disabled
{
    opacity:.2;
}
.threeStateApprover>tbody>tr>td:nth-child(2)>input[type=radio]
{
  background-image:url("../../img/velocity/question.svg");
}
.threeStateApprover>tbody>tr>td:nth-child(3)>input[type=radio]
{
    
    border-top-right-radius:999px;
    border-bottom-right-radius:999px;
    background-image:url("../../img/velocity/precolored/close.svg");
}
.threeStateApprover>tbody>tr>td:nth-child(1)>input[type=radio]
{
    border-top-left-radius:999px;
    border-bottom-left-radius:999px;
    background-image:url("../../img/velocity/precolored/check.svg");
}

.threeStateApprover>tbody>tr>td>input[type=radio]:checked
{
  filter: grayscale(0%);
  background-color: transparent;
  opacity:1;
}
/*
.threeStateApprover > input[type=radio]::before {
  content: "";
  border-radius: 50%;
  display: block;
  height: 20px;
  width: 20px;
  background: var(--vel-color-neutral-white);
  transition: transform 0.1s ease-out;
}

.threeStateApprover > input[type=radio]:checked::before
{
  transform: translateX(24px);
}
*/


.wsz-nobr{
    white-space:nowrap;
}
.wsz-mt-1{
    margin-top:1rem;
}
.wsz-mt-2{
    margin-top:2rem;
}
.wsz-p-1{
    padding:1rem;
}
.wsz-flex-rows
{
    display:flex;
    flex-direction:column;
    gap:1rem;
}
.wsz-flex-compact
{
    gap:4px;
}

.wsz-flex-cols
{
    display:flex;
    flex-direction:row;
    gap:1rem;
    align-items:center;
}
.wsz-flex-cols.align-top
{
    align-items:flex-start;
}
.wsz-flex-right
{
    flex:0 0 auto;
    margin-left:auto;
}
.wsz-ta-left
{
    text-align:left;
}
.wsz-ta-right
{
    text-align:right;
}
.wsz-ta-center
{
    text-align:center;
}

.svg16
{
    min-width:16px;
    width:16px;
    cursor:pointer;
}
.wsz-highlight {
    background-color: var(--vel-color-brand-support2-100);
    font-weight: bold;
    padding: 4px;
    border-radius: 2px;
    /* color: white; */
    padding-inline: .5rem;
    display:inline-block;
    white-space:nowrap;
}
.wsz-highlight-warning {
    background-color: var(--vel-color-semantic-warning-high);
    font-weight: bold;
    padding: 4px;
    border-radius: 2px;
    color: var(--vel-color-semantic-warning-low);
    padding-inline: .5rem;
    display: inline-block;
    white-space:nowrap;
}

td.TDRight>input
{
    text-align:right;
}
td.TDRight
{
    white-space:nowrap;
}
/*hack*/
table>tbody.wsz-fake-stripe-16
{
    background-image: repeating-linear-gradient(#00000000 0 20px, white 20px 40px);
}

.visibleTR {
    display: table-row;
}




/*spinner*/
#postbackOverlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right:0;
    bottom:0;
    cursor: wait;
    background: rgba(0, 0, 0, 0.2);
    z-index: 50;
}
#postbackOverlay.active
{
    display:block;
}

#postbackOverlay .spinner
{
    display: flex;
    align-items:center;
    position: fixed;
    top: 0 !important;
    left: 0;
    right: 0;
    bottom: 0;
    width: 7.5em;
    height: 7.5em;
    margin: auto;
    z-index: 9001;
    border-radius: 50%;
}
#postbackOverlay .spinner svg
{
    flex:1 1 auto;
    width:96px;
    height:96px;
}

#postbackOverlay .spinner svg path:nth-child(1) {
    fill: var(--vel-color-neutral-200);
    opacity: 0.7;
}
#postbackOverlay .spinner svg path:nth-child(2) {
    fill: var(--vel-color-primary-400);
}

#postbackOverlay.active .spinner svg
{
    animation: spin 1.25s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/*history*/
.wsz-history-title {
    font-family: var(--vel-typography-headline-300-font_family);
    font-size: var(--vel-typography-headline-300-font_size);
    font-weight: var(--vel-typography-headline-300-font_weight);
}
.wsz-history-details .wsz-history-label
{
    font-family: var(--vel-typography-text-100-font_family);
    font-size:   var(--vel-typography-text-100-font_size);
    font-weight: bold;
}
.wsz-history-details>*:nth-child(1),
.wsz-history-details>*:nth-child(2)
{
    border-right: 1px solid silver;
    padding-right: 16px;
}
.wszhidden
{
    display:none;
}

/*typo**/
.mediumFont{
    font-size:1rem;
}
h1.wszh, h2.wszh, h3.wszh, .wszh1, .wszh2, .wszh3
{
    font-size: var(--vel-typography-headline-400-font_size);
    font-family: var(--vel-typography-headline-400-font_family);
    font-weight: var(--vel-typography-headline-400-font_weight);
    line-height: var(--vel-typography-headline-400-line_height);
    letter-spacing: var(--vel-typography-headline-400-letter_spacing);
    margin:0;
    display:block;
    padding-block: 1rem;
}
h4.wszh, .wszh4
{
    font-size: var(--vel-typography-headline-300-font_size);
    font-family: var(--vel-typography-headline-300-font_family);
    font-weight: var(--vel-typography-headline-300-font_weight);
    line-height: var(--vel-typography-headline-300-line_height);
    letter-spacing: var(--vel-typography-headline-300-letter_spacing);    
    margin:0;
    display:block;
    padding-block: .8rem;
}
h6.wszh, .wszh6
{
    font-size: var(--vel-typography-headline-100-font_size);
    font-family: var(--vel-typography-headline-100-font_family);
    font-weight: var(--vel-typography-headline-100-font_weight);
    line-height: var(--vel-typography-headline-100-line_height);
    letter-spacing: var(--vel-typography-headline-100-letter_spacing);    
    margin:0;
    display:block;
    padding-block: .5rem;
}


/*Kivkez sorok BEGIN*/
table.wsz-striped>tbody>tr.exceptionRequired.exceptionApproved>td,
tr.exceptionRequired.exceptionApproved>td
{
    background-color:#81f564;
}
table.wsz-striped>tbody>tr.exceptionRequired.exceptionDenied>td,
tr.exceptionRequired.exceptionDenied>td
{
    background-color:#ed6958;
}
/*Kivkez sorok END*/
.wsButtonSection
{
    margin-left: 200px;
    order:1000;
}

/*Mlap tipus szerint sorrend*/

.rightPanel.wst_Tire>.section_isinrepairshop{ order:0; }
.rightPanel.wst_Tire>.section_claimstatus{ order:40; }
.rightPanel.wst_Tire>.section_workrepairshopdata_title{ order:50; }.rightPanel.wst_Tire>.section_workrepairshopdata { order:51; }
.rightPanel.wst_Tire>.section_workcardata_title{ order:60; }.rightPanel.wst_Tire>.section_workcardata { order:61; }
.rightPanel.wst_Tire>.section_workcustomerdata_title{ order:70; }.rightPanel.wst_Tire>.section_workcustomerdata { order:71; }
.rightPanel.wst_Tire>.section_exceptionlist_title{ order:80; }.rightPanel.wst_Tire>.section_exceptionlist { order:81; }
.rightPanel.wst_Tire>.section_workcartiredata_title{ order:90; }.rightPanel.wst_Tire>.section_workcartiredata { order:91; }
.rightPanel.wst_Tire>.section_workheaddata_title{ order:100; }.rightPanel.wst_Tire>.section_workheaddata { order:101; }
.rightPanel.wst_Tire>.section_worktiredatanew{ order:110; }
.rightPanel.wst_Tire>.section_worktiremaintenancedata{ order:120; }
.rightPanel.wst_Tire>.section_workfileattachements_title{ order:130; }.rightPanel.wst_Tire>.section_workfileattachements { order:131; }
.rightPanel.wst_Tire>.section_worknolsdata_title{ order:140; }.rightPanel.wst_Tire>.section_worknolsdata { order:141; }
.rightPanel.wst_Tire>.section_workhistorydata_title{ order:150; }.rightPanel.wst_Tire>.section_workhistorydata { order:151; }
.rightPanel.wst_Tire>.section_worktireacquisition_title{ order:160; }.rightPanel.wst_Tire>.section_worktireacquisition { order:161; }
.rightPanel.wst_Tire>.section_workmaintenancehistory_title{ order:170; }.rightPanel.wst_Tire>.section_workmaintenancehistory { order:171; }
.rightPanel.wst_Tire>.section_workorderlink_title{ order:180; }.rightPanel.wst_Tire>.section_workorderlink { order:181; }
.rightPanel.wst_Tire>.section_extraapprover_title{ order:190; }.rightPanel.wst_Tire>.section_extraapprover { order:191; }
.rightPanel.wst_Tire>.section_workemails_title { order:200;}.rightPanel.wst_Tire>.section_workemails { order:201;}
.rightPanel.wst_Tire>.section_workorderlongtimerepairlpcomment_title{ order:210; }.rightPanel.wst_Tire>.section_workorderlongtimerepairlpcomment { order:211; }